{"id":4927,"date":"2026-08-22T07:55:17","date_gmt":"2026-08-22T07:55:17","guid":{"rendered":"https:\/\/levantbuilding.com\/?page_id=4927"},"modified":"2026-08-25T11:56:49","modified_gmt":"2026-08-25T11:56:49","slug":"hotel_catragena","status":"publish","type":"page","link":"https:\/\/levantbuilding.com\/ar\/hotel_catragena\/","title":{"rendered":"Hotel Cartagena"},"content":{"rendered":"<div data-spectra-id=\"spectra-65e6e14a\"\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-4383d167 wp-block-spectra-container-is-layout-constrained\" data-orientation=\"horizontal\" style=\"--spectra-background-color: var(u002du002dast-global-color-7); --spectra-overlay-opacity: 0.5;\"\t>\n\t\n<div data-spectra-id=\"spectra-mislr8rz-ba6jmo\" class=\"spectra-overlay-color wp-block-spectra-container is-layout-flex wp-block-spectra-container-is-layout-flex\" data-orientation=\"horizontal\">\n\t\n\t<h1 data-spectra-id=\"spectra-cadc0ea3-heading\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-ffffff-color\" style=\"--spectra-text-color: #FFFFFF\">\n\t\tHotel Cartagena Project\t<\/h1>\n\n<\/div>\n\n<\/div>\n\n\n<div data-spectra-id=\"fa3e07dd\"\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-4383d167 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-mislrjjz-p0rvwe\" 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-ourservices-root\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-nowrap is-layout-flex wp-container-spectra-container-is-layout-1a543495 wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n\t<h2 data-spectra-id=\"spectra-ourservices-heading\" class=\"wp-block-spectra-content\">\n\t\tHotel Cartagena Project\t<\/h2>\n\n\n<div data-spectra-id=\"spectra-mislt3gi-c2qlh6\" class=\"wp-block-spectra-separator spectra-separator-color wp-block-spectra-separator\" style=\"--spectra-separator-color: var(u002du002dast-global-color-0)\">\n\t<div class=\"spectra-separator-line\"><\/div>\n<\/div>\n\n\n\t<p data-spectra-id=\"spectra-ourservices-desc\" class=\"wp-block-spectra-content\">\n\t\tAn 800 m\u00b2 hospitality project in Riyadh with fit-out works.\t<\/p>\n\n<\/div>\n\n\n<div data-spectra-id=\"91d14db5\" class=\"spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-layout-grid wp-container-spectra-container-is-layout-18e972b3 wp-block-spectra-container-is-layout-grid\" data-orientation=\"horizontal\" style=\"--spectra-background-color: #FFFFFF75;--spectra-overlay-opacity: 1\">\n\t\n<div data-spectra-id=\"spectra-4340e19d-root\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-flex-start is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3b6ddb2f wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n\t<h5 data-spectra-id=\"spectra-4340e19d-prefix\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-ff-5-e-14-color\" style=\"--spectra-text-color: #ff5e14\">\n\t\t01.\t<\/h5>\n\n\n\t<h5 data-spectra-id=\"spectra-4340e19d-title\" class=\"wp-block-spectra-content\">\n\t\tSpace\t<\/h5>\n\n\n\t<p data-spectra-id=\"spectra-4340e19d-desc\" class=\"wp-block-spectra-content\">\n\t\t800 m\u00b2\t<\/p>\n\n<\/div>\n\n\n<div data-spectra-id=\"spectra-890efecc-root\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-flex-start is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3b6ddb2f wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n\t<h5 data-spectra-id=\"spectra-890efecc-prefix\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-ff-5-e-14-color\" style=\"--spectra-text-color: #ff5e14\">\n\t\t02.\t<\/h5>\n\n\n\t<h5 data-spectra-id=\"spectra-890efecc-title\" class=\"wp-block-spectra-content\">\n\t\tScope\t<\/h5>\n\n\n\t<p data-spectra-id=\"spectra-890efecc-desc\" class=\"wp-block-spectra-content\">\n\t\tFIT OUT\t<\/p>\n\n<\/div>\n\n\n<div data-spectra-id=\"spectra-d34073e7-root\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-flex-start is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3b6ddb2f wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n\t<h5 data-spectra-id=\"spectra-d34073e7-prefix\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-var-u-002-du-002-dast-global-color-0-color\" style=\"--spectra-text-color: var(u002du002dast-global-color-0)\">\n\t\t03.\t<\/h5>\n\n\n\t<h5 data-spectra-id=\"spectra-d34073e7-title\" class=\"wp-block-spectra-content\">\n\t\tLocation\t<\/h5>\n\n\n\t<p data-spectra-id=\"spectra-d34073e7-desc\" class=\"wp-block-spectra-content\">\n\t\tKingdom of Saudi Arabic, Riyadh\t<\/p>\n\n<\/div>\n\n\n<div data-spectra-id=\"spectra-e6fa3acc-root\" class=\"spectra-overlay-color wp-block-spectra-container is-vertical is-content-justification-flex-start is-nowrap is-layout-flex wp-container-spectra-container-is-layout-3b6ddb2f wp-block-spectra-container-is-layout-flex\" data-orientation=\"vertical\">\n\t\n\t<h5 data-spectra-id=\"spectra-e6fa3acc-prefix\" class=\"has-text-color spectra-text-color wp-block-spectra-content has-text-color has-var-u-002-du-002-dast-global-color-0-color\" style=\"--spectra-text-color: var(u002du002dast-global-color-0)\">\n\t\t04.\t<\/h5>\n\n\n\t<h5 data-spectra-id=\"spectra-e6fa3acc-title\" class=\"wp-block-spectra-content\">\n\t\tTechnology\t<\/h5>\n\n\n\t<p data-spectra-id=\"spectra-e6fa3acc-desc\" class=\"wp-block-spectra-content\">\n\t\tUsed Technology in this project &#8230;\t<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div data-spectra-id=\"ee7f0c74\" class=\"spectra-overlay-color spectra-background-color spectra-dim-ratio wp-block-spectra-container is-horizontal is-content-justification-space-between is-nowrap is-layout-flex wp-container-spectra-container-is-layout-a848b5f1 wp-block-spectra-container-is-layout-flex\" data-orientation=\"horizontal\" style=\"--spectra-background-color: #FFFFFF75;--spectra-overlay-opacity: 1\">\n\t<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<style>\n\n\/* ==========================================================\n   LEVANT BUILDING \u2014 6 IMAGE PROJECT GALLERY\n========================================================== *\/\n\n.levant-six-gallery {\n\n    --lv-blue: #2E3192;\n    --lv-navy: #0B1747;\n    --lv-muted: #747B8D;\n\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        clamp(60px, 6vw, 95px)\n        clamp(14px, 4vw, 45px);\n\n    overflow: hidden;\n\n    background: #FFFFFF;\n\n    box-sizing: border-box;\n}\n\n\n.levant-six-gallery *,\n.levant-six-gallery *::before,\n.levant-six-gallery *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   CONTAINER\n========================================================== *\/\n\n.lv-six-container {\n\n    width: 100%;\n\n    max-width: 1360px;\n\n    margin: 0 auto;\n\n}\n\n\n\/* ==========================================================\n   HEADER\n========================================================== *\/\n\n.lv-six-header {\n\n    display: flex;\n\n    align-items: flex-end;\n\n    justify-content: space-between;\n\n    gap: 40px;\n\n    margin-bottom:\n        clamp(30px, 4vw, 50px);\n\n}\n\n\n.lv-six-kicker {\n\n    margin-bottom: 10px;\n\n    color: var(--lv-blue);\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n\n}\n\n\n.lv-six-title {\n\n    margin: 0;\n\n    color: var(--lv-navy);\n\n    font-size:\n        clamp(34px, 4vw, 55px);\n\n    line-height: 1.08;\n\n    font-weight: 700;\n\n}\n\n\n.lv-six-line {\n\n    width: 52px;\n\n    height: 3px;\n\n    margin-top: 18px;\n\n    background: var(--lv-blue);\n\n}\n\n\n.lv-six-description {\n\n    width: 100%;\n\n    max-width: 390px;\n\n    margin: 0;\n\n    color: var(--lv-muted);\n\n    font-size:\n        clamp(14px, 1.1vw, 16px);\n\n    line-height: 1.7;\n\n}\n\n\n\/* ==========================================================\n   MOSAIC GRID\n\n   4 columns \u00d7 3 rows\n========================================================== *\/\n\n.lv-six-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    grid-template-rows:\n        repeat(3, minmax(0, 1fr));\n\n    gap:\n        clamp(8px, .9vw, 14px);\n\n    width: 100%;\n\n    \/*\n       Makes each basic grid cell square\n    *\/\n\n    aspect-ratio: 4 \/ 3;\n\n}\n\n\n\/* ==========================================================\n   ITEM\n========================================================== *\/\n\n.lv-six-item {\n\n    position: relative;\n\n    width: 100%;\n\n    height: 100%;\n\n    margin: 0;\n\n    overflow: hidden;\n\n    cursor: zoom-in;\n\n    background: #EEF0F5;\n\n    box-shadow:\n\n        0 13px 25px\n        rgba(11,23,71,.075),\n\n        0 4px 10px\n        rgba(46,49,146,.04);\n\n    transition:\n\n        box-shadow .4s ease,\n        transform .4s ease;\n\n}\n\n\n.lv-six-item img {\n\n    position: absolute;\n\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    transform:\n        scale(1.001);\n\n    transition:\n\n        transform .85s\n        cubic-bezier(.2,.65,.3,1);\n\n}\n\n\n\/* ==========================================================\n   IMAGE POSITIONS\n========================================================== *\/\n\n\n\/* IMAGE 01 \u2014 LARGE LEFT *\/\n\n.lv-six-item:nth-child(1) {\n\n    grid-column:\n        1 \/ span 2;\n\n    grid-row:\n        1 \/ span 2;\n\n}\n\n\n\/* IMAGE 02 *\/\n\n.lv-six-item:nth-child(2) {\n\n    grid-column: 3;\n\n    grid-row: 1;\n\n}\n\n\n\/* IMAGE 03 *\/\n\n.lv-six-item:nth-child(3) {\n\n    grid-column: 4;\n\n    grid-row: 1;\n\n}\n\n\n\/* IMAGE 04 \u2014 LARGE RIGHT *\/\n\n.lv-six-item:nth-child(4) {\n\n    grid-column:\n        3 \/ span 2;\n\n    grid-row:\n        2 \/ span 2;\n\n}\n\n\n\/* IMAGE 05 *\/\n\n.lv-six-item:nth-child(5) {\n\n    grid-column: 1;\n\n    grid-row: 3;\n\n}\n\n\n\/* IMAGE 06 *\/\n\n.lv-six-item:nth-child(6) {\n\n    grid-column: 2;\n\n    grid-row: 3;\n\n}\n\n\n\/* ==========================================================\n   OVERLAY\n========================================================== *\/\n\n.lv-six-item::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 2;\n\n    background:\n\n        linear-gradient(\n            180deg,\n            transparent 55%,\n            rgba(11,23,71,.17) 100%\n        );\n\n    opacity: 0;\n\n    pointer-events: none;\n\n    transition:\n        opacity .4s ease;\n\n}\n\n\n\/* ==========================================================\n   CORNER INDICATOR\n========================================================== *\/\n\n.lv-six-item::before {\n\n    content: \"\u2197\";\n\n    position: absolute;\n\n    right: 18px;\n\n    bottom: 18px;\n\n    z-index: 4;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 40px;\n\n    height: 40px;\n\n    border:\n\n        1px solid\n        rgba(255,255,255,.72);\n\n    color: #FFFFFF;\n\n    font-size: 17px;\n\n    opacity: 0;\n\n    transform:\n        translateY(7px);\n\n    transition:\n\n        opacity .35s ease,\n        transform .35s ease;\n\n    pointer-events: none;\n\n}\n\n\n\/* ==========================================================\n   DESKTOP HOVER\n========================================================== *\/\n\n@media\n(hover:hover)\nand\n(pointer:fine) {\n\n\n    .lv-six-item:hover {\n\n        box-shadow:\n\n            0 17px 32px\n            rgba(11,23,71,.105),\n\n            0 7px 15px\n            rgba(46,49,146,.055);\n\n    }\n\n\n    .lv-six-item:hover img {\n\n        transform:\n            scale(1.045);\n\n    }\n\n\n    .lv-six-item:hover::after {\n\n        opacity: 1;\n\n    }\n\n\n    .lv-six-item:hover::before {\n\n        opacity: 1;\n\n        transform:\n            translateY(0);\n\n    }\n\n}\n\n\n\/* ==========================================================\n   FADE UP\n========================================================== *\/\n\n.lv-six-reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(30px);\n\n    transition:\n\n        opacity .8s ease,\n\n        transform .8s\n        cubic-bezier(.2,.65,.3,1);\n\n    transition-delay:\n        var(--six-delay, 0ms);\n\n}\n\n\n.lv-six-reveal.lv-six-visible {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n\n}\n\n\n\/* ==========================================================\n   LIGHTBOX\n========================================================== *\/\n\n.lv-six-lightbox {\n\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 9999999;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 32px;\n\n    background:\n        rgba(5,12,39,.965);\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    transition:\n\n        opacity .3s ease,\n        visibility .3s ease;\n\n}\n\n\n.lv-six-lightbox.is-open {\n\n    opacity: 1;\n\n    visibility: visible;\n\n}\n\n\n\/* ==========================================================\n   LIGHTBOX IMAGE\n========================================================== *\/\n\n.lv-six-lightbox-image {\n\n    display: block;\n\n    width: auto;\n\n    height: auto;\n\n    max-width:\n        calc(100vw - 140px);\n\n    max-height:\n        calc(100vh - 90px);\n\n    object-fit: contain;\n\n    box-shadow:\n\n        0 24px 80px\n        rgba(0,0,0,.30);\n\n    opacity: 0;\n\n    transform:\n        scale(.98);\n\n    transition:\n\n        opacity .32s ease,\n        transform .32s ease;\n\n}\n\n\n.lv-six-lightbox.is-open\n.lv-six-lightbox-image {\n\n    opacity: 1;\n\n    transform:\n        scale(1);\n\n}\n\n\n\/* ==========================================================\n   LIGHTBOX CONTROLS\n========================================================== *\/\n\n.lv-six-close,\n.lv-six-prev,\n.lv-six-next {\n\n    position: absolute;\n\n    z-index: 10;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 0;\n\n    border:\n\n        1px solid\n        rgba(255,255,255,.30);\n\n    background:\n        rgba(11,23,71,.35);\n\n    color: #FFFFFF;\n\n    cursor: pointer;\n\n    transition:\n\n        background .3s ease,\n        border-color .3s ease;\n\n}\n\n\n.lv-six-close {\n\n    top: 22px;\n\n    right: 25px;\n\n    width: 48px;\n\n    height: 48px;\n\n    font-size: 28px;\n\n}\n\n\n.lv-six-prev,\n.lv-six-next {\n\n    top: 50%;\n\n    width: 52px;\n\n    height: 52px;\n\n    transform:\n        translateY(-50%);\n\n    font-size: 24px;\n\n}\n\n\n.lv-six-prev {\n\n    left: 24px;\n\n}\n\n\n.lv-six-next {\n\n    right: 24px;\n\n}\n\n\n.lv-six-close:hover,\n.lv-six-prev:hover,\n.lv-six-next:hover {\n\n    background:\n        rgba(46,49,146,.70);\n\n    border-color:\n        rgba(255,255,255,.75);\n\n}\n\n\n\/* ==========================================================\n   COUNTER\n========================================================== *\/\n\n.lv-six-counter {\n\n    position: absolute;\n\n    bottom: 20px;\n\n    left: 50%;\n\n    transform:\n        translateX(-50%);\n\n    color:\n        rgba(255,255,255,.72);\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n    letter-spacing: 3px;\n\n}\n\n\n\/* ==========================================================\n   TABLET\n========================================================== *\/\n\n@media\n(max-width: 950px) {\n\n\n    .levant-six-gallery {\n\n        padding:\n            65px\n            20px;\n\n    }\n\n\n    .lv-six-header {\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 18px;\n\n    }\n\n\n    .lv-six-description {\n\n        max-width: 600px;\n\n    }\n\n\n    \/*\n       Tablet:\n       two-column layout\n    *\/\n\n    .lv-six-grid {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        grid-template-rows: none;\n\n        grid-auto-rows: auto;\n\n        aspect-ratio: auto;\n\n        gap: 10px;\n\n    }\n\n\n    .lv-six-item,\n    .lv-six-item:nth-child(n) {\n\n        grid-column: auto;\n\n        grid-row: auto;\n\n        height: auto;\n\n        aspect-ratio: 1 \/ 1;\n\n    }\n\n\n    \/*\n       Images 1 and 4 become featured\n    *\/\n\n    .lv-six-item:nth-child(1),\n    .lv-six-item:nth-child(4) {\n\n        grid-column:\n            1 \/ span 2;\n\n        aspect-ratio:\n            16 \/ 8;\n\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media\n(max-width: 650px) {\n\n\n    .levant-six-gallery {\n\n        padding:\n            55px\n            12px;\n\n    }\n\n\n    .lv-six-header {\n\n        gap: 15px;\n\n        margin-bottom: 30px;\n\n    }\n\n\n    .lv-six-title {\n\n        font-size:\n            clamp(31px, 10vw, 40px);\n\n    }\n\n\n    .lv-six-description {\n\n        font-size: 14px;\n\n    }\n\n\n    \/*\n       Mobile:\n       one image per row.\n    *\/\n\n    .lv-six-grid {\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 10px;\n\n        aspect-ratio: auto;\n\n    }\n\n\n    .lv-six-item,\n    .lv-six-item:nth-child(n) {\n\n        display: block;\n\n        width: 100%;\n\n        height: auto;\n\n        aspect-ratio:\n            4 \/ 3;\n\n        box-shadow:\n\n            0 8px 18px\n            rgba(11,23,71,.055),\n\n            0 3px 7px\n            rgba(46,49,146,.03);\n\n    }\n\n\n    \/*\n       Featured images are wider\n    *\/\n\n    .lv-six-item:nth-child(1),\n    .lv-six-item:nth-child(4) {\n\n        aspect-ratio:\n            16 \/ 10;\n\n    }\n\n\n    .lv-six-item::before {\n\n        display: none;\n\n    }\n\n\n    .lv-six-item::after {\n\n        display: none;\n\n    }\n\n\n    .lv-six-reveal {\n\n        transform:\n            translateY(20px);\n\n        transition-duration:\n            .6s;\n\n        transition-delay: 0ms;\n\n    }\n\n\n    \/* Lightbox *\/\n\n    .lv-six-lightbox {\n\n        padding: 10px;\n\n    }\n\n\n    .lv-six-lightbox-image {\n\n        max-width:\n            calc(100vw - 20px);\n\n        max-height:\n            calc(100vh - 125px);\n\n    }\n\n\n    .lv-six-close {\n\n        top: 14px;\n\n        right: 14px;\n\n        width: 43px;\n\n        height: 43px;\n\n    }\n\n\n    .lv-six-prev,\n    .lv-six-next {\n\n        top: auto;\n\n        bottom: 17px;\n\n        width: 45px;\n\n        height: 45px;\n\n        transform: none;\n\n    }\n\n\n    .lv-six-prev {\n\n        left: 13px;\n\n    }\n\n\n    .lv-six-next {\n\n        right: 13px;\n\n    }\n\n\n    .lv-six-counter {\n\n        bottom: 31px;\n\n    }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media\n(max-width: 420px) {\n\n\n    .levant-six-gallery {\n\n        padding:\n            48px\n            8px;\n\n    }\n\n\n    .lv-six-grid {\n\n        gap: 8px;\n\n    }\n\n\n    .lv-six-title {\n\n        font-size: 31px;\n\n    }\n\n}\n\n\n\/* ==========================================================\n   REDUCED MOTION\n========================================================== *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n\n    .lv-six-reveal {\n\n        opacity: 1 !important;\n\n        transform:\n            none !important;\n\n        transition:\n            none !important;\n\n    }\n\n\n    .lv-six-item,\n    .lv-six-item img {\n\n        transition:\n            none !important;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<section class=\"levant-six-gallery\">\n\n    <div class=\"lv-six-container\">\n\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <div\n            class=\"\n                lv-six-header\n                lv-six-reveal\n            \"\n        >\n\n            <div>\n\n                <div class=\"lv-six-kicker\">\n                    Project Gallery\n                <\/div>\n\n\n                <h2 class=\"lv-six-title\">\n                    Explore the Project\n                <\/h2>\n\n\n                <div class=\"lv-six-line\"><\/div>\n\n            <\/div>\n\n\n            <p class=\"lv-six-description\">\n\n                Explore selected views and details\n                from across the project.\n\n            <\/p>\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             6 IMAGES\n        ================================================== -->\n\n        <div class=\"lv-six-grid\">\n\n\n            <!-- IMAGE 01 -->\n\n            <figure\n                class=\"\n                    lv-six-item\n                    lv-six-reveal\n                \"\n                style=\"--six-delay:0ms;\"\n            >\n\n                <img\n                    src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/IMG_1465.jpeg\"\n                    alt=\"Project Image 1\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                 title=\"Hotel Cartagena\">\n\n            <\/figure>\n\n\n\n            <!-- IMAGE 02 -->\n\n            <figure\n                class=\"\n                    lv-six-item\n                    lv-six-reveal\n                \"\n                style=\"--six-delay:50ms;\"\n            >\n\n                <img\n                    src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/IMG_1463-1.jpeg\"\n                    alt=\"Project Image 2\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                 title=\"Hotel Cartagena\">\n\n            <\/figure>\n\n\n\n            <!-- IMAGE 03 -->\n\n            <figure\n                class=\"\n                    lv-six-item\n                    lv-six-reveal\n                \"\n                style=\"--six-delay:100ms;\"\n            >\n\n                <img\n                    src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/IMG_1460.jpeg\"\n                    alt=\"Project Image 3\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                 title=\"Hotel Cartagena\">\n\n            <\/figure>\n\n\n\n            <!-- IMAGE 04 -->\n\n            <figure\n                class=\"\n                    lv-six-item\n                    lv-six-reveal\n                \"\n                style=\"--six-delay:70ms;\"\n            >\n\n                <img\n                    src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/IMG_1456.jpeg\"\n                    alt=\"Project Image 4\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                 title=\"Hotel Cartagena\">\n\n            <\/figure>\n\n\n\n            <!-- IMAGE 05 -->\n\n            <figure\n                class=\"\n                    lv-six-item\n                    lv-six-reveal\n                \"\n                style=\"--six-delay:100ms;\"\n            >\n\n                <img\n                    src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/IMG_1455.jpeg\"\n                    alt=\"Project Image 5\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                 title=\"Hotel Cartagena\">\n\n            <\/figure>\n\n\n\n            <!-- IMAGE 06 -->\n\n            <figure\n                class=\"\n                    lv-six-item\n                    lv-six-reveal\n                \"\n                style=\"--six-delay:140ms;\"\n            >\n\n                <img\n                    src=\"https:\/\/levantbuilding.com\/wp-content\/uploads\/2026\/08\/IMG_1106.jpeg\"\n                    alt=\"Project Image 6\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                 title=\"Hotel Cartagena\">\n\n            <\/figure>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ==========================================================\n     LIGHTBOX\n=========================================================== -->\n\n<div\n    class=\"lv-six-lightbox\"\n    id=\"lvSixLightbox\"\n    aria-hidden=\"true\"\n>\n\n\n    <button\n        class=\"lv-six-close\"\n        type=\"button\"\n        aria-label=\"Close image\"\n    >\n        \u00d7\n    <\/button>\n\n\n    <button\n        class=\"lv-six-prev\"\n        type=\"button\"\n        aria-label=\"Previous image\"\n    >\n        \u2190\n    <\/button>\n\n\n    <img decoding=\"async\"\n        class=\"lv-six-lightbox-image\"\n        src=\"\"\n        alt=\"\"\n    >\n\n\n    <button\n        class=\"lv-six-next\"\n        type=\"button\"\n        aria-label=\"Next image\"\n    >\n        \u2192\n    <\/button>\n\n\n    <div\n        class=\"lv-six-counter\"\n    ><\/div>\n\n\n<\/div>\n\n\n\n<script>\n\n(function () {\n\n\n    const section =\n        document.querySelector(\n            \".levant-six-gallery\"\n        );\n\n\n    if (!section) {\n        return;\n    }\n\n\n\n    \/* ======================================================\n       FADE UP\n    ====================================================== *\/\n\n    const revealElements =\n        section.querySelectorAll(\n            \".lv-six-reveal\"\n        );\n\n\n    const reducedMotion =\n        window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n    if (reducedMotion) {\n\n\n        revealElements.forEach(\n            function(element) {\n\n                element.classList.add(\n                    \"lv-six-visible\"\n                );\n\n            }\n        );\n\n    }\n\n\n    else if (\n        \"IntersectionObserver\" in window\n    ) {\n\n\n        const observer =\n            new IntersectionObserver(\n\n                function(entries) {\n\n\n                    entries.forEach(\n\n                        function(entry) {\n\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n\n                                entry.target\n                                    .classList\n                                    .add(\n                                        \"lv-six-visible\"\n                                    );\n\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n\n                            }\n\n                        }\n\n                    );\n\n                },\n\n\n                {\n\n                    threshold: 0.10,\n\n                    rootMargin:\n                        \"0px 0px -30px 0px\"\n\n                }\n\n            );\n\n\n        revealElements.forEach(\n\n            function(element) {\n\n                observer.observe(\n                    element\n                );\n\n            }\n\n        );\n\n    }\n\n\n    else {\n\n\n        revealElements.forEach(\n\n            function(element) {\n\n                element.classList.add(\n                    \"lv-six-visible\"\n                );\n\n            }\n\n        );\n\n    }\n\n\n\n    \/* ======================================================\n       LIGHTBOX\n    ====================================================== *\/\n\n    const images =\n        Array.from(\n\n            section.querySelectorAll(\n                \".lv-six-item img\"\n            )\n\n        );\n\n\n    const lightbox =\n        document.getElementById(\n            \"lvSixLightbox\"\n        );\n\n\n    if (\n        !lightbox ||\n        images.length === 0\n    ) {\n        return;\n    }\n\n\n    const lightboxImage =\n        lightbox.querySelector(\n            \".lv-six-lightbox-image\"\n        );\n\n\n    const closeButton =\n        lightbox.querySelector(\n            \".lv-six-close\"\n        );\n\n\n    const prevButton =\n        lightbox.querySelector(\n            \".lv-six-prev\"\n        );\n\n\n    const nextButton =\n        lightbox.querySelector(\n            \".lv-six-next\"\n        );\n\n\n    const counter =\n        lightbox.querySelector(\n            \".lv-six-counter\"\n        );\n\n\n    let currentIndex = 0;\n\n    let touchStartX = 0;\n\n    let touchEndX = 0;\n\n\n\n    \/* ======================================================\n       SHOW IMAGE\n    ====================================================== *\/\n\n    function showImage(index) {\n\n\n        if (index < 0) {\n\n            index =\n                images.length - 1;\n\n        }\n\n\n        if (\n            index >=\n            images.length\n        ) {\n\n            index = 0;\n\n        }\n\n\n        currentIndex = index;\n\n\n        const image =\n            images[currentIndex];\n\n\n        lightboxImage.src =\n            image.currentSrc ||\n            image.src;\n\n\n        lightboxImage.alt =\n            image.alt ||\n            \"Project Image\";\n\n\n        counter.textContent =\n\n            (currentIndex + 1)\n\n            + \" \/ \"\n\n            + images.length;\n\n    }\n\n\n\n    \/* ======================================================\n       OPEN\n    ====================================================== *\/\n\n    function openLightbox(index) {\n\n\n        showImage(index);\n\n\n        lightbox.classList.add(\n            \"is-open\"\n        );\n\n\n        lightbox.setAttribute(\n            \"aria-hidden\",\n            \"false\"\n        );\n\n\n        document.body.style.overflow =\n            \"hidden\";\n\n    }\n\n\n\n    \/* ======================================================\n       CLOSE\n    ====================================================== *\/\n\n    function closeLightbox() {\n\n\n        lightbox.classList.remove(\n            \"is-open\"\n        );\n\n\n        lightbox.setAttribute(\n            \"aria-hidden\",\n            \"true\"\n        );\n\n\n        document.body.style.overflow =\n            \"\";\n\n    }\n\n\n\n    \/* ======================================================\n       IMAGE CLICK\n    ====================================================== *\/\n\n    images.forEach(\n\n        function(image, index) {\n\n\n            image\n                .parentElement\n                .addEventListener(\n\n                    \"click\",\n\n                    function() {\n\n                        openLightbox(\n                            index\n                        );\n\n                    }\n\n                );\n\n        }\n\n    );\n\n\n\n    \/* ======================================================\n       BUTTONS\n    ====================================================== *\/\n\n    closeButton.addEventListener(\n\n        \"click\",\n\n        closeLightbox\n\n    );\n\n\n    prevButton.addEventListener(\n\n        \"click\",\n\n        function() {\n\n            showImage(\n                currentIndex - 1\n            );\n\n        }\n\n    );\n\n\n    nextButton.addEventListener(\n\n        \"click\",\n\n        function() {\n\n            showImage(\n                currentIndex + 1\n            );\n\n        }\n\n    );\n\n\n\n    \/* ======================================================\n       BACKDROP\n    ====================================================== *\/\n\n    lightbox.addEventListener(\n\n        \"click\",\n\n        function(event) {\n\n\n            if (\n                event.target === lightbox\n            ) {\n\n                closeLightbox();\n\n            }\n\n        }\n\n    );\n\n\n\n    \/* ======================================================\n       KEYBOARD\n    ====================================================== *\/\n\n    document.addEventListener(\n\n        \"keydown\",\n\n        function(event) {\n\n\n            if (\n                !lightbox\n                    .classList\n                    .contains(\n                        \"is-open\"\n                    )\n            ) {\n                return;\n            }\n\n\n            if (\n                event.key ===\n                \"Escape\"\n            ) {\n\n                closeLightbox();\n\n            }\n\n\n            if (\n                event.key ===\n                \"ArrowRight\"\n            ) {\n\n                showImage(\n                    currentIndex + 1\n                );\n\n            }\n\n\n            if (\n                event.key ===\n                \"ArrowLeft\"\n            ) {\n\n                showImage(\n                    currentIndex - 1\n                );\n\n            }\n\n        }\n\n    );\n\n\n\n    \/* ======================================================\n       MOBILE SWIPE\n    ====================================================== *\/\n\n    lightbox.addEventListener(\n\n        \"touchstart\",\n\n        function(event) {\n\n\n            touchStartX =\n                event.changedTouches[0]\n                    .screenX;\n\n        },\n\n        {\n            passive: true\n        }\n\n    );\n\n\n    lightbox.addEventListener(\n\n        \"touchend\",\n\n        function(event) {\n\n\n            touchEndX =\n                event.changedTouches[0]\n                    .screenX;\n\n\n            const difference =\n                touchStartX -\n                touchEndX;\n\n\n            if (\n                Math.abs(difference) <\n                45\n            ) {\n                return;\n            }\n\n\n            if (\n                difference > 0\n            ) {\n\n                showImage(\n                    currentIndex + 1\n                );\n\n            }\n\n\n            else {\n\n                showImage(\n                    currentIndex - 1\n                );\n\n            }\n\n        },\n\n        {\n            passive: true\n        }\n\n    );\n\n\n})();\n\n<\/script>\n\n\n<div data-spectra-id=\"2c2b0290\"\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-4383d167 wp-block-spectra-container-is-layout-constrained\" data-orientation=\"horizontal\" style=\"--spectra-background-color: #FFFFFF75; --spectra-overlay-opacity: 1;\"\t>\n\t<\/div>\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-bea02a06 wp-block-spectra-container-is-layout-constrained\" data-orientation=\"horizontal\" style=\"--spectra-background-color: var(u002du002dast-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(u002du002dast-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-u-002-du-002-dast-global-color-5-color\" style=\"--spectra-text-color: var(u002du002dast-global-color-5)\">\n\t\tShape You Next Project With Levant \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-u-002-du-002-dast-global-color-4-color\" style=\"--spectra-text-color: var(u002du002dast-global-color-4)\">\n\t\tDelivering integrated construction solutions with engineering expertise, refined craftsmanship, and disciplined execution.\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=\"https:\/\/levantbuilding.com\/contact-us\/\" target=\"_self\" aria-label=\"Contact Us Today\" rel=\"noopener\" 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(u002du002dast-global-color-5);--spectra-background-color: var(--wp--preset--color--ast-global-color-0);--spectra-background-color-hover: var(u002du002dast-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>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project Gallery Explore the Project Explore selected views and details from across the project. \u00d7 \u2190 \u2192<\/p>","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-4927","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\/4927","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=4927"}],"version-history":[{"count":5,"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/pages\/4927\/revisions"}],"predecessor-version":[{"id":5092,"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/pages\/4927\/revisions\/5092"}],"wp:attachment":[{"href":"https:\/\/levantbuilding.com\/ar\/wp-json\/wp\/v2\/media?parent=4927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}