{"id":29499,"date":"2025-12-12T17:30:57","date_gmt":"2025-12-12T17:30:57","guid":{"rendered":"https:\/\/saden2022-001-site1.ftempurl.com\/?page_id=29499"},"modified":"2026-10-21T15:41:16","modified_gmt":"2026-10-21T15:41:16","slug":"about-us","status":"publish","type":"page","link":"https:\/\/saden.sa\/en\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"29499\" class=\"elementor elementor-29499\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d2b4a1 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"7d2b4a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de4f6c3 elementor-widget elementor-widget-html\" data-id=\"de4f6c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-about-page .en-font {\n    font-family: \"Poppins\", \"Cairo\", Arial, sans-serif;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-about-hero {\n    padding-top: 100px;\n    min-height: 700px;\n    background:\n        radial-gradient(\n            circle at 85% 30%,\n            rgba(178,4,4,.35),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            #760000 0%,\n            #5c0000 55%,\n            #3d0000 100%\n        );\n    position: relative;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n}\n\n.saden-about-hero::before {\n    content: \"\";\n    position: absolute;\n    width: 650px;\n    height: 650px;\n    border: 1px solid rgba(255,255,255,.15);\n    border-radius: 50%;\n    right: -280px;\n    top: -250px;\n}\n\n.saden-about-hero::after {\n    content: \"\";\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    border: 1px solid rgba(255,255,255,.1);\n    border-radius: 50%;\n    left: -240px;\n    bottom: -250px;\n}\n\n.saden-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n}\n\n.saden-hero-label {\n    color: #fff !important;\n    font-size: 18px;\n    font-weight: 800;\n    letter-spacing: .5px;\n    margin-bottom: 15px;\n}\n\n.saden-hero-title {\n    margin: 0;\n    font-size: clamp(55px, 8vw, 105px);\n    line-height: 1.05;\n    font-weight: 900;\n    color: #fff !important;\n}\n\n.saden-hero-title .hero-about,\n.saden-hero-title .hero-brand {\n    color: #fff !important;\n}\n\n.saden-hero-line {\n    width: 110px;\n    height: 5px;\n    background: #fff;\n    margin: 28px 0;\n}\n\n.saden-hero-description {\n    max-width: 780px;\n    margin: 0;\n    color: var(--saden-gray-light) !important;\n    font-size: 21px;\n    line-height: 2;\n}\n\n.saden-hero-tag {\n    margin-top: 30px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: #fff !important;\n    font-size: 15px;\n    font-weight: 700;\n}\n\n.saden-hero-tag::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: #fff;\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-about-hero {\n        min-height: 530px;\n    }\n\n    .saden-hero-title {\n        font-size: 55px;\n    }\n\n    .saden-hero-description {\n        font-size: 17px;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-about-hero {\n        min-height: 480px;\n    }\n\n    .saden-hero-label {\n        font-size: 15px;\n    }\n\n    .saden-hero-title {\n        font-size: 43px;\n    }\n\n    .saden-hero-description {\n        font-size: 15px;\n        line-height: 1.9;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-about-hero\">\n        <div class=\"saden-container\">\n            <div class=\"saden-hero-content\">\n\n                <div class=\"saden-hero-label en-font\">\n                    SADEN SPECIALIZED COMPANY\n                <\/div>\n\n                <h1 class=\"saden-hero-title\">\n                    <span class=\"hero-about\">About<\/span>\n                    <span class=\"hero-brand\">Saden<\/span>\n                <\/h1>\n\n                <div class=\"saden-hero-line\"><\/div>\n\n                <p class=\"saden-hero-description\">\n                    \u0634\u0631\u0643\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c\n                    \u062a\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a\n                    \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629.\n                <\/p>\n\n                <div class=\"saden-hero-tag\">\n                    \"With experience dating back to 2009\"\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3bee1 elementor-widget elementor-widget-html\" data-id=\"9f3bee1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-section {\n    padding: 90px 0;\n}\n\n.saden-section-label {\n    display: inline-block;\n    color: var(--saden-red);\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.saden-section-title {\n    margin: 0;\n    font-size: clamp(34px, 4vw, 52px);\n    line-height: 1.25;\n    font-weight: 900;\n    color: var(--saden-black) !important;\n}\n\n.saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-section-description {\n    max-width: 760px;\n    margin: 15px auto 0;\n    color: var(--saden-gray-dark) !important;\n    font-size: 17px;\n    line-height: 2;\n}\n\n.saden-heading-center {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.saden-vision {\n    background: #fff;\n}\n\n.saden-vm-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 25px;\n}\n\n.saden-vm-card {\n    padding: 42px;\n    border-radius: 16px;\n    background: #760000;\n    position: relative;\n    overflow: hidden;\n    min-height: 260px;\n}\n\n.saden-vm-card::before {\n    content: \"\";\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border: 1px solid rgba(255,255,255,.2);\n    border-radius: 50%;\n    left: -80px;\n    bottom: -80px;\n}\n\n.saden-vm-card h3 {\n    margin: 0 0 15px;\n    color: #fff !important;\n    font-size: 28px;\n    font-weight: 900;\n}\n\n.saden-vm-card h3 span {\n    color: #fff !important;\n}\n\n.saden-vm-card p {\n    margin: 0;\n    color: var(--saden-gray-light) !important;\n    font-size: 17px;\n    line-height: 2;\n    position: relative;\n    z-index: 2;\n}\n\n@media (max-width: 900px) {\n    .saden-vm-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-section {\n        padding: 60px 0;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-vm-card {\n        padding: 30px 25px;\n    }\n\n    .saden-vm-card h3 {\n        font-size: 24px;\n    }\n\n    .saden-section-title {\n        font-size: 32px;\n    }\n\n    .saden-section-description {\n        font-size: 15px;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-section saden-vision\">\n        <div class=\"saden-container\">\n\n            <div class=\"saden-heading-center\">\n\n                <span class=\"saden-section-label\">\n                    Our Vision and Mission\n                <\/span>\n\n                <h2 class=\"saden-section-title\">\n                    Toward  Future\n                    <span>More distinctive<\/span>\n                <\/h2>\n\n                <p class=\"saden-section-description\">\n                    \"We operate with a clear vision and a mission focused on quality, efficiency, and sustainability.\"\n                <\/p>\n\n            <\/div>\n\n            <div class=\"saden-vm-grid\">\n\n                <div class=\"saden-vm-card\">\n\n                    <h3>\n                        <span>Our Vision<\/span>\n                    <\/h3>\n\n                    <p>\n                        \u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629 \u0641\u064a\n                        \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0648\u0623\u0646\n                        \u0646\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0646 \u062e\u0644\u0627\u0644\n                        \u062d\u0644\u0648\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0645\u0633\u062a\u062f\u0627\u0645\u0629.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"saden-vm-card\">\n\n                    <h3>\n                        <span>Our Mission<\/span>\n                    <\/h3>\n\n                    <p>\n                        \"Delivering high-quality geological and engineering services and solutions, relying on specialized expertise and modern technologies to meet client needs and support the success of their projects.\"\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfba1ef elementor-widget elementor-widget-html\" data-id=\"bfba1ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-section {\n    padding: 90px 0;\n}\n\n.saden-section-title {\n    margin: 0;\n    font-size: clamp(34px, 4vw, 52px);\n    line-height: 1.25;\n    font-weight: 900;\n    color: var(--saden-black) !important;\n}\n\n.saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-section-description {\n    max-width: 760px;\n    margin: 15px auto 0;\n    color: var(--saden-gray-dark) !important;\n    font-size: 17px;\n    line-height: 2;\n}\n\n.saden-heading-center {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.saden-why {\n    background: #760000;\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.saden-why::before {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    border: 1px solid rgba(255,255,255,.15);\n    border-radius: 50%;\n    right: -250px;\n    top: -250px;\n}\n\n.saden-why .saden-section-title {\n    color: #fff !important;\n}\n\n.saden-why .saden-section-title span {\n    color: #fff !important;\n}\n\n.saden-why .saden-section-description {\n    color: var(--saden-gray-mid) !important;\n}\n\n.saden-why-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n}\n\n.saden-why-card {\n    border: 1px solid rgba(255,255,255,.15);\n    border-radius: 14px;\n    padding: 36px 32px;\n    background: rgba(255,255,255,.05);\n    transition: .3s ease;\n}\n\n.saden-why-card:hover {\n    border-color: rgba(255,255,255,.4);\n    transform: translateY(-5px);\n}\n\n.saden-why-card h3 {\n    margin: 0 0 14px;\n    font-size: 23px;\n    font-weight: 800;\n    color: #fff !important;\n}\n\n.saden-why-card p {\n    margin: 0;\n    color: var(--saden-gray-mid) !important;\n    line-height: 1.95;\n    font-size: 16px;\n}\n\n@media (max-width: 900px) {\n    .saden-why-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-section {\n        padding: 60px 0;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-section-title {\n        font-size: 32px;\n    }\n\n    .saden-section-description {\n        font-size: 15px;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-section saden-why\">\n        <div class=\"saden-container\">\n\n            <div class=\"saden-heading-center\">\n\n                <span>\n                    Why Saden?\n                <\/span>\n\n                <h2 class=\"saden-section-title\">\n                    A reliable partner\n                <\/h2>\n\n                <p class=\"saden-section-description\">\n                    \"We focus on delivering true value to projects through expertise, efficiency, and commitment.\"\n                <\/p>\n\n            <\/div>\n\n            <div class=\"saden-why-grid\">\n\n                <div class=\"saden-why-card\">\n                    <h3>\"A strategic partner, not just a consultant\"<\/h3>\n                    <p>\n                        \"We go beyond delivering reports and studies; we act as a vital partner that protects your investments and ensures the complete security of your assets.\"\n                    <\/p>\n                <\/div>\n\n                <div class=\"saden-why-card\">\n                    <h3>\"Safe and cost-effective recommendations\"<\/h3>\n                    <p>\n                        \"We innovate precise engineering solutions that combine the highest standards of safety and integration, while saving operational and financial costs for the project.\"\n                    <\/p>\n                <\/div>\n\n                <div class=\"saden-why-card\">\n                    <h3>\"Certified expertise and innovative solutions\"<\/h3>\n                    <p>\n                        \"Combining official accreditations from competent authorities with modern technologies to deliver high-precision and efficient consulting.\"\n                    <\/p>\n                <\/div>\n\n                <div class=\"saden-why-card\">\n                    <h3>\"Commitment to sustainability and Vision 2030\"<\/h3>\n                    <p>\n                        \"We design our solutions to be sustainable in the long term, ensuring the success of major projects and their complete alignment with national aspirations.\"\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76b1164 elementor-widget elementor-widget-html\" data-id=\"76b1164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-section {\n    padding: 90px 0;\n}\n\n.saden-section-label {\n    display: inline-block;\n    color: var(--saden-red);\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.saden-section-title {\n    margin: 0;\n    font-size: clamp(34px, 4vw, 52px);\n    line-height: 1.25;\n    font-weight: 900;\n    color: var(--saden-black) !important;\n}\n\n.saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-heading-center {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.saden-red-line {\n    width: 70px;\n    height: 4px;\n    background: var(--saden-red);\n    margin: 18px auto 0;\n}\n\n.saden-numbers {\n    background: var(--saden-light);\n}\n\n.saden-numbers-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n}\n\n.saden-number-card {\n    background: #fff;\n    border: 1px solid var(--saden-border);\n    border-radius: 14px;\n    padding: 35px 20px;\n    text-align: center;\n    transition: .3s ease;\n    position: relative;\n}\n\n.saden-number-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 35px rgba(0,0,0,.07);\n}\n\n.saden-number-card::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 4px;\n    height: 0;\n    background: var(--saden-red);\n    transition: .3s ease;\n    border-radius: 0 14px 14px 0;\n}\n\n.saden-number-card:hover::after {\n    height: 100%;\n}\n\n.saden-number {\n    color: var(--saden-red) !important;\n    font-size: 46px;\n    line-height: 1;\n    font-weight: 900;\n    font-family: \"Poppins\", sans-serif;\n}\n\n.saden-number-title {\n    margin-top: 14px;\n    color: var(--saden-text) !important;\n    font-size: 17px;\n    font-weight: 700;\n}\n\n@media (max-width: 900px) {\n    .saden-numbers-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-section {\n        padding: 60px 0;\n    }\n\n    .saden-numbers-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-number {\n        font-size: 38px;\n    }\n\n    .saden-section-title {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-section saden-numbers\">\n        <div class=\"saden-container\">\n\n            <div class=\"saden-heading-center\">\n\n                <span class=\"saden-section-label\">\n                    Saden in Numbers\n                <\/span>\n\n                <h2 class=\"saden-section-title\">\n                    A Journey of\n                    <span>Growth and Expansion<\/span>\n                <\/h2>\n\n                <div class=\"saden-red-line\"><\/div>\n\n            <\/div>\n\n            <div class=\"saden-numbers-grid\">\n\n                <div class=\"saden-number-card\">\n                    <div class=\"saden-number\">2009<\/div>\n                    <div class=\"saden-number-title\">\n                        Year of establishment\n                    <\/div>\n                <\/div>\n\n                <div class=\"saden-number-card\">\n                    <div class=\"saden-number\">16+<\/div>\n                    <div class=\"saden-number-title\">\n                        A branch in the Kingdom\n                    <\/div>\n                <\/div>\n\n                <div class=\"saden-number-card\">\n                    <div class=\"saden-number\">2019<\/div>\n                    <div class=\"saden-number-title\">\n                        The Beginning of Expansion in Egypt\n                    <\/div>\n                <\/div>\n\n                <div class=\"saden-number-card\">\n                    <div class=\"saden-number\">2026<\/div>\n                    <div class=\"saden-number-title\">\n                        Expansion to Muscat \u2013 Oman\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-322623b elementor-widget elementor-widget-html\" data-id=\"322623b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-section {\n    padding: 90px 0;\n}\n\n.saden-section-label {\n    display: inline-block;\n    color: var(--saden-red);\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.saden-section-title {\n    margin: 0;\n    font-size: clamp(34px, 4vw, 52px);\n    line-height: 1.25;\n    font-weight: 900;\n    color: var(--saden-black) !important;\n}\n\n.saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-heading-center {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.saden-red-line {\n    width: 70px;\n    height: 4px;\n    background: var(--saden-red);\n    margin: 18px auto 0;\n}\n\n.saden-journey {\n    background: var(--saden-light);\n}\n\n.saden-timeline {\n    position: relative;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.saden-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 50%;\n    width: 2px;\n    background: var(--saden-gray-light);\n    transform: translateX(50%);\n}\n\n.saden-timeline-item {\n    width: 50%;\n    padding: 0 35px 45px;\n    position: relative;\n}\n\n.saden-timeline-item:nth-child(odd) {\n    margin-left: 50%;\n    margin-right: 0;\n    text-align: right;\n}\n\n.saden-timeline-item:nth-child(even) {\n    margin-right: 50%;\n    margin-left: 0;\n    text-align: left;\n}\n\n.saden-timeline-dot {\n    position: absolute;\n    top: 5px;\n    width: 16px;\n    height: 16px;\n    background: var(--saden-red);\n    border: 4px solid #fff;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px var(--saden-red);\n}\n\n.saden-timeline-item:nth-child(odd) .saden-timeline-dot {\n    left: -8px;\n    right: auto;\n}\n\n.saden-timeline-item:nth-child(even) .saden-timeline-dot {\n    right: -8px;\n    left: auto;\n}\n\n.saden-timeline-year {\n    color: var(--saden-red) !important;\n    font-size: 18px;\n    font-weight: 900;\n    margin-bottom: 7px;\n    font-family: \"Poppins\", \"Cairo\", sans-serif;\n}\n\n.saden-timeline-item h3 {\n    margin: 0 0 8px;\n    font-size: 21px;\n    font-weight: 800;\n    color: var(--saden-text);\n}\n\n.saden-timeline-item p {\n    margin: 0;\n    color: var(--saden-gray-dark) !important;\n    font-size: 15px;\n    line-height: 1.9;\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-section {\n        padding: 60px 0;\n    }\n\n    .saden-timeline::before {\n        right: 12px;\n        transform: none;\n    }\n\n    .saden-timeline-item,\n    .saden-timeline-item:nth-child(odd),\n    .saden-timeline-item:nth-child(even) {\n        width: 100%;\n        margin: 0;\n        padding: 0 40px 35px 0;\n        text-align: right;\n    }\n\n    .saden-timeline-item:nth-child(odd) .saden-timeline-dot,\n    .saden-timeline-item:nth-child(even) .saden-timeline-dot {\n        right: 4px;\n        left: auto;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-section-title {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-section saden-journey\">\n        <div class=\"saden-container\">\n\n            <div class=\"saden-heading-center\">\n\n                <span class=\"saden-section-label\">\n                    Our Journey\n                <\/span>\n\n                <h2 class=\"saden-section-title\">\n                    Milestones in..\n                    <span>Saden's Journey<\/span>\n                <\/h2>\n\n                <div class=\"saden-red-line\"><\/div>\n\n            <\/div>\n\n            <div class=\"saden-timeline\">\n\n                <div class=\"saden-timeline-item\">\n\n                    <span class=\"saden-timeline-dot\"><\/span>\n\n                    <div class=\"saden-timeline-year\">\n                        2009\n                    <\/div>\n\n                    <h3>\n                        Company Establishment\n                    <\/h3>\n\n                    <p>\n                        \"Saden launched as a Saudi company specialized in geological and engineering sciences.\"\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"saden-timeline-item\">\n\n                    <span class=\"saden-timeline-dot\"><\/span>\n\n                    <div class=\"saden-timeline-year\">\n                        2019\n                    <\/div>\n\n                    <h3>\n                        Expansion to Egypt\n                    <\/h3>\n\n                    <p>\n                        \"Saden began a new phase of expansion outside the Kingdom through its presence in Egypt.\"\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"saden-timeline-item\">\n\n                    <span class=\"saden-timeline-dot\"><\/span>\n\n                    <div class=\"saden-timeline-year\">\n                        2026\n                    <\/div>\n\n                    <h3>\n                        Expansion to Muscat\n                    <\/h3>\n\n                    <p>\n                        \"The company expanded into the Sultanate of Oman by opening the Muscat branch\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"saden-timeline-item\">\n\n                    <span class=\"saden-timeline-dot\"><\/span>\n\n                    <div class=\"saden-timeline-year\">\n                        Today\n                    <\/div>\n\n                    <h3>\n                        Continuous Growth\n                    <\/h3>\n\n                    <p>\n                        Saden continues to develop its services and expand its presence and expertise to serve projects and clients.\"\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4104901 elementor-widget elementor-widget-html\" data-id=\"4104901\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-section {\n    padding: 90px 0;\n}\n\n.saden-section-label {\n    display: inline-block;\n    color: var(--saden-red);\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.saden-section-title {\n    margin: 0;\n    font-size: clamp(34px, 4vw, 52px);\n    line-height: 1.25;\n    font-weight: 900;\n    color: var(--saden-black) !important;\n}\n\n.saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-section-description {\n    max-width: 760px;\n    margin: 15px auto 0;\n    color: var(--saden-gray-dark) !important;\n    font-size: 17px;\n    line-height: 2;\n}\n\n.saden-heading-center {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.saden-specializations {\n    position: relative;\n    padding: 105px 0 115px;\n    overflow: hidden;\n    background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);\n}\n\n.saden-specializations::before {\n    content: \"\";\n    position: absolute;\n    width: 430px;\n    height: 430px;\n    top: -250px;\n    left: -220px;\n    border: 1px solid rgba(178, 4, 4, .10);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.saden-specializations::after {\n    content: \"\";\n    position: absolute;\n    width: 280px;\n    height: 280px;\n    right: -150px;\n    bottom: -170px;\n    border: 1px solid rgba(178, 4, 4, .08);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.saden-specializations .saden-container {\n    position: relative;\n    z-index: 2;\n}\n\n.saden-specializations .saden-heading-center {\n    position: relative;\n    max-width: 850px;\n    margin: 0 auto 65px;\n}\n\n.saden-specializations .saden-section-label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    color: var(--saden-red) !important;\n    font-size: 14px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    margin-bottom: 13px;\n}\n\n.saden-specializations .saden-section-label::before,\n.saden-specializations .saden-section-label::after {\n    content: \"\";\n    display: block;\n    width: 35px;\n    height: 2px;\n    background: var(--saden-red);\n}\n\n.saden-specializations .saden-section-title {\n    margin: 0 !important;\n    color: var(--saden-black) !important;\n    font-size: clamp(40px, 5vw, 64px);\n    line-height: 1.25;\n    font-weight: 900;\n    letter-spacing: -1.5px;\n}\n\n.saden-specializations .saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-specializations .saden-section-description {\n    max-width: 720px;\n    margin: 17px auto 0;\n    color: var(--saden-gray-dark) !important;\n    font-size: 16px;\n    line-height: 2;\n    font-weight: 400;\n}\n\n.saden-specializations .saden-heading-center::after {\n    content: \"\";\n    display: block;\n    width: 65px;\n    height: 3px;\n    margin: 25px auto 0;\n    background: var(--saden-red);\n    border-radius: 10px;\n}\n\n.saden-specializations-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.saden-specialization-card {\n    position: relative;\n    min-height: 245px;\n    padding: 30px 27px;\n    overflow: hidden;\n    background: #ffffff;\n    border: 1px solid var(--saden-border);\n    border-radius: 18px;\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease,\n        border-color .35s ease;\n}\n\n.saden-specialization-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 0;\n    height: 4px;\n    background: var(--saden-red);\n    transition: width .4s ease;\n}\n\n.saden-specialization-card::after {\n    content: attr(data-number);\n    position: absolute;\n    left: -5px;\n    bottom: -35px;\n    color: rgba(178, 4, 4, .045);\n    font-family: Arial, sans-serif;\n    font-size: 115px;\n    line-height: 1;\n    font-weight: 900;\n    pointer-events: none;\n    transition:\n        transform .4s ease,\n        color .4s ease;\n}\n\n.saden-specialization-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(178, 4, 4, .30);\n    box-shadow: 0 22px 50px rgba(0, 0, 0, .09);\n}\n\n.saden-specialization-card:hover::before {\n    width: 100%;\n}\n\n.saden-specialization-card:hover::after {\n    transform: translateY(-10px);\n    color: rgba(178, 4, 4, .075);\n}\n\n.saden-specialization-number {\n    position: relative;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 43px;\n    height: 43px;\n    border-radius: 10px;\n    color: var(--saden-red) !important;\n    background: #f8eeee;\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 900;\n    transition: .3s ease;\n}\n\n.saden-specialization-card:hover .saden-specialization-number {\n    color: #ffffff !important;\n    background: var(--saden-red);\n    transform: rotate(-3deg);\n}\n\n.saden-specialization-card h3 {\n    position: relative;\n    z-index: 3;\n    margin: 25px 0 10px;\n    color: var(--saden-black) !important;\n    font-size: 18px;\n    line-height: 1.5;\n    font-weight: 900;\n    transition: color .3s ease;\n}\n\n.saden-specialization-card:hover h3 {\n    color: var(--saden-red) !important;\n}\n\n.saden-specialization-card p {\n    position: relative;\n    z-index: 3;\n    margin: 0;\n    max-width: 300px;\n    color: var(--saden-gray-dark) !important;\n    font-size: 13px;\n    line-height: 1.9;\n    font-weight: 400;\n}\n\n.saden-specialization-card .saden-card-dot {\n    position: absolute;\n    right: 25px;\n    bottom: 25px;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--saden-red);\n    opacity: .35;\n}\n\n.saden-specialization-card:first-child {\n    background: linear-gradient(145deg, #ffffff 0%, #fff8f8 100%);\n}\n\n.saden-specialization-card:first-child .saden-specialization-number {\n    background: var(--saden-red);\n    color: #ffffff !important;\n}\n\n@media (max-width: 1100px) {\n    .saden-specializations {\n        padding: 85px 0 95px;\n    }\n\n    .saden-specializations-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 18px;\n    }\n\n    .saden-specialization-card {\n        min-height: 235px;\n        padding: 27px 23px;\n    }\n\n    .saden-specialization-card h3 {\n        font-size: 17px;\n    }\n\n    .saden-specialization-card p {\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 850px) {\n    .saden-specializations-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 18px;\n    }\n\n    .saden-specializations .saden-heading-center {\n        margin-bottom: 50px;\n    }\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-section {\n        padding: 60px 0;\n    }\n}\n\n@media (max-width: 600px) {\n    .saden-specializations {\n        padding: 65px 0 75px;\n    }\n\n    .saden-specializations-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .saden-specializations .saden-heading-center {\n        margin-bottom: 40px;\n    }\n\n    .saden-specializations .saden-section-label {\n        font-size: 12px;\n        gap: 10px;\n    }\n\n    .saden-specializations .saden-section-label::before,\n    .saden-specializations .saden-section-label::after {\n        width: 22px;\n    }\n\n    .saden-specializations .saden-section-title {\n        font-size: 38px;\n        letter-spacing: -1px;\n    }\n\n    .saden-specializations .saden-section-description {\n        font-size: 14px;\n        line-height: 1.9;\n    }\n\n    .saden-specializations .saden-heading-center::after {\n        margin-top: 20px;\n        width: 50px;\n    }\n\n    .saden-specialization-card {\n        min-height: 215px;\n        padding: 26px 23px;\n        border-radius: 15px;\n    }\n\n    .saden-specialization-card::after {\n        font-size: 100px;\n        bottom: -30px;\n    }\n\n    .saden-specialization-card h3 {\n        font-size: 18px;\n        margin-top: 21px;\n    }\n\n    .saden-specialization-card p {\n        max-width: 100%;\n        font-size: 13px;\n        line-height: 1.85;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n\n    .saden-specializations .saden-section-title {\n        font-size: 34px;\n    }\n\n    .saden-specializations .saden-section-description {\n        font-size: 13px;\n    }\n\n    .saden-specialization-card {\n        min-height: 205px;\n        padding: 23px 20px;\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-section saden-specializations\">\n\n        <div class=\"saden-container\">\n\n            <div class=\"saden-heading-center\">\n\n                <span class=\"saden-section-label\">\n                    Our Domains\n                <\/span>\n\n                <h2 class=\"saden-section-title\">\n                    Specializations\n                    <span>Saden<\/span>\n                <\/h2>\n\n                <p class=\"saden-section-description\">\n                    \"We offer a range of specialized services in geological and engineering fields to support various project needs.\"\n                <\/p>\n\n            <\/div>\n\n            <div class=\"saden-specializations-grid\">\n\n                <div class=\"saden-specialization-card\" data-number=\"01\">\n                    <div class=\"saden-specialization-number\">01<\/div>\n                    <h3>\"Geotechnical Studies\"<\/h3>\n                    <p>\n                        \"Specialized services and studies to support projects and understand soil and site characteristics.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"02\">\n                    <div class=\"saden-specialization-number\">02<\/div>\n                    <h3>\"Hydrological Studies\"<\/h3>\n                    <p>\n                        \"Specialized services in studies related to water and the hydrological conditions of sites.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"03\">\n                    <div class=\"saden-specialization-number\">03<\/div>\n                    <h3>\"Geophysical Studies\"<\/h3>\n                    <p>\n                        \"Utilizing geophysical methods to study site characteristics and support engineering decisions.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"04\">\n                    <div class=\"saden-specialization-number\">04<\/div>\n                    <h3>\"Geological Studies\"<\/h3>\n                    <p>\n                        \"Study and analysis of site geological characteristics and supporting planning and implementation phases.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"05\">\n                    <div class=\"saden-specialization-number\">05<\/div>\n                    <h3>Mining Studies<\/h3>\n                    <p>\n                        \"Specialized studies to support mining projects and resource exploration.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"06\">\n                    <div class=\"saden-specialization-number\">06<\/div>\n                    <h3>Surveying Services<\/h3>\n                    <p>\n                        \"Precision surveying works to support various project stages.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"07\">\n                    <div class=\"saden-specialization-number\">07<\/div>\n                    <h3>Deep Foundation Excavation<\/h3>\n                    <p>\n                        \"Execution of deep foundation excavation works with the highest standards of precision.\"\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"08\">\n                    <div class=\"saden-specialization-number\">08<\/div>\n                    <h3>Structural Evaluation<\/h3>\n                    <p>\n                        Evaluation of the structural condition of facilities and supporting maintenance and development decisions.\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n                <div class=\"saden-specialization-card\" data-number=\"09\">\n                    <div class=\"saden-specialization-number\">09<\/div>\n                    <h3>Material Quality Testing<\/h3>\n                    <p>\n                        Material quality control testing to ensure compliance with approved specifications.\n                    <\/p>\n                    <span class=\"saden-card-dot\"><\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3ac765 elementor-widget elementor-widget-html\" data-id=\"e3ac765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-section {\n    padding: 90px 0;\n}\n\n.saden-section-label {\n    display: inline-block;\n    color: var(--saden-red);\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.saden-section-title {\n    margin: 0;\n    font-size: clamp(34px, 4vw, 52px);\n    line-height: 1.25;\n    font-weight: 900;\n    color: var(--saden-black) !important;\n}\n\n.saden-section-title span {\n    color: var(--saden-red) !important;\n}\n\n.saden-section-description {\n    max-width: 760px;\n    margin: 15px auto 0;\n    color: var(--saden-gray-dark) !important;\n    font-size: 17px;\n    line-height: 2;\n}\n\n.saden-heading-center {\n    text-align: center;\n    margin-bottom: 55px;\n}\n\n.saden-red-line {\n    width: 70px;\n    height: 4px;\n    background: var(--saden-red);\n    margin: 18px auto 0;\n}\n\n.saden-board {\n    background: var(--saden-light);\n}\n\n.saden-board-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n    max-width: 1180px;\n    margin: 0 auto;\n}\n\n.saden-board-card {\n    background: #fff;\n    border: 1px solid var(--saden-border);\n    border-radius: 16px;\n    padding: 25px 20px 28px;\n    position: relative;\n    transition: .3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n}\n\n.saden-board-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 14px 32px rgba(0,0,0,.08);\n}\n\n.saden-board-card::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    left: 0;\n    top: 0;\n    height: 4px;\n    background: var(--saden-red);\n    border-radius: 16px 16px 0 0;\n}\n\n.saden-board-photo {\n    flex-shrink: 0;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    max-width: 220px;\n    border-radius: 14px;\n    overflow: hidden;\n    background: var(--saden-light);\n    margin-bottom: 18px;\n}\n\n.saden-board-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: top center;\n    display: block;\n}\n\n.saden-board-info {\n    width: 100%;\n}\n\n.saden-board-name {\n    font-size: 18px;\n    line-height: 1.6;\n    font-weight: 800;\n    color: var(--saden-text) !important;\n}\n\n.saden-board-role {\n    margin-top: 6px;\n    color: var(--saden-red) !important;\n    font-size: 14px;\n    font-weight: 700;\n}\n\n@media (max-width: 900px) {\n    .saden-board-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-section {\n        padding: 60px 0;\n    }\n\n    .saden-board-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .saden-board-photo {\n        max-width: 260px;\n    }\n\n    .saden-board-name {\n        font-size: 17px;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-section-title {\n        font-size: 32px;\n    }\n\n    .saden-section-description {\n        font-size: 15px;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-section saden-board\">\n\n        <div class=\"saden-container\">\n\n            <div class=\"saden-heading-center\">\n\n                <span class=\"saden-section-label\">\n                    Management and Leadership\n                <\/span>\n\n                <h2 class=\"saden-section-title\">\n                    Members\n                    <span>Board of Directors<\/span>\n                <\/h2>\n\n                <p class=\"saden-section-description\">\n                    \"An elite group of competencies and expertise leading Saden's journey toward growth and excellence.\"\n                <\/p>\n\n                <div class=\"saden-red-line\"><\/div>\n\n            <\/div>\n\n            <div class=\"saden-board-grid\">\n\n                <div class=\"saden-board-card\">\n                    <div class=\"saden-board-photo\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/\u0645.\u062d\u0633\u064a\u0646-\u0627\u0628\u0648\u062d\u0627\u0648\u064a.png\" alt=\"\u0645\/ \u0627\u0644\u062d\u0633\u064a\u0646 \u0628\u0646 \u0625\u0628\u0631\u0627\u0647\u064a\u0645 \u0628\u0646 \u0623\u0628\u0648\u062d\u0627\u0648\u064a\">\n                    <\/div>\n                    <div class=\"saden-board-info\">\n                        <div class=\"saden-board-name\">Eng. Al-Hussein bin Ibrahim bin Abu Hawi<\/div>\n                        <div class=\"saden-board-role\">Chairman of the Board<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"saden-board-card\">\n                    <div class=\"saden-board-photo\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/\u0645.\u0627\u0633\u0645\u0627\u0639\u064a\u0644-\u0637\u0646\u0637\u0627\u0648\u064a.png\" alt=\"\u0645\/ \u0625\u0633\u0645\u0627\u0639\u064a\u0644 \u0637\u0646\u0637\u0627\u0648\u064a\">\n                    <\/div>\n                    <div class=\"saden-board-info\">\n                        <div class=\"saden-board-name\">Eng. Ismail Tantawi<\/div>\n                        <div class=\"saden-board-role\">General Manager<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"saden-board-card\">\n                    <div class=\"saden-board-photo\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/\u0645.\u0627\u0633\u0644\u0627\u0645-\u0639\u0632\u062a.png\" alt=\"\u0645\/ \u0625\u0633\u0644\u0627\u0645 \u0639\u0632\u062a\">\n                    <\/div>\n                    <div class=\"saden-board-info\">\n                        <div class=\"saden-board-name\">Eng. Islam Ezzat<\/div>\n                        <div class=\"saden-board-role\">Executive Director<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"saden-board-card\">\n                    <div class=\"saden-board-photo\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/\u0645.\u0645\u0635\u0639\u0628-\u0627\u0644\u0634\u0647\u0631\u0627\u0646\u064a.png\" alt=\"\u0645\/ \u0645\u0635\u0639\u0628 \u0627\u0644\u0634\u0647\u0631\u0627\u0646\u064a\">\n                    <\/div>\n                    <div class=\"saden-board-info\">\n                        <div class=\"saden-board-name\">Eng. Musab Al-Shahrani<\/div>\n                        <div class=\"saden-board-role\">Administrative Manager<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61fcacc elementor-widget elementor-widget-html\" data-id=\"61fcacc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Poppins:wght@500;600;700;800;900&display=swap');\n\n:root {\n    --saden-red: #B20404;\n    --saden-dark-red: #760000;\n    --saden-black: #000000;\n    --saden-white: #FFFFFF;\n    --saden-blue: #01A6F7;\n    --saden-gray-light: #C8C8C8;\n    --saden-gray-mid: #A8A8A8;\n    --saden-gray-dark: #848484;\n    --saden-text: #222222;\n    --saden-light: #F6F6F6;\n    --saden-border: #E8E8E8;\n}\n\n.saden-about-page {\n    direction: rtl;\n    font-family: \"Cairo\", Arial, sans-serif;\n    color: var(--saden-text);\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n}\n\n.saden-about-page * {\n    box-sizing: border-box;\n}\n\n.saden-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n}\n\n.saden-about-cta {\n    background:\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(255,255,255,.08),\n            transparent 35%\n        ),\n        #760000;\n    padding: 80px 20px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.saden-about-cta h2 {\n    margin: 0;\n    color: #fff !important;\n    font-size: clamp(32px, 4vw, 50px);\n    font-weight: 900;\n}\n\n.saden-about-cta h2 span {\n    color: #fff !important;\n}\n\n.saden-about-cta p {\n    max-width: 700px;\n    margin: 15px auto 30px;\n    color: var(--saden-gray-light) !important;\n    font-size: 17px;\n    line-height: 1.9;\n}\n\n.saden-contact-form {\n    max-width: 720px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    position: relative;\n    z-index: 2;\n}\n\n.saden-form-field {\n    grid-column: span 1;\n    text-align: right;\n}\n\n.saden-form-field.full {\n    grid-column: span 2;\n}\n\n.saden-form-field label {\n    display: block;\n    color: #fff !important;\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 8px;\n}\n\n.saden-form-field input {\n    width: 100%;\n    background: rgba(255,255,255,.1);\n    border: 1px solid rgba(255,255,255,.2);\n    border-radius: 8px;\n    padding: 14px 16px;\n    color: #fff;\n    font-family: \"Cairo\", Arial, sans-serif;\n    font-size: 15px;\n    outline: none;\n    transition: .3s ease;\n}\n\n.saden-form-field input::placeholder {\n    color: var(--saden-gray-light);\n}\n\n.saden-form-field input:focus {\n    border-color: #fff;\n    background: rgba(255,255,255,.15);\n}\n\n.saden-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 200px;\n    padding: 14px 28px;\n    background: #fff;\n    color: var(--saden-dark-red) !important;\n    text-decoration: none !important;\n    border-radius: 8px;\n    font-size: 16px;\n    font-weight: 800;\n    font-family: \"Cairo\", Arial, sans-serif;\n    border: none;\n    cursor: pointer;\n    transition: .3s ease;\n}\n\n.saden-cta-button:hover {\n    background: var(--saden-gray-light);\n    transform: translateY(-3px);\n}\n\n@media (max-width: 700px) {\n    .saden-container {\n        width: min(100% - 30px, 1180px);\n    }\n\n    .saden-form-field,\n    .saden-form-field.full {\n        grid-column: span 2;\n    }\n}\n\n@media (max-width: 480px) {\n    .saden-contact-form {\n        grid-template-columns: 1fr;\n    }\n\n    .saden-form-field,\n    .saden-form-field.full {\n        grid-column: span 1;\n    }\n}\n\n@media (max-width: 400px) {\n    .saden-container {\n        width: calc(100% - 22px);\n    }\n}\n<\/style>\n\n<div class=\"saden-about-page\">\n\n    <section class=\"saden-about-cta\">\n\n        <div class=\"saden-container\">\n\n            <h2>\n                Ready to start.\n                <span>Your project?<\/span>\n            <\/h2>\n\n            <p>\n                Leave your details, and the Saden team will contact you as soon as possible to discuss the details of your project.\n            <\/p>\n\n            <form class=\"saden-contact-form\" action=\"#\" method=\"post\" data-trp-original-action=\"#\">\n\n                <div class=\"saden-form-field\">\n                    <label for=\"saden-name\">Name<\/label>\n                    <input type=\"text\" id=\"saden-name\" name=\"name\" placeholder=\"Enter your full name\" required>\n                <\/div>\n\n                <div class=\"saden-form-field\">\n                    <label for=\"saden-phone\">Phone Number<\/label>\n                    <input type=\"tel\" id=\"saden-phone\" name=\"phone\" placeholder=\"05xxxxxxxx\" required>\n                <\/div>\n\n                <div class=\"saden-form-field full\">\n                    <label for=\"saden-email\">Email Address<\/label>\n                    <input type=\"email\" id=\"saden-email\" name=\"email\" placeholder=\"example@email.com\" required>\n                <\/div>\n\n                <div class=\"saden-form-field full\">\n                    <button type=\"submit\" class=\"saden-cta-button\">\n                        Submit Information\n                    <\/button>\n                <\/div>\n\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SADEN SPECIALIZED COMPANY \u0639\u0646 \u0633\u0627\u062f\u0646 \u0634\u0631\u0643\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u062a\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29499","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/pages\/29499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/comments?post=29499"}],"version-history":[{"count":223,"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/pages\/29499\/revisions"}],"predecessor-version":[{"id":900025,"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/pages\/29499\/revisions\/900025"}],"wp:attachment":[{"href":"https:\/\/saden.sa\/en\/wp-json\/wp\/v2\/media?parent=29499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}