{"id":1816,"date":"2026-07-08T10:53:11","date_gmt":"2026-07-08T10:53:11","guid":{"rendered":"https:\/\/levantbuilding.com\/?st-import=5703b44157b42b600703943e40791d1a"},"modified":"2026-08-26T10:54:58","modified_gmt":"2026-08-26T10:54:58","slug":"about","status":"publish","type":"page","link":"https:\/\/levantbuilding.com\/ar\/about\/","title":{"rendered":"About"},"content":{"rendered":"<div data-spectra-id=\"b4828d6b\"\tclass=\"has-image-background spectra-background-image spectra-is-root-container alignfull spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-layout-constrained wp-container-spectra-container-is-layout-75276000 wp-block-spectra-container-is-layout-constrained\" data-orientation=\"horizontal\" style=\"--spectra-background-color: var(--ast-global-color-7); --spectra-overlay-opacity: 0.64;\"\t>\n\t\n<div data-spectra-id=\"spectra-mir9hst2-evkl01\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-spectra-container-is-layout-c94f209b wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n\t<h1 data-spectra-id=\"spectra-dfe5316b-heading\" data-aos-delay=\"0\" data-aos-duration=\"400\" data-aos-easing=\"ease\" data-aos-once=\"true\" data-aos=\"fade-left\" class=\"has-text-color has-link-color spectra-text-color  wp-elements-7302ab0ba4ecc699508a516025722a99 wp-block-spectra-content has-text-color has-ast-global-color-5-color\" style=\"--spectra-text-color: var(--wp--preset--color--ast-global-color-5)\">\n\t\tAbout Us\t<\/h1>\n\n<\/div>\n\n<\/div>\n\n\n<div data-spectra-id=\"ae69ea4d\"\tclass=\"spectra-is-root-container alignfull spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-layout-constrained wp-container-spectra-container-is-layout-75276000 wp-block-spectra-container-is-layout-constrained\" data-orientation=\"horizontal\" style=\"--spectra-background-color: #FFFFFF75; --spectra-overlay-opacity: 1;\"\t>\n\t\n<div data-spectra-id=\"spectra-mir9i270-v89k1e\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-e4777ebc wp-block-spectra-container-is-layout-flex\" data-orientation=\"horizontal\">\n\t\n<div data-spectra-id=\"602f210a\" class=\"spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-spectra-container-is-layout-7421f940 wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\" style=\"--spectra-background-color: #FFFFFF75;--spectra-overlay-opacity: 1\">\n\t\n<div data-spectra-id=\"d778256a\" class=\"spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-spectra-container-is-layout-7421f940 wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\" style=\"--spectra-background-color: #FFFFFF75;--spectra-overlay-opacity: 1\">\n\t\n\n<figure data-spectra-id=\"e2362c77\" class=\"wp-block-image alignleft size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"853\" src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/Kaden1-2.jpg\" alt=\"kaden1\" class=\"wp-image-4873\" title=\"About\" srcset=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/Kaden1-2.jpg 1280w, https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/Kaden1-2-300x200.jpg 300w, https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/Kaden1-2-1024x682.jpg 1024w, https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/Kaden1-2-768x512.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n<\/div>\n\n<\/div>\n\n\n<div data-spectra-id=\"f7c18a89\" class=\"spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3bcf28ca wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\" style=\"--spectra-background-color: #FFFFFF75;--spectra-overlay-opacity: 1\">\n\t\n\t<h2 data-spectra-id=\"spectra-ourstory-heading-1470ee73\" data-aos-delay=\"0\" data-aos-duration=\"400\" data-aos-easing=\"ease\" data-aos-once=\"true\" data-aos=\"fade-left\" class=\"wp-block-spectra-content\">\n\t\tOur Story\t<\/h2>\n\n\n<div data-spectra-id=\"spectra-mkwqf80v-1smm5z\" class=\"wp-block-spectra-separator spectra-separator-color wp-block-spectra-separator\" style=\"--spectra-separator-color: var(--ast-global-color-0)\">\n\t<div class=\"spectra-separator-line\"><\/div>\n<\/div>\n\n\n\t<p data-spectra-id=\"spectra-ourstory-desc-1470ee73\" data-aos-delay=\"0\" data-aos-duration=\"400\" data-aos-easing=\"ease\" data-aos-once=\"true\" data-aos=\"fade-left\" class=\"wp-block-spectra-content\">\n\t\tLevant Building\u2019s story began two decades ago as part of a distinguished group of companies, where its journey was shaped by ambition, resilience, and an unwavering commitment to excellence. Through years of challenges, learning, and achievement, we built the expertise and confidence to chart our own course.\t<\/p>\n\n\n\n<p data-aos-delay=\"0\" data-aos-duration=\"400\" data-aos-easing=\"ease\" data-aos-once=\"true\" data-aos=\"fade-left\"><br>In 2025, Levant Building entered a new chapter\u2014operating independently with a distinctive identity, a clear vision, and extensive experience in the contracting industry. Today, we transform complex technical requirements into reliable, high-quality outcomes, combining engineering precision with efficient execution and close attention to every detail.<\/p>\n\n\n\n<p data-aos-delay=\"0\" data-aos-duration=\"400\" data-aos-easing=\"ease\" data-aos-once=\"true\" data-aos=\"fade-left\"><br>Yet our ambition extends beyond delivering successful projects. We aspire to play a leading role in advancing the contracting sector by developing smarter working methods, embracing the latest technologies, and integrating artificial intelligence into our operations. Rooted in experience and driven by innovation, Levant Building is shaping a more efficient, intelligent, and sustainable future for construction.<\/p>\n\n\n<div data-spectra-id=\"342c80da\" class=\"spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-spectra-container-is-layout-a528d0f1 wp-block-spectra-container-is-layout-flex\" data-orientation=\"horizontal\" style=\"--spectra-background-color: #FFFFFF75;--spectra-overlay-opacity: 1\">\n\t\n\n<ul data-spectra-id=\"spectra-mir9n0px-yal152\" class=\"spectra-list spectra-list-unordered wp-block-spectra-list\">\n\t\n\n<li data-spectra-id=\"spectra-mir9n0w4-ifn5z8\" class=\"spectra-list-item spectra-list-item-unordered spectra-list-item-level-0 wp-block-spectra-list-child-item\">\n\t\n<div data-spectra-id=\"spectra-mir9n12p-ojtdlh\" class=\"spectra-list-icon spectra-list-icon-unordered spectra-text-color wp-block-spectra-list-child-icon\" style=\"--spectra-text-color: var(--ast-global-color-0)\">\n\t\t\t\t\t\t<svg class=\"spectra-icon\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" fill=\"currentColor\" focusable=\"false\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\n\n\t<p data-spectra-id=\"spectra-mir9pnxx-6sa2x3\" class=\"wp-block-spectra-content\">\n\t\t<strong>High-End Finishing &amp; Fit-Out<\/strong>\t<\/p>\n\n<\/li>\n\n\n\n<li data-spectra-id=\"spectra-80104e60-159e-42e8-83ac-961a1352976b\" class=\"spectra-list-item spectra-list-item-unordered spectra-list-item-level-0 wp-block-spectra-list-child-item\">\n\t\n<div data-spectra-id=\"spectra-58dcf5b2-c42a-4099-97c9-cd8d64762ba7\" class=\"spectra-list-icon spectra-list-icon-unordered spectra-text-color wp-block-spectra-list-child-icon\" style=\"--spectra-text-color: var(--ast-global-color-0)\">\n\t\t\t\t\t\t<svg class=\"spectra-icon\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" fill=\"currentColor\" focusable=\"false\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\n\n\t<p data-spectra-id=\"spectra-8885d69c-da3b-46d4-9ea2-28604b7d0969\" class=\"wp-block-spectra-content\">\n\t\t<strong>Turnkey Project Delivery<\/strong>\t<\/p>\n\n<\/li>\n\n<\/ul>\n\n\n\n<ul data-spectra-id=\"spectra-e5c8397b-d8b0-4d3f-885a-a9913ee0470b\" class=\"spectra-list spectra-list-unordered wp-block-spectra-list\">\n\t\n\n<li data-spectra-id=\"spectra-79683771-ffba-4bf5-877d-be3fe3c31d8e\" class=\"spectra-list-item spectra-list-item-unordered spectra-list-item-level-0 wp-block-spectra-list-child-item\">\n\t\n<div data-spectra-id=\"spectra-da942695-7ea0-4aec-9bc9-f37a128c4bfc\" class=\"spectra-list-icon spectra-list-icon-unordered spectra-text-color wp-block-spectra-list-child-icon\" style=\"--spectra-text-color: var(--ast-global-color-0)\">\n\t\t\t\t\t\t<svg class=\"spectra-icon\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" fill=\"currentColor\" focusable=\"false\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\n\n\t<p data-spectra-id=\"spectra-7ed2bd97-800f-458c-87ca-f929bb36d788\" class=\"wp-block-spectra-content\">\n\t\t<strong>Design &amp; Build<\/strong>\t<\/p>\n\n<\/li>\n\n\n\n<li data-spectra-id=\"spectra-be6ae09b-ef31-4d50-ae80-a7abd7952cc1\" class=\"spectra-list-item spectra-list-item-unordered spectra-list-item-level-0 wp-block-spectra-list-child-item\">\n\t\n<div data-spectra-id=\"spectra-74f53b82-08c4-41a1-8c22-ef291b3b6033\" class=\"spectra-list-icon spectra-list-icon-unordered spectra-text-color wp-block-spectra-list-child-icon\" style=\"--spectra-text-color: var(--ast-global-color-0)\">\n\t\t\t\t\t\t<svg class=\"spectra-icon\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" fill=\"currentColor\" focusable=\"false\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\n\n\t<p data-spectra-id=\"spectra-518dc27b-722b-4814-9ca1-7e0d6337402c\" class=\"wp-block-spectra-content\">\n\t\t<strong>Electromechanical (MEP) Solutions<\/strong>\t<\/p>\n\n<\/li>\n\n<\/ul>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   LEVANT BUILDING \u2014 COMPANY OVERVIEW\n   Responsive WordPress Section\n========================================================= *\/\n\n.levant-overview {\n    --lv-blue: #2E3192;\n    --lv-navy: #0B1747;\n    --lv-deep: #08133D;\n    --lv-text: #4D5672;\n    --lv-muted: #7B8297;\n    --lv-line: #E1E5EF;\n    --lv-white: #FFFFFF;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    background: #FFFFFF;\n\n    box-sizing: border-box;\n}\n\n\n.levant-overview *,\n.levant-overview *::before,\n.levant-overview *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   TOP SECTION\n========================================================= *\/\n\n.lv-overview-top {\n    position: relative;\n\n    padding:\n        clamp(70px, 8vw, 120px)\n        clamp(20px, 5vw, 60px)\n        clamp(75px, 8vw, 115px);\n\n    background:\n        linear-gradient(\n            135deg,\n            #FFFFFF 0%,\n            #FCFDFF 65%,\n            #F7F9FD 100%\n        );\n}\n\n\n\/* geometric background *\/\n\n.lv-overview-top::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    right: -270px;\n    top: -210px;\n\n    border:\n        1px solid\n        rgba(46,49,146,.08);\n\n    transform: rotate(45deg);\n\n    pointer-events: none;\n}\n\n\n.lv-overview-top::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 130px;\n    height: 1px;\n\n    right: 7%;\n    top: 85px;\n\n    background:\n        rgba(46,49,146,.15);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.lv-overview-container {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   TOP GRID\n========================================================= *\/\n\n.lv-overview-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(240px, .72fr)\n        minmax(0, 1.45fr);\n\n    gap:\n        clamp(45px, 7vw, 105px);\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   TITLE AREA\n========================================================= *\/\n\n.lv-overview-heading {\n    position: relative;\n}\n\n\n.lv-overview-kicker {\n    margin-bottom: 14px;\n\n    color: var(--lv-blue);\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 4px;\n    text-transform: uppercase;\n}\n\n\n.lv-overview-title {\n    margin: 0;\n\n    color: var(--lv-navy);\n\n    font-size:\n        clamp(34px, 4.2vw, 58px);\n\n    line-height: 1.06;\n\n    font-weight: 700;\n}\n\n\n.lv-overview-title-line {\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin-top: 24px;\n}\n\n\n.lv-overview-title-line::before {\n    content: \"\";\n\n    width: 62px;\n    height: 4px;\n\n    background: var(--lv-blue);\n}\n\n\n.lv-overview-title-line::after {\n    content: \"\";\n\n    width: 28px;\n    height: 1px;\n\n    background:\n        rgba(46,49,146,.35);\n}\n\n\n\/* =========================================================\n   MAIN TEXT\n========================================================= *\/\n\n.lv-overview-copy {\n    position: relative;\n\n    padding-top: 6px;\n}\n\n\n.lv-overview-copy::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -35px;\n    top: 8px;\n\n    width: 1px;\n    height: 100%;\n\n    background:\n        linear-gradient(\n            to bottom,\n            var(--lv-blue),\n            rgba(46,49,146,.05)\n        );\n}\n\n\n.lv-overview-copy p {\n    margin: 0;\n\n    max-width: 790px;\n\n    color: var(--lv-text);\n\n    font-size:\n        clamp(16px, 1.45vw, 19px);\n\n    line-height: 1.75;\n\n    font-weight: 400;\n}\n\n\n\/* =========================================================\n   SMALL DECORATIVE DOTS\n========================================================= *\/\n\n.lv-overview-dots {\n    display: flex;\n\n    gap: 7px;\n\n    margin-top: 32px;\n}\n\n\n.lv-overview-dots span {\n    display: block;\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: var(--lv-blue);\n}\n\n\n.lv-overview-dots span:nth-child(2) {\n    opacity: .55;\n}\n\n\n.lv-overview-dots span:nth-child(3) {\n    opacity: .22;\n}\n\n\n\/* =========================================================\n   STRENGTH SECTION\n========================================================= *\/\n\n.lv-overview-strength {\n    position: relative;\n\n    padding:\n        clamp(55px, 6vw, 82px)\n        clamp(20px, 5vw, 60px);\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            115deg,\n            #08133D 0%,\n            #151E63 45%,\n            #2E3192 100%\n        );\n}\n\n\n\/* architectural lines *\/\n\n.lv-overview-strength::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 420px;\n    height: 420px;\n\n    right: -190px;\n    top: -220px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.075);\n\n    transform: rotate(45deg);\n\n    pointer-events: none;\n}\n\n\n.lv-overview-strength::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 380px;\n    height: 250px;\n\n    left: -190px;\n    bottom: -170px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.05);\n\n    transform: rotate(-18deg);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   STRENGTH CONTENT\n========================================================= *\/\n\n.lv-strength-inner {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n.lv-strength-row {\n    display: grid;\n\n    grid-template-columns:\n        155px\n        minmax(0, 1fr);\n\n    gap:\n        clamp(28px, 4vw, 58px);\n\n    align-items: start;\n}\n\n\n\/* number \/ brand motif *\/\n\n.lv-strength-mark {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    padding-top: 6px;\n}\n\n\n.lv-strength-dot {\n    width: 13px;\n    height: 13px;\n\n    flex: 0 0 auto;\n\n    border-radius: 50%;\n\n    background: #FFFFFF;\n\n    box-shadow:\n        0 0 0 7px\n        rgba(255,255,255,.08);\n}\n\n\n.lv-strength-mark::after {\n    content: \"\";\n\n    width: 78px;\n    height: 1px;\n\n    background:\n        rgba(255,255,255,.35);\n}\n\n\n\/* strength text *\/\n\n.lv-strength-text {\n    max-width: 900px;\n}\n\n\n.lv-strength-text p {\n    margin: 0;\n\n    color:\n        rgba(255,255,255,.86);\n\n    font-size:\n        clamp(16px, 1.45vw, 19px);\n\n    line-height: 1.7;\n\n    font-weight: 400;\n}\n\n\n.lv-strength-text strong {\n    color: #FFFFFF;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   FADE UP\n========================================================= *\/\n\n.lv-overview-reveal {\n    opacity: 0;\n\n    transform:\n        translateY(34px);\n\n    transition:\n        opacity .85s ease,\n        transform .85s\n        cubic-bezier(.2,.65,.3,1);\n\n    transition-delay:\n        var(--overview-delay, 0ms);\n}\n\n\n.lv-overview-reveal.is-visible {\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(max-width: 950px) {\n\n    .lv-overview-grid {\n        grid-template-columns: 1fr;\n\n        gap: 40px;\n    }\n\n\n    .lv-overview-heading {\n        max-width: 650px;\n    }\n\n\n    .lv-overview-copy {\n        max-width: 820px;\n    }\n\n\n    .lv-overview-copy::before {\n        display: none;\n    }\n\n\n    .lv-strength-row {\n        grid-template-columns:\n            120px\n            1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width: 650px) {\n\n    .lv-overview-top {\n        padding:\n            60px\n            18px\n            65px;\n    }\n\n\n    .lv-overview-top::before {\n        width: 260px;\n        height: 260px;\n\n        right: -180px;\n        top: -130px;\n    }\n\n\n    .lv-overview-top::after {\n        display: none;\n    }\n\n\n    .lv-overview-grid {\n        gap: 32px;\n    }\n\n\n    .lv-overview-kicker {\n        font-size: 10px;\n\n        letter-spacing: 3px;\n    }\n\n\n    .lv-overview-title {\n        font-size:\n            clamp(32px, 10vw, 42px);\n    }\n\n\n    .lv-overview-title-line {\n        margin-top: 18px;\n    }\n\n\n    .lv-overview-title-line::before {\n        width: 52px;\n        height: 3px;\n    }\n\n\n    .lv-overview-copy p {\n        font-size: 15px;\n\n        line-height: 1.7;\n    }\n\n\n    .lv-overview-dots {\n        margin-top: 25px;\n    }\n\n\n    \/* strength *\/\n\n    .lv-overview-strength {\n        padding:\n            48px\n            18px;\n    }\n\n\n    .lv-strength-row {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n    }\n\n\n    .lv-strength-mark {\n        padding-top: 0;\n    }\n\n\n    .lv-strength-mark::after {\n        width: 55px;\n    }\n\n\n    .lv-strength-text p {\n        font-size: 15px;\n\n        line-height: 1.7;\n    }\n\n\n    .lv-overview-reveal {\n        transform:\n            translateY(22px);\n\n        transition-duration: .65s;\n\n        transition-delay:\n            calc(\n                var(--overview-delay,0ms)\n                * .45\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media\n(max-width: 390px) {\n\n    .lv-overview-top {\n        padding-left: 14px;\n        padding-right: 14px;\n    }\n\n\n    .lv-overview-strength {\n        padding-left: 14px;\n        padding-right: 14px;\n    }\n\n\n    .lv-overview-copy p,\n    .lv-strength-text p {\n        font-size: 14.5px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n    .lv-overview-reveal {\n        opacity: 1 !important;\n\n        transform: none !important;\n\n        transition: none !important;\n    }\n\n}\n\n<\/style>\n\n\n\n<section class=\"levant-overview\">\n\n\n    <!-- =====================================================\n         COMPANY OVERVIEW\n    ====================================================== -->\n\n    <div class=\"lv-overview-top\">\n\n        <div class=\"lv-overview-container\">\n\n            <div class=\"lv-overview-grid\">\n\n\n                <!-- TITLE -->\n\n                <div\n                    class=\"lv-overview-heading                        lv-overview-reveal\"\n                    style=\"--overview-delay:0ms;\"\n                >\n\n                    <div class=\"lv-overview-kicker\">\n                        About Levant\n                    <\/div>\n\n\n                    <h2 class=\"lv-overview-title\">\n                        Company Overview\n                    <\/h2>\n\n\n                    <div\n                        class=\"lv-overview-title-line\"\n                    ><\/div>\n\n                <\/div>\n\n\n\n                <!-- TEXT -->\n\n                <div\n                    class=\"lv-overview-copy                        lv-overview-reveal\"\n                    style=\"--overview-delay:120ms;\"\n                >\n\n                    <p>\n                        Levant&#8217;s buildings combine deep technical\n                        expertise with forward-looking innovation\n                        to execute and manage projects that meet\n                        the highest qualities standered, safety,\n                        and efficiency. We specialize in:\n                        High-end finishing and fit-out works\n                        Electromechanical &amp; Plumbing (MEP)\n                        solutions Design or build Turnkey projects.\n                    <\/p>\n\n\n                    <div\n                        class=\"lv-overview-dots\"\n                        aria-hidden=\"true\"\n                    >\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         OUR STRENGTH\n    ====================================================== -->\n\n    <div class=\"lv-overview-strength\">\n\n        <div class=\"lv-strength-inner\">\n\n\n            <div\n                class=\"lv-strength-row                    lv-overview-reveal\"\n                style=\"--overview-delay:100ms;\"\n            >\n\n\n                <div\n                    class=\"lv-strength-mark\"\n                    aria-hidden=\"true\"\n                >\n\n                    <span\n                        class=\"lv-strength-dot\"\n                    ><\/span>\n\n                <\/div>\n\n\n\n                <div class=\"lv-strength-text\">\n\n                    <p>\n                        <strong>Our strength lies<\/strong>\n                        in managing complex project requirements\n                        through one coordinated platform, ensuring\n                        clarity, accountability, efficient\n                        communication, and seamless execution\n                        from early planning to final handover\n                        for public and private sectors.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<script>\n\n(function () {\n\n    const section =\n        document.querySelector(\n            \".levant-overview\"\n        );\n\n\n    if (!section) {\n        return;\n    }\n\n\n    const items =\n        section.querySelectorAll(\n            \".lv-overview-reveal\"\n        );\n\n\n    const reducedMotion =\n        window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n    if (reducedMotion) {\n\n        items.forEach(\n            function (item) {\n\n                item.classList.add(\n                    \"is-visible\"\n                );\n\n            }\n        );\n\n        return;\n    }\n\n\n    if (\n        !(\"IntersectionObserver\" in window)\n    ) {\n\n        items.forEach(\n            function (item) {\n\n                item.classList.add(\n                    \"is-visible\"\n                );\n\n            }\n        );\n\n        return;\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n\n            function (entries) {\n\n                entries.forEach(\n                    function (entry) {\n\n                        if (\n                            entry.isIntersecting\n                        ) {\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"is-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    }\n                );\n\n            },\n\n            {\n                threshold: 0.12,\n\n                rootMargin:\n                    \"0px 0px -40px 0px\"\n            }\n\n        );\n\n\n    items.forEach(\n        function (item) {\n\n            observer.observe(\n                item\n            );\n\n        }\n    );\n\n})();\n\n<\/script>\n\n\n\n<style>\n\n\/* =========================================================\n   LEVANT BUILDING \u2014 VISION & MISSION\n========================================================= *\/\n\n.levant-vm {\n    --lv-blue: #2E3192;\n    --lv-dark: #101A4A;\n    --lv-blue-soft: #EEF3FF;\n    --lv-silver: #A7A9AC;\n    --lv-text: #30384D;\n    --lv-border: #E2E5EC;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    padding:\n        clamp(60px, 7vw, 105px)\n        clamp(18px, 4vw, 50px);\n\n    background:\n        linear-gradient(\n            135deg,\n            #ffffff 0%,\n            #fbfcff 55%,\n            #f6f8fc 100%\n        );\n\n    box-sizing: border-box;\n}\n\n\n\/* Ensure proper sizing inside WordPress *\/\n.levant-vm *,\n.levant-vm *::before,\n.levant-vm *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   DECORATIVE BACKGROUND\n========================================================= *\/\n\n.levant-vm::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 390px;\n    height: 620px;\n\n    left: -220px;\n    top: -100px;\n\n    background:\n        linear-gradient(\n            155deg,\n            #0D1B3E,\n            #183460\n        );\n\n    transform: rotate(-12deg);\n\n    opacity: .98;\n\n    pointer-events: none;\n}\n\n\n.levant-vm::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 460px;\n    height: 460px;\n\n    right: -270px;\n    bottom: -290px;\n\n    border: 80px solid rgba(46,49,146,.08);\n\n    transform: rotate(45deg);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER CONTAINER\n========================================================= *\/\n\n.levant-vm-inner {\n\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   SECTION HEADER\n========================================================= *\/\n\n.levant-vm-header {\n\n    max-width: 760px;\n\n    margin:\n        0 auto\n        clamp(35px, 5vw, 60px);\n\n    text-align: center;\n}\n\n\n.levant-vm-kicker {\n\n    margin-bottom: 12px;\n\n    color: var(--lv-blue);\n\n    font-size:\n        clamp(11px, 1.1vw, 14px);\n\n    font-weight: 700;\n\n    letter-spacing: 5px;\n\n    text-transform: uppercase;\n}\n\n\n.levant-vm-title {\n\n    margin: 0;\n\n    color: var(--lv-dark);\n\n    font-family: inherit;\n\n    font-size:\n        clamp(34px, 5vw, 60px);\n\n    font-weight: 700;\n\n    line-height: 1.08;\n}\n\n\n.levant-vm-title-line {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    margin: 22px auto 20px;\n}\n\n\n.levant-vm-title-line::before,\n.levant-vm-title-line::after {\n\n    content: \"\";\n\n    width: 50px;\n    height: 1px;\n\n    background:\n        rgba(46,49,146,.35);\n}\n\n\n.levant-vm-title-line span {\n\n    width: 9px;\n    height: 9px;\n\n    background:\n        var(--lv-blue);\n\n    transform:\n        rotate(45deg);\n}\n\n\n.levant-vm-intro {\n\n    max-width: 650px;\n\n    margin: 0 auto;\n\n    color: #596177;\n\n    font-size:\n        clamp(15px, 1.4vw, 18px);\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   CARDS GRID\n========================================================= *\/\n\n.levant-vm-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap:\n        clamp(18px, 2.5vw, 30px);\n\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n.levant-vm-card {\n\n    position: relative;\n\n    min-height:\n        clamp(430px, 42vw, 540px);\n\n    padding:\n        clamp(28px, 4vw, 52px);\n\n    overflow: hidden;\n\n    background:\n        rgba(255,255,255,.96);\n\n    border:\n        1px solid\n        var(--lv-border);\n\n    border-radius: 5px;\n\n    box-shadow:\n        0 15px 50px\n        rgba(18,31,78,.07);\n\n    transition:\n        transform .45s ease,\n        box-shadow .45s ease,\n        border-color .45s ease;\n}\n\n\n\/* Bottom accent *\/\n.levant-vm-card::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 4px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--lv-blue),\n            #5261B8\n        );\n}\n\n\n\/* Architectural abstract decoration *\/\n.levant-vm-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 310px;\n    height: 210px;\n\n    right: -75px;\n    bottom: -75px;\n\n    opacity: .09;\n\n    background:\n        linear-gradient(\n            135deg,\n            transparent 32%,\n            var(--lv-blue) 32%,\n            var(--lv-blue) 35%,\n            transparent 35%,\n            transparent 48%,\n            var(--lv-blue) 48%,\n            var(--lv-blue) 51%,\n            transparent 51%,\n            transparent 64%,\n            var(--lv-blue) 64%,\n            var(--lv-blue) 67%,\n            transparent 67%\n        );\n\n    transform:\n        rotate(-5deg);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n.levant-vm-icon {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width:\n        clamp(66px, 6vw, 82px);\n\n    height:\n        clamp(66px, 6vw, 82px);\n\n    margin-bottom: 28px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #F5F8FF,\n            #E7EFFC\n        );\n\n    border:\n        1px solid\n        rgba(46,49,146,.10);\n\n    border-radius: 14px;\n}\n\n\n.levant-vm-icon svg {\n\n    width: 48%;\n    height: 48%;\n\n    stroke:\n        var(--lv-blue);\n\n    fill: none;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   CARD LABEL\n========================================================= *\/\n\n.levant-vm-card-label {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 15px;\n}\n\n\n.levant-vm-card-label::before {\n\n    content: \"\";\n\n    width: 40px;\n    height: 3px;\n\n    background:\n        var(--lv-blue);\n}\n\n\n.levant-vm-card-label span {\n\n    color:\n        var(--lv-blue);\n\n    font-size:\n        12px;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   CARD TITLE\n========================================================= *\/\n\n.levant-vm-card h3 {\n\n    margin:\n        0 0 20px;\n\n    color:\n        var(--lv-dark);\n\n    font-size:\n        clamp(28px, 3vw, 40px);\n\n    line-height: 1.15;\n\n    font-weight: 700;\n}\n\n\n\/* Small silver accent *\/\n\n.levant-vm-accent {\n\n    display: block;\n\n    width: 35px;\n    height: 2px;\n\n    margin-bottom: 25px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #B8A56D,\n            #D7C894\n        );\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.levant-vm-card p {\n\n    position: relative;\n    z-index: 2;\n\n    margin: 0;\n\n    max-width: 510px;\n\n    color:\n        var(--lv-text);\n\n    font-size:\n        clamp(15px, 1.35vw, 17px);\n\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   HOVER \u2014 DESKTOP ONLY\n========================================================= *\/\n\n@media\n(hover: hover)\nand\n(pointer: fine) {\n\n    .levant-vm-card:hover {\n\n        transform:\n            translateY(-8px);\n\n        border-color:\n            rgba(46,49,146,.25);\n\n        box-shadow:\n            0 24px 65px\n            rgba(18,31,78,.13);\n    }\n\n\n    .levant-vm-card:hover\n    .levant-vm-icon {\n\n        transform:\n            translateY(-2px);\n    }\n\n}\n\n\n\/* =========================================================\n   FADE UP\n========================================================= *\/\n\n.levant-vm-reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(40px);\n\n    transition:\n        opacity .85s ease,\n        transform .85s\n        cubic-bezier(.2,.65,.3,1);\n\n    transition-delay:\n        var(--vm-delay, 0ms);\n}\n\n\n.levant-vm-reveal.vm-visible {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(max-width: 900px) {\n\n    .levant-vm {\n\n        padding:\n            70px\n            24px;\n    }\n\n\n    .levant-vm::before {\n\n        width: 260px;\n        height: 430px;\n\n        left: -185px;\n    }\n\n\n    .levant-vm-grid {\n\n        gap: 20px;\n    }\n\n\n    .levant-vm-card {\n\n        min-height: 470px;\n\n        padding: 32px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width: 767px) {\n\n    .levant-vm {\n\n        padding:\n            58px\n            14px;\n    }\n\n\n    .levant-vm::before {\n\n        width: 180px;\n        height: 300px;\n\n        left: -145px;\n        top: -90px;\n\n        opacity: .85;\n    }\n\n\n    .levant-vm::after {\n\n        width: 240px;\n        height: 240px;\n\n        border-width: 45px;\n\n        right: -170px;\n        bottom: -170px;\n    }\n\n\n    .levant-vm-header {\n\n        margin-bottom: 30px;\n    }\n\n\n    .levant-vm-title {\n\n        font-size:\n            clamp(32px, 10vw, 43px);\n    }\n\n\n    .levant-vm-kicker {\n\n        letter-spacing: 3px;\n    }\n\n\n    .levant-vm-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n    }\n\n\n    .levant-vm-card {\n\n        min-height: auto;\n\n        padding:\n            30px\n            24px\n            38px;\n    }\n\n\n    .levant-vm-card p {\n\n        max-width: none;\n\n        font-size: 15px;\n\n        line-height: 1.7;\n    }\n\n\n    .levant-vm-icon {\n\n        width: 66px;\n        height: 66px;\n\n        margin-bottom: 22px;\n    }\n\n\n    \/*\n       Faster reveal animation\n       for mobile.\n    *\/\n\n    .levant-vm-reveal {\n\n        transform:\n            translateY(24px);\n\n        transition-duration:\n            .65s;\n\n        transition-delay:\n            calc(\n                var(--vm-delay, 0ms)\n                * .5\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media\n(max-width: 420px) {\n\n    .levant-vm {\n\n        padding-left: 11px;\n        padding-right: 11px;\n    }\n\n\n    .levant-vm-card {\n\n        padding:\n            27px\n            20px\n            34px;\n    }\n\n\n    .levant-vm-card h3 {\n\n        font-size: 27px;\n    }\n\n\n    .levant-vm-title-line {\n\n        margin:\n            17px auto;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY \u2014 REDUCED MOTION\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n    .levant-vm-reveal {\n\n        opacity: 1 !important;\n\n        transform:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n\n    .levant-vm-card {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n\n<section class=\"levant-vm\">\n\n    <div class=\"levant-vm-inner\">\n\n\n        <!-- ===============================\n             HEADER\n        ================================ -->\n\n        <div\n            class=\"levant-vm-header                levant-vm-reveal\"\n            style=\"--vm-delay:0ms;\"\n        >\n\n            <div\n                class=\"levant-vm-kicker\"\n            >\n                Our Direction\n            <\/div>\n\n\n            <h2\n                class=\"levant-vm-title\"\n            >\n                Vision &amp; Mission\n            <\/h2>\n\n\n            <div\n                class=\"levant-vm-title-line\"\n            >\n\n                <span><\/span>\n\n            <\/div>\n\n\n            <p\n                class=\"levant-vm-intro\"\n            >\n\n                Guided by a clear vision and a strong mission,\n                we are committed to shaping a smarter,\n                more sustainable future for construction.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- ===============================\n             CARDS\n        ================================ -->\n\n        <div\n            class=\"levant-vm-grid\"\n        >\n\n\n            <!-- ===========================\n                 VISION\n            ============================ -->\n\n            <article\n\n                class=\"levant-vm-card                    levant-vm-reveal\"\n\n                style=\"--vm-delay:100ms;\"\n\n            >\n\n\n                <div\n                    class=\"levant-vm-icon\"\n                    aria-hidden=\"true\"\n                >\n\n                    <!-- Eye \/ Vision Icon -->\n\n                    <svg\n                        viewbox=\"0 0 48 48\"\n                    >\n\n                        <path\n                            d=\"                            M4 24                            C9 15                            16 11                            24 11                            C32 11                            39 15                            44 24                            C39 33                            32 37                            24 37                            C16 37                            9 33                            4 24Z                            \"\n                        \/>\n\n                        <circle\n                            cx=\"24\"\n                            cy=\"24\"\n                            r=\"7\"\n                        \/>\n\n                        <circle\n                            cx=\"24\"\n                            cy=\"24\"\n                            r=\"2.5\"\n                        \/>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div\n                    class=\"levant-vm-card-label\"\n                >\n\n                    <span>\n                        Our Vision\n                    <\/span>\n\n                <\/div>\n\n\n                <h3>\n                    Vision\n                <\/h3>\n\n\n                <span\n                    class=\"levant-vm-accent\"\n                ><\/span>\n\n\n                <p>\n\n                    To redefine the future of construction\n                    in Saudi Arabia through smart,\n                    sustainable solutions that accelerate\n                    the development of more efficient,\n                    livable cities.\n\n                <\/p>\n\n            <\/article>\n\n\n\n            <!-- ===========================\n                 MISSION\n            ============================ -->\n\n            <article\n\n                class=\"levant-vm-card                    levant-vm-reveal\"\n\n                style=\"--vm-delay:220ms;\"\n\n            >\n\n\n                <div\n                    class=\"levant-vm-icon\"\n                    aria-hidden=\"true\"\n                >\n\n                    <!-- Target \/ Mission Icon -->\n\n                    <svg\n                        viewbox=\"0 0 48 48\"\n                    >\n\n                        <circle\n                            cx=\"22\"\n                            cy=\"26\"\n                            r=\"15\"\n                        \/>\n\n                        <circle\n                            cx=\"22\"\n                            cy=\"26\"\n                            r=\"9\"\n                        \/>\n\n                        <circle\n                            cx=\"22\"\n                            cy=\"26\"\n                            r=\"3\"\n                        \/>\n\n                        <path\n                            d=\"                            M25 23                            L39 9                            \"\n                        \/>\n\n                        <path\n                            d=\"                            M34 9                            H39                            V14                            \"\n                        \/>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <div\n                    class=\"levant-vm-card-label\"\n                >\n\n                    <span>\n                        Our Mission\n                    <\/span>\n\n                <\/div>\n\n\n                <h3>\n                    Mission\n                <\/h3>\n\n\n                <span\n                    class=\"levant-vm-accent\"\n                ><\/span>\n\n\n                <p>\n\n                    We lead the transformation of the\n                    construction industry by leveraging\n                    advanced technology, data, and innovative\n                    engineering to design and deliver smart,\n                    safe, and sustainable projects.\n\n                    We accelerate delivery, optimize cost and\n                    quality, and create experiences that exceed\n                    client expectations\u2014while generating\n                    long-term value that supports the growth\n                    of cities and the economy.\n\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<script>\n\n(function () {\n\n    const section =\n        document.querySelector(\n            \".levant-vm\"\n        );\n\n\n    if (!section) {\n        return;\n    }\n\n\n    const elements =\n        section.querySelectorAll(\n            \".levant-vm-reveal\"\n        );\n\n\n    \/*\n     * Respect accessibility setting\n    *\/\n\n    const reducedMotion =\n        window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n    if (reducedMotion) {\n\n        elements.forEach(\n            function (element) {\n\n                element.classList.add(\n                    \"vm-visible\"\n                );\n\n            }\n        );\n\n        return;\n    }\n\n\n    \/*\n     * Browser fallback\n    *\/\n\n    if (\n        !(\"IntersectionObserver\" in window)\n    ) {\n\n        elements.forEach(\n            function (element) {\n\n                element.classList.add(\n                    \"vm-visible\"\n                );\n\n            }\n        );\n\n        return;\n    }\n\n\n    \/*\n     * Fade-up observer\n    *\/\n\n    const observer =\n        new IntersectionObserver(\n\n            function (entries) {\n\n                entries.forEach(\n                    function (entry) {\n\n                        if (\n                            entry.isIntersecting\n                        ) {\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"vm-visible\"\n                                );\n\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    }\n                );\n\n            },\n\n            {\n\n                threshold: 0.15,\n\n                rootMargin:\n                    \"0px 0px -40px 0px\"\n\n            }\n\n        );\n\n\n    elements.forEach(\n        function (element) {\n\n            observer.observe(\n                element\n            );\n\n        }\n    );\n\n\n})();\n\n<\/script>\n\n\n\n<style>\n\n\/* =========================================================\n   LEVANT BUILDING \u2014 WHY LEVANT\n   Minimal Dots Edition\n========================================================= *\/\n\n.levant-why {\n    --lv-blue: #2E3192;\n    --lv-dark: #0B1747;\n    --lv-text: #3D455B;\n    --lv-border: #E2E6EF;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    padding:\n        clamp(65px, 7vw, 105px)\n        clamp(18px, 4vw, 50px);\n\n    background:\n        linear-gradient(\n            135deg,\n            #ffffff 0%,\n            #fbfcff 58%,\n            #f5f8fc 100%\n        );\n\n    box-sizing: border-box;\n}\n\n.levant-why *,\n.levant-why *::before,\n.levant-why *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND DECORATION\n========================================================= *\/\n\n.levant-why::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 520px;\n    height: 520px;\n\n    right: -280px;\n    top: -160px;\n\n    border:\n        1px solid\n        rgba(46,49,146,.07);\n\n    transform:\n        rotate(45deg);\n\n    pointer-events: none;\n}\n\n\n.levant-why::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 300px;\n    height: 300px;\n\n    right: -190px;\n    bottom: -160px;\n\n    background:\n        rgba(46,49,146,.045);\n\n    transform:\n        rotate(45deg);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.levant-why-inner {\n\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1280px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   MAIN GRID\n========================================================= *\/\n\n.levant-why-main {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .92fr)\n        minmax(0, 1.15fr);\n\n    gap:\n        clamp(45px, 6vw, 85px);\n\n    align-items: center;\n}\n\n\n\/* =========================================================\n   LEFT VISUAL\n========================================================= *\/\n\n.levant-why-visual {\n\n    position: relative;\n\n    min-height:\n        clamp(480px, 46vw, 620px);\n}\n\n\n\/* blue outline *\/\n\n.levant-why-frame {\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 70%;\n    height: 82%;\n\n    border:\n        1.5px solid\n        rgba(46,49,146,.72);\n\n    z-index: 0;\n}\n\n\n\/* dark Levant block *\/\n\n.levant-why-blue-block {\n\n    position: absolute;\n\n    left: -30px;\n    bottom: 0;\n\n    width: 47%;\n    height: 31%;\n\n    background:\n        linear-gradient(\n            145deg,\n            #07183D,\n            #112D5B\n        );\n\n    z-index: 1;\n}\n\n\n\/* image *\/\n\n.levant-why-image {\n\n    position: absolute;\n\n    top: 38px;\n    left: 38px;\n\n    width:\n        calc(100% - 38px);\n\n    height: calc(100% - 38px);\n\n    overflow: hidden;\n\n    z-index: 2;\n\n    background: #ECEEF3;\n}\n\n\n.levant-why-image img {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center;\n\n    transform: scale(1.01);\n\n    transition:\n        transform .85s\n        cubic-bezier(.2,.6,.2,1);\n}\n\n\n\/* tiny architectural detail *\/\n\n.levant-why-visual::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 68px;\n    height: 2px;\n\n    left: 49%;\n    bottom: -14px;\n\n    background:\n        var(--lv-blue);\n}\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n.levant-why-content {\n    position: relative;\n}\n\n\n\/* kicker *\/\n\n.levant-why-kicker {\n\n    margin-bottom: 18px;\n\n    color:\n        var(--lv-blue);\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n}\n\n\n.levant-why-kicker-line {\n\n    display: block;\n\n    width: 54px;\n    height: 3px;\n\n    margin-top: 18px;\n\n    background:\n        var(--lv-blue);\n}\n\n\n\/* title *\/\n\n.levant-why-title {\n\n    margin:\n        0 0 15px;\n\n    color:\n        var(--lv-dark);\n\n    font-size:\n        clamp(38px, 4.8vw, 64px);\n\n    line-height: 1.05;\n\n    font-weight: 700;\n}\n\n\n.levant-why-title-line {\n\n    width: 55px;\n    height: 3px;\n\n    margin:\n        22px 0 22px;\n\n    background:\n        var(--lv-blue);\n}\n\n\n.levant-why-subtitle {\n\n    margin:\n        0 0 22px;\n\n    color:\n        #4E566A;\n\n    font-size:\n        clamp(17px, 1.5vw, 20px);\n\n    line-height: 1.5;\n\n    font-weight: 500;\n}\n\n\n.levant-why-description {\n\n    max-width: 720px;\n\n    margin:\n        0 0\n        clamp(34px, 4vw, 48px);\n\n    color:\n        var(--lv-text);\n\n    font-size:\n        clamp(14px, 1.3vw, 17px);\n\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   ADVANTAGE GRID\n========================================================= *\/\n\n.levant-why-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    border-top:\n        1px solid\n        var(--lv-border);\n}\n\n\n.levant-why-item {\n\n    position: relative;\n\n    min-height: 220px;\n\n    padding:\n        31px 24px 27px;\n\n    border-right:\n        1px solid\n        var(--lv-border);\n\n    border-bottom:\n        1px solid\n        var(--lv-border);\n\n    transition:\n        background .35s ease,\n        transform .35s ease;\n}\n\n\n.levant-why-item:nth-child(3n) {\n    border-right: 0;\n}\n\n\n\/* =========================================================\n   MINIMAL DOT\n========================================================= *\/\n\n.levant-why-dot {\n\n    position: relative;\n\n    width: 11px;\n    height: 11px;\n\n    margin-bottom: 25px;\n\n    border-radius: 50%;\n\n    background:\n        var(--lv-blue);\n\n    box-shadow:\n        0 0 0 7px\n        rgba(46,49,146,.07);\n\n    transition:\n        box-shadow .35s ease,\n        transform .35s ease;\n}\n\n\n.levant-why-dot::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 24px;\n    top: 5px;\n\n    width: 34px;\n    height: 1px;\n\n    background:\n        rgba(46,49,146,.28);\n}\n\n\n\/* =========================================================\n   ITEM TEXT\n========================================================= *\/\n\n.levant-why-item h3 {\n\n    margin:\n        0 0 10px;\n\n    color:\n        var(--lv-dark);\n\n    font-size:\n        clamp(15px, 1.3vw, 18px);\n\n    line-height: 1.35;\n\n    font-weight: 700;\n}\n\n\n.levant-why-item p {\n\n    margin: 0;\n\n    color:\n        #60687A;\n\n    font-size:\n        clamp(12px, 1vw, 14px);\n\n    line-height: 1.6;\n}\n\n\n\/* =========================================================\n   DESKTOP HOVER\n========================================================= *\/\n\n@media\n(hover: hover)\nand\n(pointer: fine) {\n\n    .levant-why-image:hover img {\n\n        transform:\n            scale(1.05);\n    }\n\n\n    .levant-why-item:hover {\n\n        background:\n            #F7F9FE;\n\n        transform:\n            translateY(-3px);\n    }\n\n\n    .levant-why-item:hover\n    .levant-why-dot {\n\n        transform:\n            scale(1.08);\n\n        box-shadow:\n            0 0 0 9px\n            rgba(46,49,146,.09);\n    }\n\n}\n\n\n\/* =========================================================\n   FADE UP\n========================================================= *\/\n\n.levant-why-reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(36px);\n\n    transition:\n        opacity .8s ease,\n        transform .8s\n        cubic-bezier(.2,.65,.3,1);\n\n    transition-delay:\n        var(--why-delay, 0ms);\n}\n\n\n.levant-why-reveal.why-visible {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(max-width: 1050px) {\n\n    .levant-why-main {\n\n        grid-template-columns: 1fr;\n\n        gap: 62px;\n    }\n\n\n    .levant-why-visual {\n\n        width: 100%;\n        max-width: 760px;\n\n        min-height: 600px;\n\n        margin: 0 auto;\n    }\n\n\n    .levant-why-content {\n\n        width: 100%;\n        max-width: 900px;\n\n        margin: 0 auto;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width: 767px) {\n\n    .levant-why {\n\n        padding:\n            58px\n            14px;\n    }\n\n\n    .levant-why-main {\n\n        gap: 48px;\n    }\n\n\n    .levant-why-visual {\n\n        min-height: 450px;\n    }\n\n\n    .levant-why-frame {\n\n        width: 82%;\n        height: 90%;\n    }\n\n\n    .levant-why-image {\n\n        top: 25px;\n        left: 25px;\n\n        width:\n            calc(100% - 25px);\n\n        height:\n            calc(100% - 25px);\n    }\n\n\n    .levant-why-blue-block {\n\n        left: -10px;\n\n        width: 45%;\n        height: 26%;\n\n        bottom: 0;\n    }\n\n\n    .levant-why-title {\n\n        font-size:\n            clamp(35px, 10vw, 47px);\n    }\n\n\n    .levant-why-description {\n\n        font-size: 15px;\n    }\n\n\n    .levant-why-grid {\n\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n    }\n\n\n    .levant-why-item {\n\n        min-height: 200px;\n\n        padding:\n            25px 19px;\n    }\n\n\n    .levant-why-item:nth-child(3n) {\n\n        border-right:\n            1px solid\n            var(--lv-border);\n    }\n\n\n    .levant-why-item:nth-child(2n) {\n\n        border-right: 0;\n    }\n\n\n    .levant-why-reveal {\n\n        transform:\n            translateY(22px);\n\n        transition-duration:\n            .65s;\n\n        transition-delay:\n            calc(\n                var(--why-delay,0ms)\n                * .45\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media\n(max-width: 480px) {\n\n    .levant-why {\n\n        padding-left: 11px;\n        padding-right: 11px;\n    }\n\n\n    .levant-why-visual {\n\n        min-height: 390px;\n    }\n\n\n    .levant-why-frame {\n\n        height: 88%;\n    }\n\n\n    .levant-why-grid {\n\n        grid-template-columns:\n            1fr;\n\n        border-top: 0;\n\n        gap: 10px;\n    }\n\n\n    .levant-why-item {\n\n        min-height: auto;\n\n        border:\n            1px solid\n            var(--lv-border) !important;\n\n        padding: 24px;\n\n        background:\n            rgba(255,255,255,.86);\n    }\n\n\n    .levant-why-dot {\n\n        margin-bottom: 20px;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media\n(max-width: 360px) {\n\n    .levant-why-visual {\n\n        min-height: 350px;\n    }\n\n\n    .levant-why-title {\n\n        font-size: 34px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n    .levant-why-reveal {\n\n        opacity: 1 !important;\n\n        transform:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n\n    .levant-why-image img,\n    .levant-why-item,\n    .levant-why-dot {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<section class=\"levant-why\">\n\n    <div class=\"levant-why-inner\">\n\n        <div class=\"levant-why-main\">\n\n\n            <!-- ===================================\n                 LEFT IMAGE\n            ==================================== -->\n\n            <div\n                class=\"levant-why-visual                    levant-why-reveal\"\n                style=\"--why-delay:0ms;\"\n            >\n\n                <div\n                    class=\"levant-why-frame\"\n                ><\/div>\n\n\n                <div\n                    class=\"levant-why-blue-block\"\n                ><\/div>\n\n\n                <div\n                    class=\"levant-why-image\"\n                >\n\n                    <!-- Replace this URL with your WordPress image -->\n\n                    <img\n                        src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/9-scaled.jpg\"\n                        alt=\"Levant Building\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                     title=\"About\">\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- ===================================\n                 RIGHT CONTENT\n            ==================================== -->\n\n            <div\n                class=\"levant-why-content                    levant-why-reveal\"\n                style=\"--why-delay:100ms;\"\n            >\n\n\n                <div\n                    class=\"levant-why-kicker\"\n                >\n\n                    Our Advantage\n\n                    <span\n                        class=\"levant-why-kicker-line\"\n                    ><\/span>\n\n                <\/div>\n\n\n                <h2\n                    class=\"levant-why-title\"\n                >\n                    Why Levant Building\n                <\/h2>\n\n\n                <div\n                    class=\"levant-why-title-line\"\n                ><\/div>\n\n\n                <p\n                    class=\"levant-why-subtitle\"\n                >\n                    Deep expertise.\n                    Integrated solutions.\n                    Enduring value.\n                <\/p>\n\n\n                <p\n                    class=\"levant-why-description\"\n                >\n\n                    Levant Building combines deep\n                    institutional expertise with fully\n                    integrated construction solutions\n                    for complex and large-scale\n                    developments.\n\n                    Our approach is built on quality,\n                    precise coordination, innovative\n                    engineering, reliable execution,\n                    sustainability, and long-term\n                    partnerships founded on trust\n                    and transparency.\n\n                <\/p>\n\n\n\n                <!-- =================================\n                     ADVANTAGES\n                ================================== -->\n\n                <div class=\"levant-why-grid\">\n\n\n                    <!-- 1 -->\n\n                    <div\n                        class=\"levant-why-item                            levant-why-reveal\"\n                        style=\"--why-delay:160ms;\"\n                    >\n\n                        <div\n                            class=\"levant-why-dot\"\n                        ><\/div>\n\n                        <h3>\n                            Integrated Expertise\n                        <\/h3>\n\n                        <p>\n                            Deep institutional expertise\n                            combined with fully integrated\n                            construction capability.\n                        <\/p>\n\n                    <\/div>\n\n\n\n                    <!-- 2 -->\n\n                    <div\n                        class=\"levant-why-item                            levant-why-reveal\"\n                        style=\"--why-delay:220ms;\"\n                    >\n\n                        <div\n                            class=\"levant-why-dot\"\n                        ><\/div>\n\n                        <h3>\n                            Excellence at Every Stage\n                        <\/h3>\n\n                        <p>\n                            Superior quality,\n                            precise coordination,\n                            and innovative engineering\n                            across the project lifecycle.\n                        <\/p>\n\n                    <\/div>\n\n\n\n                    <!-- 3 -->\n\n                    <div\n                        class=\"levant-why-item                            levant-why-reveal\"\n                        style=\"--why-delay:280ms;\"\n                    >\n\n                        <div\n                            class=\"levant-why-dot\"\n                        ><\/div>\n\n                        <h3>\n                            Partnership That Lasts\n                        <\/h3>\n\n                        <p>\n                            Long-term relationships\n                            founded on trust,\n                            transparency, and\n                            client satisfaction.\n                        <\/p>\n\n                    <\/div>\n\n\n\n                    <!-- 4 -->\n\n                    <div\n                        class=\"levant-why-item                            levant-why-reveal\"\n                        style=\"--why-delay:340ms;\"\n                    >\n\n                        <div\n                            class=\"levant-why-dot\"\n                        ><\/div>\n\n                        <h3>\n                            Reliable Execution\n                        <\/h3>\n\n                        <p>\n                            Operational excellence,\n                            rigorous governance,\n                            and disciplined\n                            project controls.\n                        <\/p>\n\n                    <\/div>\n\n\n\n                    <!-- 5 -->\n\n                    <div\n                        class=\"levant-why-item                            levant-why-reveal\"\n                        style=\"--why-delay:400ms;\"\n                    >\n\n                        <div\n                            class=\"levant-why-dot\"\n                        ><\/div>\n\n                        <h3>\n                            Sustainable Value\n                        <\/h3>\n\n                        <p>\n                            Sustainability practices\n                            and a client-centric mindset\n                            that create enduring value.\n                        <\/p>\n\n                    <\/div>\n\n\n\n                    <!-- 6 -->\n\n                    <div\n                        class=\"levant-why-item                            levant-why-reveal\"\n                        style=\"--why-delay:460ms;\"\n                    >\n\n                        <div\n                            class=\"levant-why-dot\"\n                        ><\/div>\n\n                        <h3>\n                            Landmark Legacy\n                        <\/h3>\n\n                        <p>\n                            Architecturally distinguished\n                            developments that reinforce\n                            Levant&#8217;s position as a\n                            trusted partner.\n                        <\/p>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<script>\n\n(function () {\n\n    const section =\n        document.querySelector(\".levant-why\");\n\n    if (!section) {\n        return;\n    }\n\n\n    const elements =\n        section.querySelectorAll(\n            \".levant-why-reveal\"\n        );\n\n\n    const reducedMotion =\n        window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n    if (reducedMotion) {\n\n        elements.forEach(function(element) {\n\n            element.classList.add(\n                \"why-visible\"\n            );\n\n        });\n\n        return;\n    }\n\n\n    if (!(\"IntersectionObserver\" in window)) {\n\n        elements.forEach(function(element) {\n\n            element.classList.add(\n                \"why-visible\"\n            );\n\n        });\n\n        return;\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n\n            function(entries) {\n\n                entries.forEach(\n                    function(entry) {\n\n                        if (entry.isIntersecting) {\n\n                            entry.target\n                                .classList\n                                .add(\n                                    \"why-visible\"\n                                );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        }\n\n                    }\n                );\n\n            },\n\n            {\n                threshold: 0.12,\n                rootMargin:\n                    \"0px 0px -40px 0px\"\n            }\n\n        );\n\n\n    elements.forEach(function(element) {\n\n        observer.observe(element);\n\n    });\n\n\n})();\n\n<\/script>\n\n\n<div data-spectra-id=\"472ab26c\"\tclass=\"has-image-background spectra-background-image spectra-is-root-container alignfull spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-layout-constrained wp-container-spectra-container-is-layout-75276000 wp-block-spectra-container-is-layout-constrained\" data-orientation=\"horizontal\" style=\"--spectra-background-color: var(--ast-global-color-2); --spectra-overlay-opacity: 0.5;\"\t>\n\t\n<div data-spectra-id=\"spectra-mir9j1g4-d6gry8\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-spectra-container-is-layout-c94f209b wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n<div data-spectra-id=\"spectra-f7d55f89-sep\" class=\"wp-block-spectra-separator spectra-separator-color wp-block-spectra-separator\" style=\"--spectra-separator-color: var(--ast-global-color-0)\">\n\t<div class=\"spectra-separator-line\"><\/div>\n<\/div>\n\n\n\t<h2 data-spectra-id=\"spectra-f7d55f89-title\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-var-ast-global-color-5-color\" style=\"--spectra-text-color: var(--ast-global-color-5)\">\n\t\tWe Provide the Best Service in Industry\t<\/h2>\n\n\n\t<p data-spectra-id=\"spectra-f7d55f89-desc\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-var-ast-global-color-4-color\" style=\"--spectra-text-color: var(--ast-global-color-4)\">\n\t\tAdd a line that tells users how easily they can get in touch with you\t<\/p>\n\n\n<div data-spectra-id=\"spectra-f7d55f89-btns\" class=\"wp-block-button spectra-buttons wp-block-spectra-buttons\">\n\t\n<a data-spectra-id=\"spectra-f7d55f89-btn\" href=\"#\" target=\"_self\" aria-label=\"Contact Us Today\" rel=\"noopener noreferrer\" class=\"wp-block-button__link wp-element-button has-text-color has-background spectra-text-color spectra-text-color-hover spectra-background-color spectra-background-color-hover wp-block-spectra-button has-text-color has-ast-global-color-5-color has-background has-ast-global-color-0-background-color\" style=\"--spectra-text-color: var(--wp--preset--color--ast-global-color-5);--spectra-text-color-hover: var(--ast-global-color-5);--spectra-background-color: var(--wp--preset--color--ast-global-color-0);--spectra-background-color-hover: var(--ast-global-color-1)\">\n<div class=\"spectra-button__link\">Contact Us Today<\/div>\t\t\t<svg class=\"spectra-button__icon spectra-button__icon-position-after spectra-icon-color-hover spectra-icon\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" fill=\"currentColor\" focusable=\"false\"><path d=\"M334.5 414c8.8 3.8 19 2 26-4.6l144-136c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22l0 72L32 192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l288 0 0 72c0 9.6 5.7 18.2 14.5 22z\"><\/path><\/svg>\n\t\t\t<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>About Levant Company Overview Levant&#8217;s buildings combine deep technical expertise with forward-looking innovation to execute and manage projects that meet the highest qualities standered, safety, and efficiency. We specialize in: High-end finishing and fit-out works Electromechanical &amp; Plumbing (MEP) solutions Design or build Turnkey projects. Our strength lies in managing complex project requirements through one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"footnotes":""},"class_list":["post-1816","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"thebusinessportal.sham@gmail.com","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/4ed5aadb3a0b58ac37d9ed156fbc8f14672d7164913a92ed4dd9c0b59afdf82a?s=96&d=mm&r=g","author_link":"https:\/\/levantbuilding.com\/ar\/author\/thebusinessportal-shamgmail-com\/","description":""},"_links":{"self":[{"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/pages\/1816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/comments?post=1816"}],"version-history":[{"count":18,"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/pages\/1816\/revisions"}],"predecessor-version":[{"id":5123,"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/pages\/1816\/revisions\/5123"}],"wp:attachment":[{"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/media?parent=1816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}