{"id":120,"date":"2026-10-06T13:25:20","date_gmt":"2026-10-06T13:25:20","guid":{"rendered":"https:\/\/eventslineksa.com\/?page_id=120"},"modified":"2026-10-08T12:53:54","modified_gmt":"2026-10-08T12:53:54","slug":"projects","status":"publish","type":"page","link":"https:\/\/eventslineksa.com\/ar\/projects\/","title":{"rendered":"\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"120\" class=\"elementor elementor-120\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a75f7e5 e-con e-atomic-element e-flexbox-base e-default-div e-a75f7e5-70c02a7 \" data-id=\"a75f7e5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a75f7e5\" data-e-type=\"e-flexbox\" data-id=\"a75f7e5\">\n    \t\t<div class=\"elementor-element elementor-element-5a7471e elementor-widget elementor-widget-html\" data-id=\"5a7471e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ep-projects-page\" id=\"projects-page\">\r\n\r\n    <!-- =====================================\r\n         HERO\r\n    ====================================== -->\r\n\r\n    <div class=\"ep-projects-hero\">\r\n\r\n        <div class=\"ep-projects-hero-bg\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Album.jpeg\"\r\n                alt=\"Events Line Projects\"\r\n            >\r\n        <\/div>\r\n\r\n        <div class=\"ep-projects-hero-overlay\"><\/div>\r\n\r\n        <div class=\"ep-projects-hero-inner\">\r\n\r\n            <span class=\"ep-eyebrow\">\r\n                EVENTS LINE \/ OUR WORK\r\n            <\/span>\r\n\r\n            <h1>\r\n                PROJECTS THAT\r\n                <span>CREATE IMPACT.<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"ep-projects-hero-bottom\">\r\n\r\n                <p>\r\n                    Explore a selection of event productions,\r\n                    creative environments and experiences delivered\r\n                    by Events Line.\r\n                <\/p>\r\n\r\n                <span class=\"ep-scroll\">\r\n                    SCROLL TO EXPLORE \u2193\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         CONTENT\r\n    ====================================== -->\r\n\r\n    <div class=\"ep-projects-content\">\r\n\r\n        <div class=\"ep-projects-intro\">\r\n\r\n            <div>\r\n\r\n                <span>SELECTED WORK<\/span>\r\n\r\n                <h2>\r\n                    FEATURED\r\n                    <b>PROJECTS<\/b>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p>\r\n                From event production to immersive environments,\r\n                every project is built around the experience,\r\n                the audience and the smallest details.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================\r\n             QUICK PROJECT NAV\r\n        ====================================== -->\r\n\r\n        <div class=\"ep-project-nav\">\r\n\r\n            <a href=\"#hayat-villa\">\r\n                <span>01<\/span>\r\n                HAYAT VILLA\r\n            <\/a>\r\n\r\n            <a href=\"#event-experience\">\r\n                <span>02<\/span>\r\n                EVENT EXPERIENCE\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================\r\n             PROJECT 01\r\n        ====================================== -->\r\n\r\n        <article\r\n            class=\"ep-project-block\"\r\n            id=\"hayat-villa\"\r\n        >\r\n\r\n            <button\r\n                class=\"ep-project ep-open-gallery\"\r\n                type=\"button\"\r\n                data-gallery=\"hayat\"\r\n                aria-label=\"Open Hayat Villa Gallery\"\r\n            >\r\n\r\n                <div class=\"ep-project-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Album.jpeg\"\r\n                        alt=\"Hayat Villa\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ep-project-overlay\"><\/div>\r\n\r\n\r\n                <div class=\"ep-project-top\">\r\n\r\n                    <span>01<\/span>\r\n\r\n                    <span>\r\n                        FEATURED PROJECT\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ep-project-bottom\">\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            EVENT PRODUCTION\r\n                        <\/small>\r\n\r\n                        <h3>\r\n                            HAYAT VILLA\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ep-view-project\">\r\n\r\n                        <span>\r\n                            VIEW GALLERY\r\n                        <\/span>\r\n\r\n                        <i>\r\n                            \u2197\r\n                        <\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- GALLERY -->\r\n\r\n            <div class=\"ep-gallery-row\">\r\n\r\n                <button\r\n                    class=\"ep-gallery-item ep-open-gallery\"\r\n                    type=\"button\"\r\n                    data-gallery=\"hayat\"\r\n                    data-index=\"1\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Img-2.jpeg\"\r\n                        alt=\"Hayat Villa Project\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"ep-gallery-item ep-open-gallery\"\r\n                    type=\"button\"\r\n                    data-gallery=\"hayat\"\r\n                    data-index=\"2\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Img-3.jpeg\"\r\n                        alt=\"Hayat Villa Project\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"ep-gallery-item ep-open-gallery\"\r\n                    type=\"button\"\r\n                    data-gallery=\"hayat\"\r\n                    data-index=\"3\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Img-4.jpeg\"\r\n                        alt=\"Hayat Villa Project\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =====================================\r\n             PROJECT 02\r\n        ====================================== -->\r\n\r\n        <article\r\n            class=\"ep-project-block\"\r\n            id=\"event-experience\"\r\n        >\r\n\r\n            <button\r\n                class=\"ep-project ep-open-gallery\"\r\n                type=\"button\"\r\n                data-gallery=\"event\"\r\n                aria-label=\"Open Event Experience Gallery\"\r\n            >\r\n\r\n                <div class=\"ep-project-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-1-3-scaled.jpg\"\r\n                        alt=\"Events Line Event Experience\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ep-project-overlay\"><\/div>\r\n\r\n\r\n                <div class=\"ep-project-top\">\r\n\r\n                    <span>02<\/span>\r\n\r\n                    <span>\r\n                        EVENT PRODUCTION\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ep-project-bottom\">\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            EVENTS GALLERY\r\n                        <\/small>\r\n\r\n                        <h3>\r\n                            EVENT EXPERIENCE\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ep-view-project\">\r\n\r\n                        <span>\r\n                            VIEW GALLERY\r\n                        <\/span>\r\n\r\n                        <i>\r\n                            \u2197\r\n                        <\/i>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/button>\r\n\r\n\r\n\r\n            <!-- GALLERY -->\r\n\r\n            <div class=\"ep-gallery-row\">\r\n\r\n                <button\r\n                    class=\"ep-gallery-item ep-open-gallery\"\r\n                    type=\"button\"\r\n                    data-gallery=\"event\"\r\n                    data-index=\"1\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-2-4-scaled.jpg\"\r\n                        alt=\"Event Production\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"ep-gallery-item ep-open-gallery\"\r\n                    type=\"button\"\r\n                    data-gallery=\"event\"\r\n                    data-index=\"2\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-3-4-scaled.jpg\"\r\n                        alt=\"Event Production\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"ep-gallery-item ep-open-gallery\"\r\n                    type=\"button\"\r\n                    data-gallery=\"event\"\r\n                    data-index=\"3\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-4-4-scaled.jpg\"\r\n                        alt=\"Event Production\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =====================================\r\n             END CTA\r\n        ====================================== -->\r\n\r\n        <div class=\"ep-projects-end\">\r\n\r\n            <span>\r\n                HAVE A PROJECT IN MIND?\r\n            <\/span>\r\n\r\n            <h2>\r\n                LET\u2019S CREATE YOUR\r\n                <b>NEXT EXPERIENCE.<\/b>\r\n            <\/h2>\r\n\r\n            <a href=\"\/#contact\">\r\n\r\n                START A PROJECT\r\n\r\n                <i>\u2197<\/i>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         LIGHTBOX\r\n    ====================================== -->\r\n\r\n    <div\r\n        class=\"ep-lightbox\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <button\r\n            class=\"ep-lightbox-close\"\r\n            type=\"button\"\r\n            aria-label=\"Close Gallery\"\r\n        >\r\n            \u00d7\r\n        <\/button>\r\n\r\n\r\n        <button\r\n            class=\"ep-lightbox-arrow ep-lightbox-prev\"\r\n            type=\"button\"\r\n            aria-label=\"Previous Image\"\r\n        >\r\n            \u2039\r\n        <\/button>\r\n\r\n\r\n        <div class=\"ep-lightbox-stage\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"ep-lightbox-image\"\r\n                src=\"\"\r\n                alt=\"\"\r\n            >\r\n\r\n\r\n            <div class=\"ep-lightbox-info\">\r\n\r\n                <div>\r\n\r\n                    <small class=\"ep-lightbox-category\">\r\n                        PROJECT\r\n                    <\/small>\r\n\r\n                    <strong class=\"ep-lightbox-title\">\r\n                        EVENTS LINE\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"ep-lightbox-count\">\r\n                    01 \/ 04\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <button\r\n            class=\"ep-lightbox-arrow ep-lightbox-next\"\r\n            type=\"button\"\r\n            aria-label=\"Next Image\"\r\n        >\r\n            \u203a\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================\r\n   BASE\r\n===================================== *\/\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\n.ep-projects-page,\r\n.ep-projects-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.ep-projects-page{\r\n    width:100vw;\r\n    max-width:none;\r\n\r\n    position:relative;\r\n\r\n    left:50%;\r\n    right:50%;\r\n\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#4A4D50;\r\n    color:#FFFFFF;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   HERO\r\n===================================== *\/\r\n\r\n.ep-projects-hero{\r\n    width:100%;\r\n    min-height:560px;\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n    align-items:flex-end;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#081724;\r\n}\r\n\r\n.ep-projects-hero-bg{\r\n    position:absolute;\r\n    inset:0;\r\n}\r\n\r\n.ep-projects-hero-bg img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transform:scale(1.03);\r\n}\r\n\r\n.ep-projects-hero-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,13,20,.92) 0%,\r\n            rgba(5,13,20,.62) 48%,\r\n            rgba(5,13,20,.22) 100%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(5,13,20,.80),\r\n            transparent 55%\r\n        );\r\n}\r\n\r\n.ep-projects-hero-inner{\r\n    width:calc(100% - 100px);\r\n    max-width:1400px;\r\n\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:auto;\r\n\r\n    padding:145px 0 45px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.ep-eyebrow{\r\n    display:block;\r\n\r\n    margin-bottom:16px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:4px;\r\n}\r\n\r\n.ep-projects-hero h1{\r\n    max-width:920px;\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(54px,6vw,88px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.91;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n.ep-projects-hero h1 span{\r\n    display:block;\r\n    color:#C31776;\r\n}\r\n\r\n.ep-projects-hero-bottom{\r\n    margin-top:36px;\r\n    padding-top:20px;\r\n\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:40px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.15);\r\n}\r\n\r\n.ep-projects-hero-bottom p{\r\n    max-width:560px;\r\n\r\n    margin:0;\r\n\r\n    color:rgba(255,255,255,.65);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n.ep-scroll{\r\n    color:rgba(255,255,255,.52);\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   CONTENT\r\n===================================== *\/\r\n\r\n.ep-projects-content{\r\n    width:calc(100% - 100px);\r\n    max-width:1400px;\r\n\r\n    margin:auto;\r\n\r\n    padding:80px 0;\r\n}\r\n\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.ep-projects-intro{\r\n    margin-bottom:38px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        .65fr;\r\n\r\n    align-items:end;\r\n\r\n    gap:70px;\r\n}\r\n\r\n.ep-projects-intro span{\r\n    display:block;\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:3.5px;\r\n}\r\n\r\n.ep-projects-intro h2{\r\n    margin:0;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:clamp(46px,5vw,72px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-3px;\r\n}\r\n\r\n.ep-projects-intro h2 b{\r\n    display:block;\r\n    color:#C31776;\r\n}\r\n\r\n.ep-projects-intro p{\r\n    max-width:470px;\r\n\r\n    margin:0;\r\n\r\n    color:#D7DADD;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   QUICK NAV\r\n===================================== *\/\r\n\r\n.ep-project-nav{\r\n    margin-bottom:55px;\r\n    padding:18px 0;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:35px;\r\n\r\n    border-top:1px solid rgba(255,255,255,.18);\r\n    border-bottom:1px solid rgba(255,255,255,.18);\r\n}\r\n\r\n.ep-project-nav a{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:#FFFFFF;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:10px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-project-nav a span{\r\n    color:#C31776;\r\n    font-size:8px;\r\n}\r\n\r\n.ep-project-nav a:hover{\r\n    color:#C31776;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   PROJECT BLOCK\r\n===================================== *\/\r\n\r\n.ep-project-block{\r\n    scroll-margin-top:100px;\r\n}\r\n\r\n.ep-project-block + .ep-project-block{\r\n    margin-top:80px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   PROJECT COVER\r\n===================================== *\/\r\n\r\n.ep-project{\r\n    appearance:none;\r\n\r\n    width:100%;\r\n    min-height:590px;\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:0;\r\n\r\n    border:0;\r\n\r\n    background:#081724;\r\n\r\n    color:#fff;\r\n\r\n    text-align:left;\r\n\r\n    cursor:pointer;\r\n\r\n    font-family:inherit;\r\n}\r\n\r\n.ep-project-image{\r\n    position:absolute;\r\n    inset:0;\r\n}\r\n\r\n.ep-project-image img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform 1.1s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.ep-project:hover\r\n.ep-project-image img{\r\n    transform:scale(1.055);\r\n}\r\n\r\n.ep-project-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(5,13,20,.10),\r\n            rgba(5,13,20,.07) 45%,\r\n            rgba(5,13,20,.88)\r\n        );\r\n}\r\n\r\n\r\n\r\n\/* TOP *\/\r\n\r\n.ep-project-top{\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:0;\r\n    right:0;\r\n\r\n    z-index:3;\r\n\r\n    padding:25px 28px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\r\n\/* BOTTOM *\/\r\n\r\n.ep-project-bottom{\r\n    position:absolute;\r\n\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    z-index:3;\r\n\r\n    padding:32px;\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n}\r\n\r\n.ep-project-bottom small{\r\n    display:block;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2.2px;\r\n}\r\n\r\n.ep-project-bottom h3{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(32px,4vw,54px);\r\n\r\n    font-weight:750;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.ep-view-project{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n.ep-view-project i{\r\n    width:44px;\r\n    height:44px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.55);\r\n\r\n    border-radius:50%;\r\n\r\n    font-size:15px;\r\n\r\n    font-style:normal;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-project:hover\r\n.ep-view-project i{\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n\r\n    transform:\r\n        translate(3px,-3px);\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   GALLERY\r\n===================================== *\/\r\n\r\n.ep-gallery-row{\r\n    margin-top:10px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:10px;\r\n}\r\n\r\n.ep-gallery-item{\r\n    appearance:none;\r\n\r\n    height:200px;\r\n\r\n    position:relative;\r\n\r\n    padding:0;\r\n\r\n    overflow:hidden;\r\n\r\n    border:0;\r\n\r\n    background:#081724;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.ep-gallery-item::after{\r\n    content:\"VIEW\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:\r\n        translate(-50%,-40%);\r\n\r\n    color:#fff;\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    opacity:0;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-gallery-item::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:1;\r\n\r\n    background:rgba(5,13,20,.35);\r\n\r\n    opacity:0;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-gallery-item img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    display:block;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:.6s ease;\r\n}\r\n\r\n.ep-gallery-item:hover img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n.ep-gallery-item:hover::before,\r\n.ep-gallery-item:hover::after{\r\n    opacity:1;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   END CTA\r\n===================================== *\/\r\n\r\n.ep-projects-end{\r\n    margin-top:90px;\r\n\r\n    padding-top:65px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    text-align:center;\r\n}\r\n\r\n.ep-projects-end > span{\r\n    display:block;\r\n\r\n    margin-bottom:14px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:3.5px;\r\n}\r\n\r\n.ep-projects-end h2{\r\n    max-width:850px;\r\n\r\n    margin:0 auto 30px;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:clamp(42px,5vw,68px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-3px;\r\n}\r\n\r\n.ep-projects-end h2 b{\r\n    display:block;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n.ep-projects-end a{\r\n    min-height:52px;\r\n\r\n    padding:0 8px 0 23px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:18px;\r\n\r\n    border-radius:100px;\r\n\r\n    background:#081724;\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:9px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-projects-end a i{\r\n    width:37px;\r\n    height:37px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#C31776;\r\n\r\n    color:#fff;\r\n\r\n    font-size:13px;\r\n\r\n    font-style:normal;\r\n}\r\n\r\n.ep-projects-end a:hover{\r\n    background:#C31776;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.ep-projects-end a:hover i{\r\n    background:#fff;\r\n    color:#081724;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   LIGHTBOX\r\n===================================== *\/\r\n\r\n.ep-lightbox{\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:99999999;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:45px 90px;\r\n\r\n    background:rgba(2,7,12,.96);\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        visibility .3s ease;\r\n}\r\n\r\n.ep-lightbox.is-open{\r\n    opacity:1;\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n}\r\n\r\n.ep-lightbox-stage{\r\n    width:100%;\r\n    max-width:1200px;\r\n\r\n    height:80vh;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n}\r\n\r\n.ep-lightbox-image{\r\n    width:100%;\r\n    height:calc(100% - 55px);\r\n\r\n    display:block;\r\n\r\n    object-fit:contain;\r\n}\r\n\r\n.ep-lightbox-info{\r\n    min-height:55px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    padding-top:14px;\r\n\r\n    color:#fff;\r\n}\r\n\r\n.ep-lightbox-info div{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n}\r\n\r\n.ep-lightbox-category{\r\n    color:#C31776;\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n.ep-lightbox-title{\r\n    color:#fff;\r\n\r\n    font-size:11px;\r\n    font-weight:600;\r\n}\r\n\r\n.ep-lightbox-count{\r\n    color:rgba(255,255,255,.5);\r\n\r\n    font-size:9px;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n\r\n\r\n\/* CLOSE *\/\r\n\r\n.ep-lightbox-close{\r\n    width:44px;\r\n    height:44px;\r\n\r\n    position:absolute;\r\n\r\n    top:25px;\r\n    right:30px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius:50%;\r\n\r\n    background:transparent;\r\n\r\n    color:#fff;\r\n\r\n    font-size:25px;\r\n\r\n    font-weight:300;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-lightbox-close:hover{\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n}\r\n\r\n\r\n\r\n\/* ARROWS *\/\r\n\r\n.ep-lightbox-arrow{\r\n    width:50px;\r\n    height:50px;\r\n\r\n    position:absolute;\r\n\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.04);\r\n\r\n    color:#fff;\r\n\r\n    font-size:32px;\r\n\r\n    font-weight:200;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ep-lightbox-arrow:hover{\r\n    background:#C31776;\r\n\r\n    border-color:#C31776;\r\n}\r\n\r\n.ep-lightbox-prev{\r\n    left:25px;\r\n}\r\n\r\n.ep-lightbox-next{\r\n    right:25px;\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   TABLET\r\n===================================== *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .ep-projects-hero{\r\n        min-height:520px;\r\n    }\r\n\r\n    .ep-projects-hero-inner,\r\n    .ep-projects-content{\r\n        width:calc(100% - 50px);\r\n    }\r\n\r\n    .ep-projects-intro{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n    .ep-project{\r\n        min-height:500px;\r\n    }\r\n\r\n    .ep-lightbox{\r\n        padding:\r\n            60px 70px\r\n            30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================\r\n   MOBILE\r\n===================================== *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .ep-projects-hero{\r\n        min-height:470px;\r\n    }\r\n\r\n    .ep-projects-hero-inner{\r\n        width:calc(100% - 30px);\r\n\r\n        padding:\r\n            125px 0\r\n            30px;\r\n    }\r\n\r\n    .ep-projects-hero h1{\r\n        font-size:43px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .ep-projects-hero-bottom{\r\n        margin-top:30px;\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .ep-projects-content{\r\n        width:calc(100% - 30px);\r\n\r\n        padding:55px 0;\r\n    }\r\n\r\n    .ep-projects-intro{\r\n        margin-bottom:30px;\r\n    }\r\n\r\n    .ep-projects-intro h2{\r\n        font-size:40px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .ep-project-nav{\r\n        margin-bottom:35px;\r\n\r\n        gap:20px;\r\n\r\n        overflow-x:auto;\r\n\r\n        white-space:nowrap;\r\n    }\r\n\r\n    .ep-project{\r\n        min-height:410px;\r\n    }\r\n\r\n    .ep-project-block + .ep-project-block{\r\n        margin-top:55px;\r\n    }\r\n\r\n    .ep-project-bottom{\r\n        padding:22px;\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .ep-project-bottom h3{\r\n        font-size:31px;\r\n    }\r\n\r\n    .ep-gallery-row{\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n    .ep-gallery-item{\r\n        height:135px;\r\n    }\r\n\r\n    .ep-gallery-item:last-child{\r\n        grid-column:1 \/ -1;\r\n    }\r\n\r\n    .ep-projects-end{\r\n        margin-top:65px;\r\n\r\n        padding-top:45px;\r\n    }\r\n\r\n    .ep-projects-end h2{\r\n        font-size:38px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    \/* LIGHTBOX *\/\r\n\r\n    .ep-lightbox{\r\n        padding:\r\n            70px 15px\r\n            25px;\r\n    }\r\n\r\n    .ep-lightbox-stage{\r\n        height:75vh;\r\n    }\r\n\r\n    .ep-lightbox-image{\r\n        height:\r\n            calc(100% - 75px);\r\n    }\r\n\r\n    .ep-lightbox-info{\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .ep-lightbox-info div{\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n\r\n        gap:4px;\r\n    }\r\n\r\n    .ep-lightbox-arrow{\r\n        width:38px;\r\n        height:38px;\r\n\r\n        top:auto;\r\n        bottom:25px;\r\n\r\n        z-index:4;\r\n\r\n        font-size:25px;\r\n    }\r\n\r\n    .ep-lightbox-prev{\r\n        left:15px;\r\n    }\r\n\r\n    .ep-lightbox-next{\r\n        right:15px;\r\n    }\r\n\r\n    .ep-lightbox-close{\r\n        top:15px;\r\n        right:15px;\r\n\r\n        width:38px;\r\n        height:38px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    function initEventsLineProjects(){\r\n\r\n        const page =\r\n            document.querySelector(\r\n                \".ep-projects-page\"\r\n            );\r\n\r\n        if(!page){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* ==================================\r\n           GALLERIES\r\n        ================================== *\/\r\n\r\n        const galleries = {\r\n\r\n            hayat:{\r\n                title:\"HAYAT VILLA\",\r\n                category:\"EVENT PRODUCTION\",\r\n\r\n                images:[\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Album.jpeg\",\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Img-2.jpeg\",\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Img-3.jpeg\",\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/11\/Hayat-Villa-Img-4.jpeg\"\r\n                ]\r\n            },\r\n\r\n\r\n            event:{\r\n                title:\"EVENT EXPERIENCE\",\r\n                category:\"EVENT PRODUCTION\",\r\n\r\n                images:[\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-1-3-scaled.jpg\",\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-2-4-scaled.jpg\",\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-3-4-scaled.jpg\",\r\n                    \"https:\/\/eventslineksa.com\/wp-content\/uploads\/2025\/10\/Gallery-4-4-scaled.jpg\"\r\n                ]\r\n            }\r\n\r\n        };\r\n\r\n\r\n        const lightbox =\r\n            page.querySelector(\r\n                \".ep-lightbox\"\r\n            );\r\n\r\n\r\n        if(!lightbox){\r\n            return;\r\n        }\r\n\r\n\r\n        const image =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-image\"\r\n            );\r\n\r\n        const title =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-title\"\r\n            );\r\n\r\n        const category =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-category\"\r\n            );\r\n\r\n        const count =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-count\"\r\n            );\r\n\r\n        const close =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-close\"\r\n            );\r\n\r\n        const prev =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-prev\"\r\n            );\r\n\r\n        const next =\r\n            lightbox.querySelector(\r\n                \".ep-lightbox-next\"\r\n            );\r\n\r\n\r\n        let currentGallery = null;\r\n        let currentIndex = 0;\r\n\r\n\r\n\r\n        \/* ==================================\r\n           RENDER\r\n        ================================== *\/\r\n\r\n        function renderImage(){\r\n\r\n            if(\r\n                !currentGallery ||\r\n                !galleries[currentGallery]\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            const gallery =\r\n                galleries[currentGallery];\r\n\r\n\r\n            image.src =\r\n                gallery.images[currentIndex];\r\n\r\n\r\n            image.alt =\r\n                gallery.title;\r\n\r\n\r\n            title.textContent =\r\n                gallery.title;\r\n\r\n\r\n            category.textContent =\r\n                gallery.category;\r\n\r\n\r\n            count.textContent =\r\n                String(\r\n                    currentIndex + 1\r\n                ).padStart(2,\"0\")\r\n                +\r\n                \" \/ \"\r\n                +\r\n                String(\r\n                    gallery.images.length\r\n                ).padStart(2,\"0\");\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==================================\r\n           OPEN\r\n        ================================== *\/\r\n\r\n        function openGallery(\r\n            galleryName,\r\n            index\r\n        ){\r\n\r\n            if(!galleries[galleryName]){\r\n                return;\r\n            }\r\n\r\n\r\n            currentGallery =\r\n                galleryName;\r\n\r\n\r\n            currentIndex =\r\n                Number(index) || 0;\r\n\r\n\r\n            renderImage();\r\n\r\n\r\n            lightbox.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"hidden\";\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==================================\r\n           CLOSE\r\n        ================================== *\/\r\n\r\n        function closeGallery(){\r\n\r\n            lightbox.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n\r\n            lightbox.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            document.body.style.overflow =\r\n                \"\";\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==================================\r\n           NEXT\r\n        ================================== *\/\r\n\r\n        function nextImage(){\r\n\r\n            const gallery =\r\n                galleries[currentGallery];\r\n\r\n\r\n            currentIndex =\r\n                (\r\n                    currentIndex + 1\r\n                )\r\n                %\r\n                gallery.images.length;\r\n\r\n\r\n            renderImage();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==================================\r\n           PREVIOUS\r\n        ================================== *\/\r\n\r\n        function previousImage(){\r\n\r\n            const gallery =\r\n                galleries[currentGallery];\r\n\r\n\r\n            currentIndex =\r\n                (\r\n                    currentIndex\r\n                    - 1\r\n                    + gallery.images.length\r\n                )\r\n                %\r\n                gallery.images.length;\r\n\r\n\r\n            renderImage();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* ==================================\r\n           OPEN BUTTONS\r\n        ================================== *\/\r\n\r\n        page\r\n            .querySelectorAll(\r\n                \".ep-open-gallery\"\r\n            )\r\n            .forEach(function(button){\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        openGallery(\r\n                            button.dataset.gallery,\r\n                            button.dataset.index || 0\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n\r\n        close.addEventListener(\r\n            \"click\",\r\n            closeGallery\r\n        );\r\n\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            nextImage\r\n        );\r\n\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            previousImage\r\n        );\r\n\r\n\r\n\r\n        \/* CLICK BACKDROP *\/\r\n\r\n        lightbox.addEventListener(\r\n            \"click\",\r\n            function(e){\r\n\r\n                if(e.target === lightbox){\r\n\r\n                    closeGallery();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n\r\n        \/* KEYBOARD *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function(e){\r\n\r\n                if(\r\n                    !lightbox.classList\r\n                    .contains(\"is-open\")\r\n                ){\r\n                    return;\r\n                }\r\n\r\n\r\n                if(e.key === \"Escape\"){\r\n                    closeGallery();\r\n                }\r\n\r\n\r\n                if(e.key === \"ArrowRight\"){\r\n                    nextImage();\r\n                }\r\n\r\n\r\n                if(e.key === \"ArrowLeft\"){\r\n                    previousImage();\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    if(\r\n        document.readyState ===\r\n        \"loading\"\r\n    ){\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initEventsLineProjects\r\n        );\r\n\r\n    }else{\r\n\r\n        initEventsLineProjects();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EVENTS LINE \/ OUR WORK PROJECTS THAT CREATE IMPACT. Explore a selection of event productions, creative environments and experiences delivered by Events Line. SCROLL TO EXPLORE \u2193 SELECTED WORK FEATURED PROJECTS From event production to immersive environments, every project is built around the experience, the audience and the smallest details. 01 HAYAT VILLA 02 EVENT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":37,"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/pages\/120\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}