{"id":7,"date":"2026-10-05T14:44:13","date_gmt":"2026-10-05T14:44:13","guid":{"rendered":"https:\/\/eventslineksa.com\/?page_id=7"},"modified":"2026-10-24T12:36:48","modified_gmt":"2026-10-24T12:36:48","slug":"home","status":"publish","type":"page","link":"https:\/\/eventslineksa.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e67a49 e-con e-atomic-element e-flexbox-base e-default-div e-180a98f \" data-id=\"8e67a49\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e67a49\" data-e-type=\"e-flexbox\" data-id=\"8e67a49\">\n    \t\t<div class=\"elementor-element elementor-element-1d76358 elementor-widget elementor-widget-html\" data-id=\"1d76358\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"el-hero\" id=\"home\">\r\n\r\n    <video class=\"el-hero-video\"\r\n           autoplay\r\n           muted\r\n           loop\r\n           playsinline\r\n           preload=\"metadata\">\r\n        <source src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-05-at-10.39.39-PM.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <div class=\"el-hero-overlay\"><\/div>\r\n\r\n    <div class=\"el-hero-content\">\r\n\r\n        <div class=\"el-hero-tag\">\r\n            EVENTS LINE EST.\r\n        <\/div>\r\n\r\n        <h1>\r\n            WE\r\n            <span class=\"el-color-word\" aria-label=\"COLOR\">\r\n                <span class=\"el-letter-blue\">C<\/span><span class=\"el-letter-green\">O<\/span><span class=\"el-letter-yellow\">L<\/span><span class=\"el-letter-magenta\">O<\/span><span class=\"el-letter-red\">R<\/span>\r\n            <\/span>\r\n            YOUR EVENT\r\n        <\/h1>\r\n\r\n        <p>\r\n            Event Production, Exhibitions & Creative Experiences\r\n            across KSA & BAH.\r\n        <\/p>\r\n\r\n        <div class=\"el-hero-buttons\">\r\n\r\n            <a href=\"#projects\" class=\"el-hero-primary\">\r\n                EXPLORE OUR WORK\r\n                <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"#contact\" class=\"el-hero-secondary\">\r\n                START YOUR EVENT\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"el-hero-bottom\">\r\n        <span>SCROLL TO DISCOVER<\/span>\r\n        <span>KSA&nbsp;&nbsp;\/&nbsp;&nbsp;BAH<\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   PAGE RESET\r\n========================= *\/\r\n\r\nhtml,\r\nbody{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    overflow-x:hidden !important;\r\n}\r\n\r\n\r\n\/* Remove Elementor spacing *\/\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html .elementor-widget-container{\r\n    width:100% !important;\r\n    max-width:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n.el-hero,\r\n.el-hero *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.el-hero{\r\n    width:100vw;\r\n    height:100vh;\r\n    min-height:100vh;\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:#050D14;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =========================\r\n   VIDEO\r\n========================= *\/\r\n\r\n.el-hero-video{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n    object-position:center center;\r\n\r\n    z-index:1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   OVERLAY\r\n========================= *\/\r\n\r\n.el-hero-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,13,20,.90) 0%,\r\n            rgba(5,13,20,.64) 42%,\r\n            rgba(5,13,20,.25) 75%,\r\n            rgba(5,13,20,.40) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================\r\n   CONTENT\r\n========================= *\/\r\n\r\n.el-hero-content{\r\n    width:calc(100% - 80px);\r\n    max-width:1320px;\r\n\r\n    height:100%;\r\n\r\n    margin:0 auto;\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n    align-items:flex-start;\r\n\r\n    padding-top:70px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL LABEL\r\n========================= *\/\r\n\r\n.el-hero-tag{\r\n    margin-bottom:24px;\r\n\r\n    color:rgba(255,255,255,.7);\r\n\r\n    font-size:11px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:3px;\r\n\r\n    animation:heroFadeUp .8s ease both;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TITLE\r\n========================= *\/\r\n\r\n.el-hero h1{\r\n    max-width:900px;\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(60px,7vw,110px);\r\n\r\n    font-weight:700;\r\n\r\n    line-height:.92;\r\n\r\n    letter-spacing:-4px;\r\n\r\n    animation:heroFadeUp .9s .08s ease both;\r\n}\r\n\r\n\r\n\/* =========================\r\n   COLOR \u2014 LOGO COLORS\r\n========================= *\/\r\n\r\n.el-color-word{\r\n    display:inline-block;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n.el-color-word span{\r\n    display:inline;\r\n}\r\n\r\n\r\n\/* C *\/\r\n\r\n.el-letter-blue{\r\n    color:#4991D3;\r\n}\r\n\r\n\r\n\/* O *\/\r\n\r\n.el-letter-green{\r\n    color:#ADC722;\r\n}\r\n\r\n\r\n\/* L *\/\r\n\r\n.el-letter-yellow{\r\n    color:#F6BA22;\r\n}\r\n\r\n\r\n\/* O *\/\r\n\r\n.el-letter-magenta{\r\n    color:#C31776;\r\n}\r\n\r\n\r\n\/* R *\/\r\n\r\n.el-letter-red{\r\n    color:#D01E2C;\r\n}\r\n\r\n\r\n\/* =========================\r\n   DESCRIPTION\r\n========================= *\/\r\n\r\n.el-hero p{\r\n    max-width:560px;\r\n\r\n    margin:28px 0 0;\r\n\r\n    color:rgba(255,255,255,.78);\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.7;\r\n\r\n    font-weight:400;\r\n\r\n    animation:heroFadeUp .9s .16s ease both;\r\n}\r\n\r\n\r\n\/* =========================\r\n   BUTTONS\r\n========================= *\/\r\n\r\n.el-hero-buttons{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n    margin-top:38px;\r\n\r\n    animation:heroFadeUp .9s .24s ease both;\r\n}\r\n\r\n.el-hero-buttons a{\r\n    min-height:52px;\r\n\r\n    padding:0 26px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    border-radius:100px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.8px;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   PRIMARY BUTTON\r\n========================= *\/\r\n\r\n.el-hero-primary{\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n\r\n    border:1px solid #fff;\r\n}\r\n\r\n.el-hero-primary:hover{\r\n    background:transparent;\r\n\r\n    color:#fff;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   SECONDARY BUTTON\r\n========================= *\/\r\n\r\n.el-hero-secondary{\r\n    background:transparent;\r\n\r\n    color:#fff;\r\n\r\n    border:1px solid rgba(255,255,255,.5);\r\n}\r\n\r\n.el-hero-secondary:hover{\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n\r\n    border-color:#fff;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   BOTTOM\r\n========================= *\/\r\n\r\n.el-hero-bottom{\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:30px;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    width:calc(100% - 80px);\r\n    max-width:1320px;\r\n\r\n    z-index:3;\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    color:rgba(255,255,255,.6);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ANIMATION\r\n========================= *\/\r\n\r\n@keyframes heroFadeUp{\r\n\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(30px);\r\n    }\r\n\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .el-hero-content{\r\n        width:calc(100% - 50px);\r\n    }\r\n\r\n    .el-hero-bottom{\r\n        width:calc(100% - 50px);\r\n    }\r\n\r\n    .el-hero h1{\r\n        max-width:700px;\r\n\r\n        letter-spacing:-2px;\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    .el-hero{\r\n        height:100svh;\r\n        min-height:100svh;\r\n    }\r\n\r\n    .el-hero-content{\r\n        width:calc(100% - 30px);\r\n\r\n        padding-top:50px;\r\n    }\r\n\r\n    .el-hero-tag{\r\n        margin-bottom:18px;\r\n\r\n        font-size:9px;\r\n    }\r\n\r\n    .el-hero h1{\r\n        font-size:48px;\r\n\r\n        line-height:.98;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .el-hero p{\r\n        font-size:15px;\r\n\r\n        margin-top:22px;\r\n    }\r\n\r\n    .el-hero-buttons{\r\n        width:100%;\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:stretch;\r\n\r\n        margin-top:28px;\r\n    }\r\n\r\n    .el-hero-buttons a{\r\n        width:100%;\r\n    }\r\n\r\n    .el-hero-bottom{\r\n        width:calc(100% - 30px);\r\n\r\n        bottom:20px;\r\n\r\n        font-size:8px;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================\r\n   ARABIC \/ RTL\r\n========================= *\/\r\n\r\nhtml[dir=\"rtl\"] body,\r\nhtml[dir=\"rtl\"] .ev-header,\r\nhtml[dir=\"rtl\"] .el-hero,\r\nhtml[dir=\"rtl\"] .eventline-about,\r\nhtml[dir=\"rtl\"] .els-ref,\r\nhtml[dir=\"rtl\"] .elp-projects,\r\nhtml[dir=\"rtl\"] .el-ig-cta,\r\nhtml[dir=\"rtl\"] .eventline-clients,\r\nhtml[dir=\"rtl\"] .el-contact,\r\nhtml[dir=\"rtl\"] .el-footer{\r\n    direction:rtl !important;\r\n    font-family:\"Cairo\",sans-serif !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .el-hero-content,\r\nhtml[dir=\"rtl\"] .eventline-about-content,\r\nhtml[dir=\"rtl\"] .elp-head,\r\nhtml[dir=\"rtl\"] .el-ig-cta-copy,\r\nhtml[dir=\"rtl\"] .eventline-clients-head,\r\nhtml[dir=\"rtl\"] .el-contact-left,\r\nhtml[dir=\"rtl\"] .el-footer{\r\n    text-align:right !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .el-hero-buttons,\r\nhtml[dir=\"rtl\"] .el-hero-bottom,\r\nhtml[dir=\"rtl\"] .ev-header-inner,\r\nhtml[dir=\"rtl\"] .ev-nav,\r\nhtml[dir=\"rtl\"] .ev-actions{\r\n    direction:rtl !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] input,\r\nhtml[dir=\"rtl\"] textarea,\r\nhtml[dir=\"rtl\"] select{\r\n    direction:rtl !important;\r\n    text-align:right !important;\r\n    font-family:\"Cairo\",sans-serif !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] h1,\r\nhtml[dir=\"rtl\"] h2,\r\nhtml[dir=\"rtl\"] h3,\r\nhtml[dir=\"rtl\"] h4,\r\nhtml[dir=\"rtl\"] p,\r\nhtml[dir=\"rtl\"] a,\r\nhtml[dir=\"rtl\"] button,\r\nhtml[dir=\"rtl\"] span,\r\nhtml[dir=\"rtl\"] label{\r\n    font-family:\"Cairo\",sans-serif;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .el-ar-color-word{\r\n    display:inline-block;\r\n    background:linear-gradient(90deg,\r\n        #4991D3 0%, #4991D3 20%,\r\n        #ADC722 20%, #ADC722 40%,\r\n        #F6BA22 40%, #F6BA22 60%,\r\n        #C31776 60%, #C31776 80%,\r\n        #D01E2C 80%, #D01E2C 100%);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    -webkit-text-fill-color:transparent;\r\n    color:transparent;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .el-ar-event-word{\r\n    color:#fff;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n    function applyArabicHeroColor(){\r\n        const hero = document.querySelector(\".el-hero\");\r\n        if(!hero) return;\r\n\r\n        const isArabic =\r\n            document.documentElement.dir === \"rtl\" ||\r\n            document.documentElement.lang.toLowerCase().startsWith(\"ar\");\r\n\r\n        if(!isArabic) return;\r\n\r\n        const heading = hero.querySelector(\"h1\");\r\n        if(!heading || heading.dataset.arColorReady === \"1\") return;\r\n\r\n        heading.innerHTML =\r\n            '<span class=\"el-ar-color-word\">\u0646\u0644\u0648\u0651\u0646<\/span> ' +\r\n            '<span class=\"el-ar-event-word\">\u0641\u0639\u0627\u0644\u064a\u062a\u0643<\/span>';\r\n\r\n        heading.dataset.arColorReady = \"1\";\r\n    }\r\n\r\n    if(document.readyState === \"loading\"){\r\n        document.addEventListener(\"DOMContentLoaded\", applyArabicHeroColor);\r\n    }else{\r\n        applyArabicHeroColor();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e44c611 elementor-widget elementor-widget-html\" data-id=\"e44c611\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eventline-about\" id=\"about\">\r\n\r\n    <div class=\"eventline-about-shape shape-one\"><\/div>\r\n    <div class=\"eventline-about-shape shape-two\"><\/div>\r\n\r\n    <div class=\"eventline-about-container\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n        <div class=\"eventline-about-content\">\r\n\r\n            <div class=\"eventline-about-label\">\r\n                WHO WE ARE\r\n            <\/div>\r\n\r\n            <h2>\r\n                EVENT PRODUCTION\r\n                <span>EXPERTS<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"eventline-about-copy\">\r\n\r\n                <p class=\"about-main\">\r\n                    <strong>Events Line<\/strong> is an event production\r\n                    company based in the Eastern Province, providing\r\n                    complete creative and technical solutions for\r\n                    events, exhibitions and live experiences.\r\n                <\/p>\r\n\r\n                <p>\r\n                    From lighting, sound systems and LED screens to\r\n                    stages, booths, 3D mapping and event production,\r\n                    we bring every detail together to deliver\r\n                    professional and memorable experiences.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/about\/\" class=\"eventline-about-btn\">\r\n                READ MORE\r\n                <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT MEDIA -->\r\n        <div class=\"eventline-about-media\">\r\n\r\n            <video\r\n                class=\"eventline-about-video\"\r\n                autoplay\r\n                muted\r\n                loop\r\n                playsinline\r\n                preload=\"metadata\"\r\n            >\r\n\r\n                <source\r\n                    src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-11-at-11.50.39-PM.mp4\"\r\n                    type=\"video\/mp4\"\r\n                >\r\n\r\n            <\/video>\r\n\r\n\r\n            <div class=\"eventline-media-overlay\"><\/div>\r\n\r\n\r\n            <button\r\n                class=\"eventline-play\"\r\n                type=\"button\"\r\n                aria-label=\"Pause video\"\r\n            >\r\n                <span>\u275a\u275a<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =================================\r\n   RESET\r\n================================= *\/\r\n\r\n.eventline-about,\r\n.eventline-about *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.eventline-about a{\r\n    text-decoration:none;\r\n}\r\n\r\n\r\n\/* =================================\r\n   SECTION\r\n================================= *\/\r\n\r\n.eventline-about{\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    padding:75px 0 70px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#4A4D50;\r\n\r\n    color:#F5F5F5;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* =================================\r\n   CONTAINER\r\n================================= *\/\r\n\r\n.eventline-about-container{\r\n    width:calc(100% - 100px);\r\n\r\n    max-width:1400px;\r\n\r\n    margin:0 auto;\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(0,1fr);\r\n\r\n    align-items:center;\r\n\r\n    gap:65px;\r\n}\r\n\r\n\r\n\/* =================================\r\n   CONTENT\r\n================================= *\/\r\n\r\n.eventline-about-content{\r\n    max-width:650px;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.eventline-about-label{\r\n    margin-bottom:16px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:4px;\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n\r\n.eventline-about h2{\r\n    max-width:650px;\r\n\r\n    margin:0 0 26px;\r\n\r\n    color:#F5F5F5;\r\n\r\n    font-size:clamp(42px,3.6vw,60px);\r\n\r\n    font-weight:750;\r\n\r\n    line-height:1.02;\r\n\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.eventline-about h2 span{\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n\r\n\/* =================================\r\n   COPY\r\n================================= *\/\r\n\r\n.eventline-about-copy{\r\n    max-width:650px;\r\n}\r\n\r\n.eventline-about-copy p{\r\n    margin:0 0 16px;\r\n\r\n    color:#B5BBC0;\r\n\r\n    font-size:16px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n.eventline-about-copy .about-main{\r\n    color:#F2F4F5;\r\n\r\n    font-size:17px;\r\n}\r\n\r\n.eventline-about-copy strong{\r\n    font-weight:750;\r\n}\r\n\r\n\r\n\/* =================================\r\n   BUTTON\r\n================================= *\/\r\n\r\n.eventline-about-btn{\r\n    min-width:180px;\r\n    min-height:50px;\r\n\r\n    margin-top:10px;\r\n\r\n    padding:0 24px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:14px;\r\n\r\n    border:1px solid #C31776;\r\n\r\n    border-radius:4px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.5px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.eventline-about-btn span{\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.eventline-about-btn:hover{\r\n    background:#C31776;\r\n\r\n    color:#fff;\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.eventline-about-btn:hover span{\r\n    transform:translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* =================================\r\n   MEDIA\r\n================================= *\/\r\n\r\n.eventline-about-media{\r\n    width:100%;\r\n    height:430px;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:10px;\r\n\r\n    background:#081724;\r\n}\r\n\r\n.eventline-about-media video{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    object-position:center;\r\n\r\n    transform:scale(1.02);\r\n\r\n    transition:\r\n        transform 1s ease;\r\n}\r\n\r\n.eventline-about-media:hover video{\r\n    transform:scale(1.05);\r\n}\r\n\r\n\r\n\/* OVERLAY *\/\r\n\r\n.eventline-media-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:2;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(195,23,118,.32),\r\n            rgba(73,145,211,.08)\r\n        );\r\n}\r\n\r\n\r\n\/* =================================\r\n   PLAY BUTTON\r\n================================= *\/\r\n\r\n.eventline-play{\r\n    width:72px;\r\n    height:72px;\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:translate(-50%,-50%);\r\n\r\n    z-index:5;\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:0;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#C31776;\r\n\r\n    color:#fff;\r\n\r\n    cursor:pointer;\r\n\r\n    box-shadow:\r\n        0 15px 40px\r\n        rgba(195,23,118,.30);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.eventline-play span{\r\n    font-size:18px;\r\n\r\n    line-height:1;\r\n}\r\n\r\n.eventline-play:hover{\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(1.07);\r\n}\r\n\r\n\r\n\/* =================================\r\n   DECORATIVE CIRCLES\r\n================================= *\/\r\n\r\n.eventline-about-shape{\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    pointer-events:none;\r\n\r\n    z-index:1;\r\n}\r\n\r\n.shape-one{\r\n    width:220px;\r\n    height:220px;\r\n\r\n    left:70px;\r\n    top:-60px;\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n}\r\n\r\n.shape-two{\r\n    width:140px;\r\n    height:140px;\r\n\r\n    left:160px;\r\n    bottom:-60px;\r\n\r\n    background:\r\n        rgba(255,255,255,.03);\r\n}\r\n\r\n\r\n\/* =================================\r\n   REVEAL ANIMATION\r\n================================= *\/\r\n\r\n.eventline-about-content,\r\n.eventline-about-media{\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(28px);\r\n\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .7s ease;\r\n}\r\n\r\n.eventline-about.is-visible\r\n.eventline-about-content,\r\n.eventline-about.is-visible\r\n.eventline-about-media{\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n.eventline-about.is-visible\r\n.eventline-about-media{\r\n    transition-delay:.1s;\r\n}\r\n\r\n\r\n\/* =================================\r\n   TABLET\r\n================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .eventline-about{\r\n        padding:70px 0;\r\n    }\r\n\r\n    .eventline-about-container{\r\n        width:\r\n            calc(100% - 50px);\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:45px;\r\n    }\r\n\r\n    .eventline-about-content{\r\n        max-width:800px;\r\n    }\r\n\r\n    .eventline-about-media{\r\n        height:380px;\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    .eventline-about{\r\n        padding:60px 0;\r\n    }\r\n\r\n    .eventline-about-container{\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        gap:35px;\r\n    }\r\n\r\n    .eventline-about-label{\r\n        margin-bottom:14px;\r\n\r\n        font-size:10px;\r\n\r\n        letter-spacing:3px;\r\n    }\r\n\r\n    .eventline-about h2{\r\n        margin-bottom:22px;\r\n\r\n        font-size:38px;\r\n\r\n        letter-spacing:-1.2px;\r\n    }\r\n\r\n    .eventline-about-copy p{\r\n        font-size:14px;\r\n\r\n        line-height:1.6;\r\n    }\r\n\r\n    .eventline-about-copy\r\n    .about-main{\r\n        font-size:15px;\r\n    }\r\n\r\n    .eventline-about-btn{\r\n        width:100%;\r\n\r\n        min-height:50px;\r\n    }\r\n\r\n    .eventline-about-media{\r\n        height:300px;\r\n\r\n        border-radius:8px;\r\n    }\r\n\r\n    .eventline-play{\r\n        width:60px;\r\n        height:60px;\r\n    }\r\n\r\n    .eventline-play span{\r\n        font-size:16px;\r\n    }\r\n\r\n    .shape-one{\r\n        width:150px;\r\n        height:150px;\r\n\r\n        left:-50px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    function initEventLineAbout(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".eventline-about\"\r\n            );\r\n\r\n        if(!section){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =================================\r\n           REVEAL\r\n        ================================= *\/\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n\r\n                    function(entries){\r\n\r\n                        entries.forEach(\r\n                            function(entry){\r\n\r\n                                if(\r\n                                    entry\r\n                                    .isIntersecting\r\n                                ){\r\n\r\n                                    entry\r\n                                    .target\r\n                                    .classList\r\n                                    .add(\r\n                                        \"is-visible\"\r\n                                    );\r\n\r\n                                    observer\r\n                                    .unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold:.12\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            observer.observe(\r\n                section\r\n            );\r\n\r\n        }else{\r\n\r\n            section\r\n                .classList\r\n                .add(\r\n                    \"is-visible\"\r\n                );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================\r\n           VIDEO PLAY \/ PAUSE\r\n        ================================= *\/\r\n\r\n        const video =\r\n            section.querySelector(\r\n                \".eventline-about-video\"\r\n            );\r\n\r\n        const button =\r\n            section.querySelector(\r\n                \".eventline-play\"\r\n            );\r\n\r\n\r\n        if(video && button){\r\n\r\n            button.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    if(video.paused){\r\n\r\n                        video.play();\r\n\r\n                        button.innerHTML =\r\n                            \"<span>\u275a\u275a<\/span>\";\r\n\r\n                        button.setAttribute(\r\n                            \"aria-label\",\r\n                            \"Pause video\"\r\n                        );\r\n\r\n                    }else{\r\n\r\n                        video.pause();\r\n\r\n                        button.innerHTML =\r\n                            \"<span>\u25b6<\/span>\";\r\n\r\n                        button.setAttribute(\r\n                            \"aria-label\",\r\n                            \"Play video\"\r\n                        );\r\n\r\n                    }\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        ===\r\n        \"loading\"\r\n    ){\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initEventLineAbout\r\n        );\r\n\r\n    }else{\r\n\r\n        initEventLineAbout();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5854137 elementor-widget elementor-widget-html\" data-id=\"5854137\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"els-ref\" id=\"services\">\n\n    <!-- =========================\n         BACKGROUNDS\n    ========================== -->\n\n    <div class=\"els-backgrounds\">\n\n        <!-- EVENT -->\n        <div\n            class=\"els-bg active\"\n            style=\"background-image:url('https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-5-2026-09_26_45-PM-1.png');\">\n        <\/div>\n\n        <!-- CREATIVE -->\n        <div\n            class=\"els-bg\"\n            style=\"background-image:url('https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-5-2026-09_26_47-PM-2.png');\">\n        <\/div>\n\n        <!-- MEDIA -->\n        <div\n            class=\"els-bg\"\n            style=\"background-image:url('https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-5-2026-09_26_49-PM-3.png');\">\n        <\/div>\n\n    <\/div>\n\n    <div class=\"els-overlay\"><\/div>\n\n\n    <!-- PREVIOUS -->\n    <button class=\"els-side-arrow els-prev\" aria-label=\"Previous\">\n        \u2039\n    <\/button>\n\n    <!-- NEXT -->\n    <button class=\"els-side-arrow els-next\" aria-label=\"Next\">\n        \u203a\n    <\/button>\n\n\n    <div class=\"els-container\">\n\n        <div class=\"els-slides\">\n\n\n            <!-- ==================================================\n                 EVENT SOLUTIONS\n            =================================================== -->\n\n            <div class=\"els-slide active\">\n\n                <div class=\"els-heading\">\n\n                    <span>OUR SERVICES<\/span>\n\n                    <h2>\n                        EVENT <b>SOLUTIONS<\/b>\n                    <\/h2>\n\n                    <p>\n                        Complete technical production solutions for\n                        events, exhibitions and live experiences.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"els-cards six\">\n\n                    <!-- Lighting -->\n                    <button\n                        class=\"els-card active\"\n                        data-description=\"Professional lighting solutions designed to transform venues, stages and event environments.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M9 18h6M10 22h4M8 14c-1.3-1.1-2-2.8-2-4.5a6 6 0 1 1 12 0c0 1.7-.7 3.4-2 4.5-.8.7-1 1.2-1 2H9c0-.8-.2-1.3-1-2z\"\/>\n                        <\/svg>\n\n                        <strong>Lighting<\/strong>\n\n                    <\/button>\n\n\n                    <!-- Sound -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Professional sound systems for events, conferences, exhibitions and live productions.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M11 5 6 9H3v6h3l5 4V5z\"\/>\n                            <path d=\"M15 9c1 1 1 5 0 6M18 6c3 3 3 9 0 12\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Sound<br>Systems\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Screens -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"High-impact LED screen solutions for stages, exhibitions, conferences and branded environments.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"1\"\/>\n                            <path d=\"M8 21h8M12 17v4\"\/>\n                        <\/svg>\n\n                        <strong>\n                            LED<br>Screens\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Stage -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Professional stage structures and truss systems engineered for safe and impactful event production.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 21V6M20 21V6M4 6h16M7 6l5-4 5 4M6 17h12M8 21v-4M16 21v-4\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Stages &<br>Truss\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Projectors -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Professional projection solutions for presentations, conferences and immersive visual environments.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/>\n                            <circle cx=\"16\" cy=\"12\" r=\"3\"\/>\n                            <path d=\"M7 10h2M7 14h2\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Projectors\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- 3D -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Creative 3D mapping solutions transforming physical spaces into immersive visual experiences.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m3 6 5-2 8 3 5-2v13l-5 2-8-3-5 2V6z\"\/>\n                            <path d=\"M8 4v13M16 7v13\"\/>\n                        <\/svg>\n\n                        <strong>\n                            3D<br>Mapping\n                        <\/strong>\n\n                    <\/button>\n\n                <\/div>\n\n\n                <div class=\"els-description\">\n\n                    <i><\/i>\n\n                    <p>\n                        Professional lighting solutions designed to\n                        transform venues, stages and event environments.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- ==================================================\n                 CREATIVE SOLUTIONS\n            =================================================== -->\n\n            <div class=\"els-slide\">\n\n                <div class=\"els-heading\">\n\n                    <span>OUR SERVICES<\/span>\n\n                    <h2>\n                        CREATIVE <b>SOLUTIONS<\/b>\n                    <\/h2>\n\n                    <p>\n                        Creative design and spatial solutions developed\n                        around your brand and event experience.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"els-cards four\">\n\n                    <!-- Booth -->\n                    <button\n                        class=\"els-card active\"\n                        data-description=\"Custom exhibition booth concepts designed to create a strong and memorable brand presence.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 21V6l8-3 8 3v15M4 9h16M8 21v-7h8v7\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Booth<br>Design\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Event design -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Creative event concepts and environments developed around your audience and event objectives.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 20h16M6 20V9l6-5 6 5v11M9 20v-6h6v6\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Event<br>Design\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Interior -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Interior concepts combining creative spatial design, functionality and premium aesthetics.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 21V5h16v16M4 14h16M9 14v7M15 14v7\"\/>\n                            <path d=\"M7 9h3M14 9h3\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Interior<br>Design\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Branding -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Graphic design and branding solutions created for events, exhibitions and brand activations.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 3 3 8l9 5 9-5-9-5z\"\/>\n                            <path d=\"m3 12 9 5 9-5M3 16l9 5 9-5\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Graphic &<br>Branding\n                        <\/strong>\n\n                    <\/button>\n\n                <\/div>\n\n\n                <div class=\"els-description\">\n\n                    <i><\/i>\n\n                    <p>\n                        Custom exhibition booth concepts designed to create\n                        a strong and memorable brand presence.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- ==================================================\n                 MEDIA SOLUTIONS\n            =================================================== -->\n\n            <div class=\"els-slide\">\n\n                <div class=\"els-heading\">\n\n                    <span>OUR SERVICES<\/span>\n\n                    <h2>\n                        MEDIA <b>SOLUTIONS<\/b>\n                    <\/h2>\n\n                    <p>\n                        Professional media and entertainment services\n                        that capture and enhance your event experience.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"els-cards five\">\n\n                    <!-- Photo -->\n                    <button\n                        class=\"els-card active\"\n                        data-description=\"Professional event photography capturing every important moment, atmosphere and detail of your event.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 7h4l2-3h4l2 3h4v13H4V7z\"\/>\n                            <circle cx=\"12\" cy=\"13\" r=\"4\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Photography\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Video -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Creative video editing and post-production services for events, promotional content and brand experiences.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 19h4L19 8l-4-4L4 15v4z\"\/>\n                            <path d=\"m13 6 4 4M4 21h16\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Editing &<br>Production\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- DJ -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Professional DJ entertainment solutions tailored to your event atmosphere and audience.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"7\" cy=\"16\" r=\"3\"\/>\n                            <circle cx=\"17\" cy=\"16\" r=\"3\"\/>\n                            <path d=\"M10 16V5h8M20 5v11\"\/>\n                        <\/svg>\n\n                        <strong>\n                            DJ<br>Services\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Band -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Live musical bands and entertainment solutions selected around each event experience.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M9 18V5l11-2v13\"\/>\n                            <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n                            <circle cx=\"17\" cy=\"16\" r=\"3\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Musical<br>Bands\n                        <\/strong>\n\n                    <\/button>\n\n\n                    <!-- Organizer -->\n                    <button\n                        class=\"els-card\"\n                        data-description=\"Professional event organizers providing coordination and on-ground support throughout your event.\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n                            <circle cx=\"16\" cy=\"8\" r=\"3\"\/>\n                            <path d=\"M3 20v-2c0-3 2-5 5-5s5 2 5 5v2M13 20v-2c0-2-.7-3.5-2-4.5M16 13c3 0 5 2 5 5v2\"\/>\n                        <\/svg>\n\n                        <strong>\n                            Event<br>Organizers\n                        <\/strong>\n\n                    <\/button>\n\n                <\/div>\n\n\n                <div class=\"els-description\">\n\n                    <i><\/i>\n\n                    <p>\n                        Professional event photography capturing every\n                        important moment, atmosphere and detail of your event.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- DOTS -->\n        <div class=\"els-dots\">\n\n            <button class=\"active\" data-index=\"0\"><\/button>\n            <button data-index=\"1\"><\/button>\n            <button data-index=\"2\"><\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   RESET\n===================================================== *\/\n\n.els-ref,\n.els-ref *{\n    box-sizing:border-box;\n}\n\n.els-ref{\n    --pink:#e41473;\n\n    width:100vw;\n    max-width:none;\n    min-height:650px;\n\n    position:relative;\n\n    left:50%;\n    right:50%;\n\n    margin-left:-50vw;\n    margin-right:-50vw;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n\n    padding:55px 0 32px;\n\n    background:#03060c;\n\n    color:white;\n\n    font-family:\"Manrope\",sans-serif;\n\n    direction:ltr;\n}\n\n\n\/* =====================================================\n   BACKGROUNDS\n===================================================== *\/\n\n.els-backgrounds,\n.els-bg,\n.els-overlay{\n    position:absolute;\n    inset:0;\n}\n\n.els-backgrounds{\n    z-index:0;\n}\n\n.els-bg{\n    background-size:cover;\n    background-position:center center;\n\n    opacity:0;\n\n    transform:scale(1.04);\n\n    transition:\n        opacity .9s ease,\n        transform 1.5s ease;\n}\n\n.els-bg.active{\n    opacity:1;\n\n    transform:scale(1);\n}\n\n\n\/* DARK OVERLAY *\/\n\n.els-overlay{\n    z-index:1;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(2,5,11,.91) 0%,\n            rgba(3,6,13,.73) 30%,\n            rgba(3,6,13,.64) 50%,\n            rgba(3,6,13,.73) 70%,\n            rgba(2,5,11,.91) 100%\n        );\n}\n\n.els-overlay::after{\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        radial-gradient(\n            ellipse at center,\n            transparent 0%,\n            rgba(0,0,0,.05) 43%,\n            rgba(0,0,0,.45) 100%\n        );\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.els-container{\n    width:100%;\n    max-width:1100px;\n\n    min-height:540px;\n\n    position:relative;\n\n    z-index:5;\n\n    margin:auto;\n\n    display:flex;\n    flex-direction:column;\n\n    justify-content:center;\n}\n\n\n\/* =====================================================\n   SLIDES\n===================================================== *\/\n\n.els-slides{\n    position:relative;\n\n    width:100%;\n}\n\n.els-slide{\n    width:100%;\n\n    display:none;\n\n    opacity:0;\n\n    transform:translateX(60px);\n\n    transition:.55s ease;\n}\n\n.els-slide.active{\n    display:block;\n\n    animation:\n        elsSlideIn .65s\n        cubic-bezier(.2,.75,.25,1)\n        forwards;\n}\n\n@keyframes elsSlideIn{\n\n    from{\n        opacity:0;\n        transform:translateX(60px);\n    }\n\n    to{\n        opacity:1;\n        transform:translateX(0);\n    }\n\n}\n\n\n\/* =====================================================\n   HEADING\n===================================================== *\/\n\n.els-heading{\n    margin-bottom:32px;\n\n    text-align:center;\n}\n\n.els-heading > span{\n    display:block;\n\n    margin-bottom:12px;\n\n    color:rgba(255,255,255,.92);\n\n    font-size:9px;\n    font-weight:700;\n\n    letter-spacing:4px;\n}\n\n.els-heading h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(34px,3.3vw,50px);\n\n    font-weight:800;\n\n    line-height:1;\n\n    letter-spacing:-1.7px;\n\n    text-transform:uppercase;\n}\n\n.els-heading h2 b{\n    color:var(--pink);\n\n    text-shadow:\n        0 0 11px rgba(228,20,115,.42);\n\n    font-weight:800;\n}\n\n\/* Arabic service heading order *\/\nhtml[dir=\"rtl\"] .els-heading h2{\n    direction:rtl !important;\n    unicode-bidi:normal;\n}\n\nhtml[dir=\"rtl\"] .els-ar-heading{\n    display:inline-flex;\n    flex-direction:row;\n    direction:rtl;\n    align-items:baseline;\n    gap:.22em;\n}\n\nhtml[dir=\"rtl\"] .els-ar-heading > b{\n    order:0;\n}\n\nhtml[dir=\"rtl\"] .els-ar-heading > span{\n    order:1;\n}\n\n.els-heading p{\n    margin:16px 0 0;\n\n    color:rgba(255,255,255,.82);\n\n    font-size:11px;\n}\n\n\n\/* =====================================================\n   CARDS\n===================================================== *\/\n\n.els-cards{\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:9px;\n\n    min-height:175px;\n}\n\n\n\/* CARD *\/\n\n.els-card{\n    width:118px;\n    height:140px;\n\n    flex:0 0 auto;\n\n    padding:16px 8px 13px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:14px;\n\n    border:\n        1px solid rgba(255,255,255,.11);\n\n    border-radius:8px;\n\n    background:\n        rgba(1,5,10,.78);\n\n    backdrop-filter:blur(7px);\n\n    -webkit-backdrop-filter:blur(7px);\n\n    color:#fff;\n\n    cursor:pointer;\n\n    transition:\n        width .32s ease,\n        height .32s ease,\n        transform .32s ease,\n        border-color .32s ease,\n        background .32s ease,\n        box-shadow .32s ease;\n}\n\n\n\/* ICON *\/\n\n.els-card svg{\n    width:31px;\n    height:31px;\n\n    fill:none;\n\n    stroke:var(--pink);\n\n    stroke-width:1.7;\n\n    stroke-linecap:round;\n    stroke-linejoin:round;\n\n    transition:.3s ease;\n}\n\n\n\/* TITLE *\/\n\n.els-card strong{\n    color:#fff;\n\n    font-size:10px;\n\n    font-weight:650;\n\n    line-height:1.25;\n\n    text-align:center;\n}\n\n\n\/* ACTIVE *\/\n\n.els-card.active{\n    width:135px;\n    height:160px;\n\n    transform:translateY(-5px);\n\n    border-color:var(--pink);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(228,20,115,.42),\n            rgba(35,4,20,.91)\n        );\n\n    box-shadow:\n        0 0 24px rgba(228,20,115,.24),\n        inset 0 0 25px rgba(228,20,115,.08);\n}\n\n.els-card.active svg{\n    width:38px;\n    height:38px;\n\n    stroke:#ff177b;\n\n    filter:\n        drop-shadow(\n            0 0 6px\n            rgba(255,23,123,.55)\n        );\n}\n\n.els-card:hover:not(.active){\n    border-color:\n        rgba(228,20,115,.65);\n\n    transform:translateY(-3px);\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.els-description{\n    width:76%;\n\n    min-height:55px;\n\n    margin:7px auto 0;\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    padding:\n        12px 26px\n        12px 31px;\n\n    overflow:hidden;\n\n    border-radius:2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(100,5,53,.45),\n            rgba(53,5,33,.35),\n            rgba(100,5,53,.42)\n        );\n}\n\n.els-description::before{\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(228,20,115,.06),\n            transparent,\n            rgba(228,20,115,.06)\n        );\n\n    pointer-events:none;\n}\n\n.els-description i{\n    width:2px;\n\n    position:absolute;\n\n    left:0;\n    top:0;\n    bottom:0;\n\n    background:#ff1476;\n\n    box-shadow:\n        0 0 10px\n        rgba(255,20,118,.8);\n}\n\n.els-description p{\n    position:relative;\n\n    margin:0;\n\n    color:rgba(255,255,255,.91);\n\n    font-size:10px;\n\n    line-height:1.55;\n\n    transition:.2s ease;\n}\n\n\n\/* =====================================================\n   SIDE ARROWS\n===================================================== *\/\n\n.els-side-arrow{\n    width:65px;\n    height:120px;\n\n    position:absolute;\n\n    top:50%;\n\n    z-index:20;\n\n    transform:translateY(-50%);\n\n    padding:0;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border:0;\n\n    background:transparent;\n\n    color:var(--pink);\n\n    font-family:Arial,sans-serif;\n\n    font-size:86px;\n\n    font-weight:200;\n\n    line-height:1;\n\n    cursor:pointer;\n\n    opacity:.95;\n\n    text-shadow:\n        0 0 10px\n        rgba(228,20,115,.35);\n\n    transition:.25s ease;\n}\n\n.els-prev{\n    left:10px;\n}\n\n.els-next{\n    right:10px;\n}\n\n.els-prev:hover{\n    transform:\n        translate(-5px,-50%);\n}\n\n.els-next:hover{\n    transform:\n        translate(5px,-50%);\n}\n\n\n\/* =====================================================\n   DOTS\n===================================================== *\/\n\n.els-dots{\n    margin-top:26px;\n\n    display:flex;\n\n    justify-content:center;\n    align-items:center;\n\n    gap:8px;\n}\n\n.els-dots button{\n    width:7px;\n    height:7px;\n\n    padding:0;\n\n    border:0;\n\n    border-radius:20px;\n\n    background:\n        rgba(255,255,255,.55);\n\n    cursor:pointer;\n\n    transition:.3s ease;\n}\n\n.els-dots button.active{\n    width:34px;\n\n    background:var(--pink);\n\n    box-shadow:\n        0 0 10px\n        rgba(228,20,115,.45);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n    .els-ref{\n        min-height:650px;\n    }\n\n    .els-container{\n        width:calc(100% - 100px);\n\n        max-width:none;\n    }\n\n    .els-cards{\n        justify-content:flex-start;\n\n        overflow-x:auto;\n\n        padding:\n            10px\n            calc(50% - 68px)\n            14px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .els-cards::-webkit-scrollbar{\n        display:none;\n    }\n\n    .els-card{\n        scroll-snap-align:center;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:650px){\n\n    .els-ref{\n        min-height:610px;\n\n        padding:45px 0 25px;\n    }\n\n    .els-container{\n        width:100%;\n    }\n\n    .els-heading{\n        padding:0 40px;\n\n        margin-bottom:24px;\n    }\n\n    .els-heading h2{\n        font-size:30px;\n    }\n\n    .els-heading p{\n        font-size:10px;\n\n        line-height:1.45;\n    }\n\n    .els-cards{\n        min-height:155px;\n\n        padding-left:\n            calc(50% - 60px);\n\n        padding-right:\n            calc(50% - 60px);\n    }\n\n    .els-card{\n        width:105px;\n        height:125px;\n    }\n\n    .els-card.active{\n        width:120px;\n        height:145px;\n    }\n\n    .els-description{\n        width:calc(100% - 90px);\n\n        min-height:60px;\n\n        margin-top:3px;\n\n        padding:\n            11px 18px\n            11px 23px;\n    }\n\n    .els-description p{\n        font-size:9px;\n    }\n\n    .els-side-arrow{\n        width:35px;\n\n        font-size:62px;\n    }\n\n    .els-prev{\n        left:0;\n    }\n\n    .els-next{\n        right:0;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n    function initEventLineServices(){\n\n        const section =\n            document.querySelector(\".els-ref\");\n\n        if(!section) return;\n\n\n        \/* =========================\n           ELEMENTS\n        ========================= *\/\n\n        const slides =\n            Array.from(\n                section.querySelectorAll(\n                    \".els-slide\"\n                )\n            );\n\n        const backgrounds =\n            Array.from(\n                section.querySelectorAll(\n                    \".els-bg\"\n                )\n            );\n\n        const dots =\n            Array.from(\n                section.querySelectorAll(\n                    \".els-dots button\"\n                )\n            );\n\n        const previous =\n            section.querySelector(\n                \".els-prev\"\n            );\n\n        const next =\n            section.querySelector(\n                \".els-next\"\n            );\n\n                let current = 0;\n\n        const isArabic =\n            document.documentElement.dir === \"rtl\" ||\n            document.documentElement.lang.toLowerCase().startsWith(\"ar\");\n\n        if(isArabic){\n            const arabicHeadings = [\n                \"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\",\n                \"\u0625\u0628\u062f\u0627\u0639\u064a\u0629\",\n                \"\u0627\u0644\u0625\u0639\u0644\u0627\u0645\"\n            ];\n\n            slides.forEach(function(slide, index){\n                const heading = slide.querySelector(\".els-heading h2\");\n                if(!heading) return;\n\n                const rest = arabicHeadings[index] || \"\";\n\n                heading.innerHTML =\n                    '<span class=\"els-ar-heading\" translate=\"no\">' +\n                        '<b>\u062d\u0644\u0648\u0644<\/b>' +\n                        '<span>' + rest + '<\/span>' +\n                    '<\/span>';\n            });\n        }\n\n        const descriptionsAr = {\n            \"Professional lighting solutions designed to transform venues, stages and event environments.\": \"\u062d\u0644\u0648\u0644 \u0625\u0636\u0627\u0621\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u0627\u0631\u062d \u0648\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0628\u0635\u0631\u064a\u0629 \u0645\u0645\u064a\u0632\u0629.\",\n            \"Professional sound systems for events, conferences, exhibitions and live productions.\": \"\u0623\u0646\u0638\u0645\u0629 \u0635\u0648\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u064a\u0629.\",\n            \"High-impact LED screen solutions for stages, exhibitions, conferences and branded environments.\": \"\u062d\u0644\u0648\u0644 \u0634\u0627\u0634\u0627\u062a LED \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0644\u0644\u0645\u0633\u0627\u0631\u062d \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.\",\n            \"Professional stage structures and truss systems engineered for safe and impactful event production.\": \"\u0647\u064a\u0627\u0643\u0644 \u0645\u0633\u0627\u0631\u062d \u0648\u0623\u0646\u0638\u0645\u0629 Truss \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u0625\u0646\u062a\u0627\u062c \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0622\u0645\u0646\u0629 \u0648\u0645\u0624\u062b\u0631\u0629.\",\n            \"Professional projection solutions for presentations, conferences and immersive visual environments.\": \"\u062d\u0644\u0648\u0644 \u0639\u0631\u0636 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0627\u0644\u063a\u0627\u0645\u0631\u0629.\",\n            \"Creative 3D mapping solutions transforming physical spaces into immersive visual experiences.\": \"\u062d\u0644\u0648\u0644 \u0639\u0631\u0636 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0628\u0635\u0631\u064a\u0629 \u063a\u0627\u0645\u0631\u0629.\",\n            \"Custom exhibition booth concepts designed to create a strong and memorable brand presence.\": \"\u0645\u0641\u0627\u0647\u064a\u0645 \u0623\u062c\u0646\u062d\u0629 \u0645\u0639\u0627\u0631\u0636 \u0645\u062e\u0635\u0635\u0629 \u062a\u0635\u0646\u0639 \u062d\u0636\u0648\u0631\u064b\u0627 \u0642\u0648\u064a\u064b\u0627 \u0648\u0644\u0627 \u064a\u064f\u0646\u0633\u0649 \u0644\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\",\n            \"Creative event concepts and environments developed around your audience and event objectives.\": \"\u0645\u0641\u0627\u0647\u064a\u0645 \u0648\u0628\u064a\u0626\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u062a\u064f\u0637\u0648\u0651\u0631 \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.\",\n            \"Interior concepts combining creative spatial design, functionality and premium aesthetics.\": \"\u0645\u0641\u0627\u0647\u064a\u0645 \u062a\u0635\u0645\u064a\u0645 \u062f\u0627\u062e\u0644\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0643\u0627\u0646\u064a \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0631\u0627\u0642\u064a\u0629.\",\n            \"Graphic design and branding solutions created for events, exhibitions and brand activations.\": \"\u062d\u0644\u0648\u0644 \u062a\u0635\u0645\u064a\u0645 \u062c\u0631\u0627\u0641\u064a\u0643\u064a \u0648\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u062a\u0641\u0639\u064a\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\",\n            \"Professional event photography capturing every important moment, atmosphere and detail of your event.\": \"\u062a\u0635\u0648\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u064a\u0648\u062b\u0651\u0642 \u0643\u0644 \u0644\u062d\u0638\u0629 \u0645\u0647\u0645\u0629 \u0648\u0623\u062c\u0648\u0627\u0621 \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.\",\n            \"Creative video editing and post-production services for events, promotional content and brand experiences.\": \"\u062e\u062f\u0645\u0627\u062a \u0645\u0648\u0646\u062a\u0627\u062c \u0648\u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0644\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\",\n            \"Professional DJ entertainment solutions tailored to your event atmosphere and audience.\": \"\u062d\u0644\u0648\u0644 \u062a\u0631\u0641\u064a\u0647 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0639 DJ \u0645\u0635\u0645\u0645\u0629 \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0623\u062c\u0648\u0627\u0621 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631.\",\n            \"Live musical bands and entertainment solutions selected around each event experience.\": \"\u0641\u0631\u0642 \u0645\u0648\u0633\u064a\u0642\u064a\u0629 \u062d\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u062a\u0631\u0641\u064a\u0647\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062a\u062c\u0631\u0628\u0629 \u0643\u0644 \u0641\u0639\u0627\u0644\u064a\u0629.\",\n            \"Professional event organizers providing coordination and on-ground support throughout your event.\": \"\u0645\u0646\u0638\u0645\u0648 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0645\u062d\u062a\u0631\u0641\u0648\u0646 \u064a\u0642\u062f\u0645\u0648\u0646 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a \u0637\u0648\u0627\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629.\"\n        };\n\n\n\n        \/* =========================\n           CHANGE SLIDE\n        ========================= *\/\n\n        function showSlide(index){\n\n            if(index < 0){\n                index = slides.length - 1;\n            }\n\n            if(index >= slides.length){\n                index = 0;\n            }\n\n\n            slides.forEach(\n                function(slide,i){\n\n                    slide.classList.toggle(\n                        \"active\",\n                        i === index\n                    );\n\n                }\n            );\n\n\n            backgrounds.forEach(\n                function(background,i){\n\n                    background.classList.toggle(\n                        \"active\",\n                        i === index\n                    );\n\n                }\n            );\n\n\n            dots.forEach(\n                function(dot,i){\n\n                    dot.classList.toggle(\n                        \"active\",\n                        i === index\n                    );\n\n                }\n            );\n\n\n            current = index;\n\n        }\n\n\n        \/* =========================\n           ARROWS\n        ========================= *\/\n\n        previous.addEventListener(\n            \"click\",\n            function(){\n\n                showSlide(\n                    current - 1\n                );\n\n            }\n        );\n\n\n        next.addEventListener(\n            \"click\",\n            function(){\n\n                showSlide(\n                    current + 1\n                );\n\n            }\n        );\n\n\n        \/* =========================\n           DOTS\n        ========================= *\/\n\n        dots.forEach(\n            function(dot){\n\n                dot.addEventListener(\n                    \"click\",\n                    function(){\n\n                        showSlide(\n                            Number(\n                                dot.dataset.index\n                            )\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =========================\n           SERVICE CARDS\n        ========================= *\/\n\n        slides.forEach(\n            function(slide){\n\n                const cards =\n                    Array.from(\n                        slide.querySelectorAll(\n                            \".els-card\"\n                        )\n                    );\n\n                const description =\n                    slide.querySelector(\n                        \".els-description p\"\n                    );\n\n\n                cards.forEach(\n                    function(card){\n\n                        card.addEventListener(\n                            \"click\",\n                            function(){\n\n                                cards.forEach(\n                                    function(item){\n\n                                        item.classList\n                                        .remove(\"active\");\n\n                                    }\n                                );\n\n\n                                card.classList\n                                .add(\"active\");\n\n\n                                description.style.opacity =\n                                    \"0\";\n\n                                description.style.transform =\n                                    \"translateY(4px)\";\n\n\n                                setTimeout(\n                                    function(){\n\n                                        const englishDescription =\n                                            card.dataset.description;\n\n                                        description.textContent =\n                                            isArabic\n                                                ? (descriptionsAr[englishDescription] || englishDescription)\n                                                : englishDescription;\n\n                                        description.style.opacity =\n                                            \"1\";\n\n                                        description.style.transform =\n                                            \"translateY(0)\";\n\n                                    },\n                                    140\n                                );\n\n                            }\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* INITIAL *\/\n\n        showSlide(0);\n\n    }\n\n\n    if(\n        document.readyState ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initEventLineServices\n        );\n\n    }else{\n\n        initEventLineServices();\n\n    }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e36ceb4 elementor-widget elementor-widget-html\" data-id=\"e36ceb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"elp-projects\" id=\"projects\">\r\n\r\n    <div class=\"elp-inner\">\r\n\r\n        <div class=\"elp-head\">\r\n\r\n            <div>\r\n                <span>OUR WORK<\/span>\r\n\r\n                <h2>\r\n                    FEATURED\r\n                    <b>PROJECTS<\/b>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p>\r\n                A selection of event production and visual experiences\r\n                delivered by Events Line.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"elp-grid\">\r\n\r\n            <!-- ======================\r\n                 PROJECT 1\r\n            ======================= -->\r\n\r\n            <a\r\n                href=\"\/projects\/#hayat-villa\"\r\n                class=\"elp-project elp-project-main\"\r\n            >\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 class=\"elp-overlay\"><\/div>\r\n\r\n                <div class=\"elp-project-top\">\r\n                    <span>01<\/span>\r\n                    <span>EVENT PRODUCTION<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"elp-project-info\">\r\n\r\n                    <div>\r\n                        <small>FEATURED PROJECT<\/small>\r\n\r\n                        <h3>HAYAT VILLA<\/h3>\r\n                    <\/div>\r\n\r\n                    <div class=\"elp-view\">\r\n                        VIEW PROJECT\r\n                        <span>\u2197<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- ======================\r\n                 PROJECT 2\r\n            ======================= -->\r\n\r\n            <a\r\n                href=\"\/projects\/#event-experience\"\r\n                class=\"elp-project elp-project-secondary\"\r\n            >\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 Production\"\r\n                >\r\n\r\n                <div class=\"elp-overlay\"><\/div>\r\n\r\n                <div class=\"elp-project-top\">\r\n                    <span>02<\/span>\r\n                    <span>LIVE EVENT<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"elp-project-info\">\r\n\r\n                    <div>\r\n                        <small>EVENT PRODUCTION<\/small>\r\n\r\n                        <h3>EVENT EXPERIENCE<\/h3>\r\n                    <\/div>\r\n\r\n                    <div class=\"elp-view\">\r\n                        VIEW PROJECT\r\n                        <span>\u2197<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ======================\r\n             SMALL PREVIEW STRIP\r\n        ======================= -->\r\n\r\n        <div class=\"elp-preview-strip\">\r\n\r\n            <div class=\"elp-preview-image\">\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            <\/div>\r\n\r\n            <div class=\"elp-preview-image\">\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 project\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"elp-preview-image\">\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            <\/div>\r\n\r\n            <div class=\"elp-preview-image\">\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 project\"\r\n                >\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"elp-footer\">\r\n\r\n            <p>\r\n                Explore more of our latest work and event productions.\r\n            <\/p>\r\n\r\n            <a href=\"\/projects\/\" class=\"elp-all-projects\">\r\n                VIEW ALL PROJECTS\r\n                <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   BASE\r\n========================================== *\/\r\n\r\n.elp-projects,\r\n.elp-projects *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.elp-projects{\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    padding:95px 0 85px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#4A4D50;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n.elp-inner{\r\n    width:calc(100% - 100px);\r\n    max-width:1400px;\r\n\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   HEADING\r\n========================================== *\/\r\n\r\n.elp-head{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(320px,.65fr);\r\n\r\n    align-items:end;\r\n\r\n    gap:70px;\r\n\r\n    margin-bottom:55px;\r\n}\r\n\r\n.elp-head > div > span{\r\n    display:block;\r\n\r\n    margin-bottom:14px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:11px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:4px;\r\n}\r\n\r\n.elp-head h2{\r\n    margin:0;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:clamp(48px,5vw,76px);\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.elp-head h2 b{\r\n    display:block;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n.elp-head p{\r\n    max-width:470px;\r\n\r\n    margin:0;\r\n\r\n    color:#D7DADD;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROJECT GRID\r\n========================================== *\/\r\n\r\n.elp-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.25fr\r\n        .75fr;\r\n\r\n    gap:18px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROJECT CARD\r\n========================================== *\/\r\n\r\n.elp-project{\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#081724;\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n}\r\n\r\n.elp-project-main{\r\n    min-height:600px;\r\n}\r\n\r\n.elp-project-secondary{\r\n    min-height:600px;\r\n}\r\n\r\n\r\n\/* image *\/\r\n\r\n.elp-project img{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\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        filter .6s ease;\r\n}\r\n\r\n.elp-project:hover img{\r\n    transform:scale(1.055);\r\n}\r\n\r\n\r\n\/* overlay *\/\r\n\r\n.elp-overlay{\r\n    position:absolute;\r\n\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,.12) 5%,\r\n            rgba(5,13,20,.08) 45%,\r\n            rgba(5,13,20,.84) 100%\r\n        );\r\n\r\n    transition:.4s ease;\r\n}\r\n\r\n.elp-project:hover .elp-overlay{\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(5,13,20,.05),\r\n            rgba(5,13,20,.1) 40%,\r\n            rgba(5,13,20,.9) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TOP INFO\r\n========================================== *\/\r\n\r\n.elp-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,.8);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PROJECT INFO\r\n========================================== *\/\r\n\r\n.elp-project-info{\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:30px;\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.elp-project-info small{\r\n    display:block;\r\n\r\n    margin-bottom:10px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2.4px;\r\n}\r\n\r\n.elp-project-info h3{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:32px;\r\n\r\n    font-weight:750;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-1px;\r\n}\r\n\r\n\r\n\/* view button *\/\r\n\r\n.elp-view{\r\n    flex-shrink:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:10px;\r\n\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.elp-view span{\r\n    width:42px;\r\n    height:42px;\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    transition:.3s ease;\r\n}\r\n\r\n.elp-project:hover\r\n.elp-view span{\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   PREVIEW STRIP\r\n========================================== *\/\r\n\r\n.elp-preview-strip{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    gap:10px;\r\n\r\n    margin-top:10px;\r\n}\r\n\r\n.elp-preview-image{\r\n    height:155px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#081724;\r\n}\r\n\r\n.elp-preview-image img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    filter:saturate(.85);\r\n\r\n    transition:\r\n        transform .7s ease,\r\n        filter .5s ease;\r\n}\r\n\r\n.elp-preview-image:hover img{\r\n    transform:scale(1.07);\r\n\r\n    filter:saturate(1.1);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FOOTER\r\n========================================== *\/\r\n\r\n.elp-footer{\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    margin-top:38px;\r\n}\r\n\r\n.elp-footer p{\r\n    margin:0;\r\n\r\n    color:#D7DADD;\r\n\r\n    font-size:14px;\r\n}\r\n\r\n.elp-all-projects{\r\n    min-height:52px;\r\n\r\n    padding:0 25px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:18px;\r\n\r\n    border:1px solid rgba(255,255,255,.72);\r\n\r\n    border-radius:100px;\r\n\r\n    color:#FFFFFF;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.7px;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.elp-all-projects:hover{\r\n    background:#FFFFFF;\r\n\r\n    color:#081724;\r\n}\r\n\r\n.elp-all-projects span{\r\n    font-size:16px;\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    .elp-projects{\r\n        padding:80px 0;\r\n    }\r\n\r\n    .elp-inner{\r\n        width:calc(100% - 50px);\r\n    }\r\n\r\n    .elp-head{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n    .elp-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .elp-project-main,\r\n    .elp-project-secondary{\r\n        min-height:520px;\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    .elp-projects{\r\n        padding:65px 0;\r\n    }\r\n\r\n    .elp-inner{\r\n        width:calc(100% - 30px);\r\n    }\r\n\r\n    .elp-head{\r\n        margin-bottom:38px;\r\n    }\r\n\r\n    .elp-head h2{\r\n        font-size:43px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .elp-head p{\r\n        font-size:14px;\r\n    }\r\n\r\n    .elp-project-main,\r\n    .elp-project-secondary{\r\n        min-height:430px;\r\n    }\r\n\r\n    .elp-project-info{\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    .elp-project-info h3{\r\n        font-size:26px;\r\n    }\r\n\r\n    .elp-preview-strip{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .elp-preview-image{\r\n        height:120px;\r\n    }\r\n\r\n    .elp-footer{\r\n        flex-direction:column;\r\n\r\n        align-items:stretch;\r\n    }\r\n\r\n    .elp-all-projects{\r\n        justify-content:center;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ab578c elementor-widget elementor-widget-html\" data-id=\"5ab578c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eventline-clients\" id=\"clients\">\r\n\r\n    <div class=\"eventline-clients-head\">\r\n\r\n        <span>TRUSTED BY<\/span>\r\n\r\n        <h2>\r\n            BRANDS THAT\r\n            <b>TRUST US<\/b>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Proud to work with leading companies, organizations\r\n            and institutions across the region.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         ROW 1\r\n    ========================== -->\r\n\r\n    <div class=\"clients-marquee\">\r\n\r\n        <div class=\"clients-track\">\r\n\r\n            <div class=\"clients-group\">\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/saudi_aramco.png\" alt=\"Saudi Aramco\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/dhl.png\" alt=\"DHL\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/schlumberger.png\" alt=\"Schlumberger\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/stc.png\" alt=\"STC\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/zain.png\" alt=\"Zain\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/saudi_electricity_company.png\" alt=\"Saudi Electricity Company\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/royal_commission_jubail_yanbu.png\" alt=\"Royal Commission Jubail Yanbu\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/sadara.png\" alt=\"Sadara\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/arabian_centres.png\" alt=\"Arabian Centres\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/alrashid_mall.png\" alt=\"Al Rashid Mall\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/rekaz_developments.png\" alt=\"Rekaz Developments\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DUPLICATE FOR LOOP -->\r\n\r\n            <div class=\"clients-group\" aria-hidden=\"true\">\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/saudi_aramco.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/dhl.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/schlumberger.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/stc.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/zain.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/saudi_electricity_company.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/royal_commission_jubail_yanbu.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/sadara.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/arabian_centres.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/alrashid_mall.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/rekaz_developments.png\" alt=\"\">\r\n                <\/div>\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         ROW 2\r\n    ========================== -->\r\n\r\n    <div class=\"clients-marquee reverse\">\r\n\r\n        <div class=\"clients-track\">\r\n\r\n            <div class=\"clients-group\">\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/aloula.png\" alt=\"AlUla\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/le_meridien.png\" alt=\"Le Meridien\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ministry_of_defense.png\" alt=\"Ministry of Defense\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/asharqia_chamber.png\" alt=\"Asharqia Chamber\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/napco.png\" alt=\"NAPCO\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ettifaq_club.png\" alt=\"Ettifaq Club\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/virgin.png\" alt=\"Virgin\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/youth_welfare.png\" alt=\"Youth Welfare\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/arabian_horses_show.png\" alt=\"Arabian Horses Show\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/client_arabic_02.png\" alt=\"Client\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/client_emblem_01.png\" alt=\"Client\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DUPLICATE -->\r\n\r\n            <div class=\"clients-group\" aria-hidden=\"true\">\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/aloula.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/le_meridien.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ministry_of_defense.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/asharqia_chamber.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/napco.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/ettifaq_club.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/virgin.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/youth_welfare.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/arabian_horses_show.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/client_arabic_02.png\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"client-logo\">\r\n                    <img decoding=\"async\" src=\"https:\/\/eventslineksa.com\/wp-content\/uploads\/2026\/10\/client_emblem_01.png\" alt=\"\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==============================\r\n   CLIENTS SECTION\r\n============================== *\/\r\n\r\n.eventline-clients,\r\n.eventline-clients *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.eventline-clients{\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    padding:85px 0 80px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#081724;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   HEADING\r\n============================== *\/\r\n\r\n.eventline-clients-head{\r\n    width:calc(100% - 80px);\r\n\r\n    max-width:800px;\r\n\r\n    margin:0 auto 55px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.eventline-clients-head > span{\r\n    display:block;\r\n\r\n    margin-bottom:14px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:4px;\r\n}\r\n\r\n.eventline-clients-head h2{\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(42px,4.2vw,66px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-2.7px;\r\n}\r\n\r\n.eventline-clients-head h2 b{\r\n    display:block;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n.eventline-clients-head p{\r\n    max-width:580px;\r\n\r\n    margin:22px auto 0;\r\n\r\n    color:rgba(255,255,255,.55);\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   MARQUEE\r\n============================== *\/\r\n\r\n.clients-marquee{\r\n    width:100%;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    margin-top:14px;\r\n}\r\n\r\n\r\n\/* FADE SIDES *\/\r\n\r\n.clients-marquee::before,\r\n.clients-marquee::after{\r\n    content:\"\";\r\n\r\n    width:160px;\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    bottom:0;\r\n\r\n    z-index:10;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.clients-marquee::before{\r\n    left:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #081724,\r\n            transparent\r\n        );\r\n}\r\n\r\n.clients-marquee::after{\r\n    right:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            270deg,\r\n            #081724,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* ==============================\r\n   TRACK\r\n============================== *\/\r\n\r\n.clients-track{\r\n    width:max-content;\r\n\r\n    display:flex;\r\n\r\n    gap:14px;\r\n\r\n    animation:\r\n        eventlineClients\r\n        42s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n\/* SECOND ROW *\/\r\n\r\n.clients-marquee.reverse\r\n.clients-track{\r\n    animation-direction:reverse;\r\n\r\n    animation-duration:48s;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   GROUP\r\n============================== *\/\r\n\r\n.clients-group{\r\n    display:flex;\r\n\r\n    gap:14px;\r\n\r\n    flex-shrink:0;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   LOGO CARD\r\n============================== *\/\r\n\r\n.client-logo{\r\n    width:210px;\r\n    height:105px;\r\n\r\n    flex-shrink:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:18px 22px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    border-radius:8px;\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.client-logo img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    max-width:165px;\r\n    max-height:68px;\r\n\r\n    object-fit:contain;\r\n\r\n    opacity:.63;\r\n\r\n    filter:\r\n        grayscale(1)\r\n        brightness(1.3);\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        filter .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.client-logo:hover{\r\n    transform:translateY(-3px);\r\n\r\n    border-color:\r\n        rgba(195,23,118,.55);\r\n\r\n    background:\r\n        rgba(195,23,118,.05);\r\n}\r\n\r\n.client-logo:hover img{\r\n    opacity:1;\r\n\r\n    filter:\r\n        grayscale(0)\r\n        brightness(1.15);\r\n\r\n    transform:scale(1.05);\r\n}\r\n\r\n\r\n\/* PAUSE ANIMATION *\/\r\n\r\n.clients-marquee:hover\r\n.clients-track{\r\n    animation-play-state:paused;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   ANIMATION\r\n============================== *\/\r\n\r\n@keyframes eventlineClients{\r\n\r\n    from{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    to{\r\n        transform:\r\n            translateX(\r\n                calc(-50% - 7px)\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\/* Keep client marquees mechanically LTR on Arabic pages.\r\n   The heading\/copy stays RTL, but the duplicated logo track must\r\n   preserve the same flow and animation math as the English version. *\/\r\nhtml[dir=\"rtl\"] .eventline-clients .clients-marquee,\r\nhtml[dir=\"rtl\"] .eventline-clients .clients-track,\r\nhtml[dir=\"rtl\"] .eventline-clients .clients-group{\r\n    direction:ltr !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .eventline-clients .clients-track,\r\nhtml[dir=\"rtl\"] .eventline-clients .clients-group{\r\n    flex-direction:row !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .eventline-clients .client-logo{\r\n    direction:ltr !important;\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    .eventline-clients{\r\n        padding:75px 0;\r\n    }\r\n\r\n    .eventline-clients-head{\r\n        width:calc(100% - 50px);\r\n\r\n        margin-bottom:45px;\r\n    }\r\n\r\n    .client-logo{\r\n        width:185px;\r\n\r\n        height:95px;\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    .eventline-clients{\r\n        padding:60px 0;\r\n    }\r\n\r\n    .eventline-clients-head{\r\n        width:calc(100% - 30px);\r\n\r\n        margin-bottom:38px;\r\n    }\r\n\r\n    .eventline-clients-head h2{\r\n        font-size:39px;\r\n\r\n        letter-spacing:-1.8px;\r\n    }\r\n\r\n    .eventline-clients-head p{\r\n        font-size:13px;\r\n    }\r\n\r\n    .client-logo{\r\n        width:155px;\r\n\r\n        height:80px;\r\n\r\n        padding:14px;\r\n    }\r\n\r\n    .client-logo img{\r\n        max-width:125px;\r\n\r\n        max-height:52px;\r\n    }\r\n\r\n    .clients-marquee::before,\r\n    .clients-marquee::after{\r\n        width:45px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34009ce elementor-widget elementor-widget-html\" data-id=\"34009ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"el-contact\" id=\"contact\">\r\n\r\n    <div class=\"el-contact-inner\">\r\n\r\n        <!-- =====================================\r\n             LEFT SIDE\r\n        ====================================== -->\r\n\r\n        <div class=\"el-contact-left\">\r\n\r\n            <span class=\"el-contact-label\">\r\n                LET'S WORK TOGETHER\r\n            <\/span>\r\n\r\n            <h2>\r\n                LET\u2019S CREATE\r\n                <span>YOUR NEXT EVENT.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"el-contact-intro\">\r\n                Planning an event, exhibition or brand experience?\r\n                Tell us what you have in mind and our team will get\r\n                in touch with you.\r\n            <\/p>\r\n\r\n\r\n            <!-- CONTACT DETAILS -->\r\n\r\n            <div class=\"el-contact-details\">\r\n\r\n\r\n                <!-- WHATSAPP 1 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966555857711\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"el-contact-item\"\r\n                >\r\n\r\n                    <small>KSA<\/small>\r\n\r\n                    <strong>\r\n                        +966 55 585 7711\r\n                    <\/strong>\r\n\r\n                    <span class=\"el-contact-wa\">\r\n\r\n                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M13.601 2.326A7.854 7.854 0 0 0 8.02 0C3.667 0 .124 3.542.124 7.895c0 1.392.363 2.75 1.054 3.947L.058 15.93l4.184-1.097a7.9 7.9 0 0 0 3.774.961h.003c4.352 0 7.894-3.543 7.894-7.896a7.85 7.85 0 0 0-2.312-5.572zM8.02 14.46a6.58 6.58 0 0 1-3.356-.92l-.24-.142-2.483.651.663-2.42-.156-.249a6.57 6.57 0 0 1-1.007-3.486c0-3.626 2.95-6.576 6.58-6.576a6.52 6.52 0 0 1 4.656 1.931 6.55 6.55 0 0 1 1.922 4.66c-.002 3.626-2.953 6.576-6.58 6.576zm3.615-4.934c-.198-.099-1.17-.578-1.352-.643-.182-.066-.314-.099-.446.099-.132.198-.512.643-.628.775-.116.132-.231.149-.429.05-.198-.1-.836-.308-1.592-.983-.588-.525-.985-1.173-1.1-1.371-.116-.198-.012-.305.087-.404.089-.088.198-.231.297-.347.1-.116.132-.198.198-.33.066-.132.033-.248-.017-.347-.05-.099-.446-1.074-.611-1.47-.16-.388-.323-.335-.446-.341-.116-.006-.248-.007-.38-.007a.729.729 0 0 0-.528.248c-.182.198-.693.677-.693 1.654s.71 1.918.81 2.05c.099.132 1.397 2.132 3.386 2.991.473.204.842.326 1.13.417.475.151.907.13 1.249.079.381-.057 1.17-.479 1.335-.941.165-.462.165-.858.116-.941-.05-.083-.182-.132-.38-.231z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- WHATSAPP 2 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966503872986\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"el-contact-item\"\r\n                >\r\n\r\n                    <small>KSA<\/small>\r\n\r\n                    <strong>\r\n                        +966 50 387 2986\r\n                    <\/strong>\r\n\r\n                    <span class=\"el-contact-wa\">\r\n\r\n                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M13.601 2.326A7.854 7.854 0 0 0 8.02 0C3.667 0 .124 3.542.124 7.895c0 1.392.363 2.75 1.054 3.947L.058 15.93l4.184-1.097a7.9 7.9 0 0 0 3.774.961h.003c4.352 0 7.894-3.543 7.894-7.896a7.85 7.85 0 0 0-2.312-5.572zM8.02 14.46a6.58 6.58 0 0 1-3.356-.92l-.24-.142-2.483.651.663-2.42-.156-.249a6.57 6.57 0 0 1-1.007-3.486c0-3.626 2.95-6.576 6.58-6.576a6.52 6.52 0 0 1 4.656 1.931 6.55 6.55 0 0 1 1.922 4.66c-.002 3.626-2.953 6.576-6.58 6.576zm3.615-4.934c-.198-.099-1.17-.578-1.352-.643-.182-.066-.314-.099-.446.099-.132.198-.512.643-.628.775-.116.132-.231.149-.429.05-.198-.1-.836-.308-1.592-.983-.588-.525-.985-1.173-1.1-1.371-.116-.198-.012-.305.087-.404.089-.088.198-.231.297-.347.1-.116.132-.198.198-.33.066-.132.033-.248-.017-.347-.05-.099-.446-1.074-.611-1.47-.16-.388-.323-.335-.446-.341-.116-.006-.248-.007-.38-.007a.729.729 0 0 0-.528.248c-.182.198-.693.677-.693 1.654s.71 1.918.81 2.05c.099.132 1.397 2.132 3.386 2.991.473.204.842.326 1.13.417.475.151.907.13 1.249.079.381-.057 1.17-.479 1.335-.941.165-.462.165-.858.116-.941-.05-.083-.182-.132-.38-.231z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- WHATSAPP 3 -->\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/9733202986\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"el-contact-item\"\r\n                >\r\n\r\n                    <small>BAHRAIN<\/small>\r\n\r\n                    <strong>\r\n                        +973 320 2986\r\n                    <\/strong>\r\n\r\n                    <span class=\"el-contact-wa\">\r\n\r\n                        <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M13.601 2.326A7.854 7.854 0 0 0 8.02 0C3.667 0 .124 3.542.124 7.895c0 1.392.363 2.75 1.054 3.947L.058 15.93l4.184-1.097a7.9 7.9 0 0 0 3.774.961h.003c4.352 0 7.894-3.543 7.894-7.896a7.85 7.85 0 0 0-2.312-5.572zM8.02 14.46a6.58 6.58 0 0 1-3.356-.92l-.24-.142-2.483.651.663-2.42-.156-.249a6.57 6.57 0 0 1-1.007-3.486c0-3.626 2.95-6.576 6.58-6.576a6.52 6.52 0 0 1 4.656 1.931 6.55 6.55 0 0 1 1.922 4.66c-.002 3.626-2.953 6.576-6.58 6.576zm3.615-4.934c-.198-.099-1.17-.578-1.352-.643-.182-.066-.314-.099-.446.099-.132.198-.512.643-.628.775-.116.132-.231.149-.429.05-.198-.1-.836-.308-1.592-.983-.588-.525-.985-1.173-1.1-1.371-.116-.198-.012-.305.087-.404.089-.088.198-.231.297-.347.1-.116.132-.198.198-.33.066-.132.033-.248-.017-.347-.05-.099-.446-1.074-.611-1.47-.16-.388-.323-.335-.446-.341-.116-.006-.248-.007-.38-.007a.729.729 0 0 0-.528.248c-.182.198-.693.677-.693 1.654s.71 1.918.81 2.05c.099.132 1.397 2.132 3.386 2.991.473.204.842.326 1.13.417.475.151.907.13 1.249.079.381-.057 1.17-.479 1.335-.941.165-.462.165-.858.116-.941-.05-.083-.182-.132-.38-.231z\"\/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- EMAIL -->\r\n\r\n                <a\r\n                    href=\"mailto:hussam@eventslineksa.com\"\r\n                    class=\"el-contact-item\"\r\n                >\r\n\r\n                    <small>EMAIL<\/small>\r\n\r\n                    <strong>\r\n                        hussam@eventslineksa.com\r\n                    <\/strong>\r\n\r\n                    <span class=\"el-contact-arrow\">\r\n                        \u2197\r\n                    <\/span>\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             RIGHT FORM\r\n        ====================================== -->\r\n\r\n        <div class=\"el-contact-form-wrap\">\r\n\r\n            <div class=\"el-contact-form-head\">\r\n\r\n                <span>\r\n                    REQUEST A QUOTE\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Tell us about\r\n                    <br>\r\n                    your event.\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <form class=\"el-contact-form\">\r\n\r\n\r\n                <!-- ROW 1 -->\r\n\r\n                <div class=\"el-form-row\">\r\n\r\n                    <div class=\"el-field\">\r\n\r\n                        <label>\r\n                            Your Name\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            name=\"name\"\r\n                            placeholder=\"Full name\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"el-field\">\r\n\r\n                        <label>\r\n                            Company\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            name=\"company\"\r\n                            placeholder=\"Company name\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ROW 2 -->\r\n\r\n                <div class=\"el-form-row\">\r\n\r\n                    <div class=\"el-field\">\r\n\r\n                        <label>\r\n                            Email\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"email\"\r\n                            name=\"email\"\r\n                            placeholder=\"Email address\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"el-field\">\r\n\r\n                        <label>\r\n                            Phone\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            name=\"phone\"\r\n                            placeholder=\"+966\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- EVENT TYPE -->\r\n\r\n                <div class=\"el-field\">\r\n\r\n                    <label>\r\n                        Event Type\r\n                    <\/label>\r\n\r\n                    <select name=\"event_type\">\r\n\r\n                        <option value=\"\">\r\n                            Select event type\r\n                        <\/option>\r\n\r\n                        <option value=\"Corporate Event\">\r\n                            Corporate Event\r\n                        <\/option>\r\n\r\n                        <option value=\"Exhibition\">\r\n                            Exhibition\r\n                        <\/option>\r\n\r\n                        <option value=\"Booth Design\">\r\n                            Booth Design\r\n                        <\/option>\r\n\r\n                        <option value=\"Event Production\">\r\n                            Event Production\r\n                        <\/option>\r\n\r\n                        <option value=\"Lighting & Sound\">\r\n                            Lighting & Sound\r\n                        <\/option>\r\n\r\n                        <option value=\"Other\">\r\n                            Other\r\n                        <\/option>\r\n\r\n                    <\/select>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- MESSAGE -->\r\n\r\n                <div class=\"el-field\">\r\n\r\n                    <label>\r\n                        Tell us about your event\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        name=\"message\"\r\n                        placeholder=\"Event date, location, requirements...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- BUTTON -->\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"el-submit\"\r\n                >\r\n\r\n                    <span>\r\n                        SEND REQUEST\r\n                    <\/span>\r\n\r\n                    <i>\r\n                        \u2197\r\n                    <\/i>\r\n\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\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\n.el-contact,\r\n.el-contact *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.el-contact{\r\n\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    padding:68px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#4A4D50;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    direction:ltr;\r\n}\r\n\r\n\r\n.el-contact-inner{\r\n\r\n    width:calc(100% - 100px);\r\n\r\n    max-width:1320px;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,.95fr)\r\n        minmax(470px,1.05fr);\r\n\r\n    align-items:center;\r\n\r\n    gap:65px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   LEFT\r\n========================================= *\/\r\n\r\n.el-contact-label{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:15px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:3.5px;\r\n}\r\n\r\n\r\n.el-contact h2{\r\n\r\n    max-width:590px;\r\n\r\n    margin:0;\r\n\r\n    color:#FFFFFF;\r\n\r\n    font-size:clamp(44px,4vw,62px);\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\r\n.el-contact h2 span{\r\n\r\n    display:block;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n\r\n.el-contact-intro{\r\n\r\n    max-width:490px;\r\n\r\n    margin:22px 0 0;\r\n\r\n    color:#D7DADD;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   CONTACT DETAILS\r\n========================================= *\/\r\n\r\n.el-contact-details{\r\n\r\n    max-width:550px;\r\n\r\n    margin-top:36px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n.el-contact-item{\r\n\r\n    min-height:62px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        68px\r\n        1fr\r\n        31px;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    color:#FFFFFF;\r\n\r\n    text-decoration:none;\r\n\r\n    transition:\r\n        padding .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.el-contact-item:hover{\r\n\r\n    padding-left:8px;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n\r\n.el-contact-item small{\r\n\r\n    color:#D0D4D7;\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.3px;\r\n}\r\n\r\n\r\n.el-contact-item strong{\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:600;\r\n\r\n    direction:ltr !important;\r\n    unicode-bidi:isolate !important;\r\n}\r\n\r\n.el-contact-item[href*=\"wa.me\"] strong::after{\r\n    content:\"CALL & WHATSAPP\";\r\n    display:inline-block;\r\n    color:rgba(255,255,255,.46);\r\n    font-size:7px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n    white-space:nowrap;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .el-contact-item[href*=\"wa.me\"] strong::after{\r\n    content:\"\u0627\u062a\u0635\u0627\u0644 \u0648\u0648\u0627\u062a\u0633\u0627\u0628\";\r\n    direction:rtl;\r\n    unicode-bidi:isolate;\r\n    font-family:\"Cairo\",sans-serif;\r\n    letter-spacing:0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   WHATSAPP ICON\r\n========================================= *\/\r\n\r\n.el-contact-wa{\r\n\r\n    width:29px;\r\n    height:29px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:0 !important;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#25D366;\r\n\r\n    color:#fff;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.el-contact-wa svg{\r\n\r\n    width:15px;\r\n    height:15px;\r\n\r\n    display:block;\r\n\r\n    fill:currentColor;\r\n}\r\n\r\n\r\n.el-contact-item:hover\r\n.el-contact-wa{\r\n\r\n    background:#25D366;\r\n\r\n    color:#fff;\r\n\r\n    transform:scale(1.1);\r\n}\r\n\r\n\r\n\r\n\/* EMAIL ARROW *\/\r\n\r\n.el-contact-arrow{\r\n\r\n    width:29px;\r\n    height:29px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.28);\r\n\r\n    border-radius:50%;\r\n\r\n    font-size:11px;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.el-contact-item:hover\r\n.el-contact-arrow{\r\n\r\n    background:#C31776;\r\n\r\n    border-color:#C31776;\r\n\r\n    color:#fff;\r\n\r\n    transform:\r\n        translate(2px,-2px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   FORM CARD\r\n========================================= *\/\r\n\r\n.el-contact-form-wrap{\r\n\r\n    position:relative;\r\n\r\n    padding:40px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:12px;\r\n\r\n    background:#081724;\r\n\r\n    color:#fff;\r\n\r\n    box-shadow:\r\n        0 25px 65px\r\n        rgba(8,23,36,.10);\r\n}\r\n\r\n\r\n.el-contact-form-wrap::before{\r\n\r\n    content:\"\";\r\n\r\n    width:240px;\r\n    height:240px;\r\n\r\n    position:absolute;\r\n\r\n    right:-100px;\r\n    top:-110px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#C31776;\r\n\r\n    filter:blur(90px);\r\n\r\n    opacity:.18;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.el-contact-form-head,\r\n.el-contact-form{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   FORM HEADER\r\n========================================= *\/\r\n\r\n.el-contact-form-head{\r\n\r\n    margin-bottom:28px;\r\n}\r\n\r\n\r\n.el-contact-form-head > span{\r\n\r\n    display:block;\r\n\r\n    margin-bottom:8px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2.5px;\r\n}\r\n\r\n\r\n.el-contact-form-head h3{\r\n\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:31px;\r\n\r\n    font-weight:700;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1.2px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   FORM\r\n========================================= *\/\r\n\r\n.el-contact-form{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:19px;\r\n}\r\n\r\n\r\n.el-form-row{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:18px;\r\n}\r\n\r\n\r\n.el-field{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:7px;\r\n}\r\n\r\n\r\n.el-field label{\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.3px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.el-field input,\r\n.el-field select,\r\n.el-field textarea{\r\n\r\n    width:100%;\r\n\r\n    padding:\r\n        2px 0 10px;\r\n\r\n    border:0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius:0;\r\n\r\n    outline:none;\r\n\r\n    background:transparent;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    font-size:13px;\r\n\r\n    resize:none;\r\n\r\n    transition:\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.el-field textarea{\r\n\r\n    height:65px;\r\n\r\n    min-height:65px;\r\n}\r\n\r\n\r\n.el-field input:focus,\r\n.el-field select:focus,\r\n.el-field textarea:focus{\r\n\r\n    border-color:#C31776;\r\n}\r\n\r\n\r\n.el-field input::placeholder,\r\n.el-field textarea::placeholder{\r\n\r\n    color:\r\n        rgba(255,255,255,.27);\r\n}\r\n\r\n\r\n.el-field select{\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n.el-field select option{\r\n\r\n    background:#081724;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   SEND BUTTON\r\n========================================= *\/\r\n\r\n.el-submit{\r\n\r\n    width:100%;\r\n\r\n    min-height:50px;\r\n\r\n    margin-top:3px;\r\n\r\n    padding:\r\n        0 8px\r\n        0 22px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    border:0;\r\n\r\n    border-radius:100px;\r\n\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.8px;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.el-submit i{\r\n\r\n    width:35px;\r\n    height:35px;\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    transition:.3s ease;\r\n}\r\n\r\n\r\n.el-submit:hover{\r\n\r\n    background:#C31776;\r\n\r\n    color:#fff;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.el-submit:hover i{\r\n\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n\r\n    transform:\r\n        translate(2px,-2px);\r\n}\r\n\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .el-contact{\r\n\r\n        padding:58px 0;\r\n    }\r\n\r\n\r\n    .el-contact-inner{\r\n\r\n        width:calc(100% - 50px);\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:42px;\r\n    }\r\n\r\n\r\n    .el-contact-left{\r\n\r\n        max-width:700px;\r\n    }\r\n\r\n\r\n    .el-contact-form-wrap{\r\n\r\n        max-width:700px;\r\n\r\n        width:100%;\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    .el-contact{\r\n\r\n        padding:48px 0;\r\n    }\r\n\r\n\r\n    .el-contact-inner{\r\n\r\n        width:calc(100% - 30px);\r\n\r\n        gap:35px;\r\n    }\r\n\r\n\r\n    .el-contact-label{\r\n\r\n        margin-bottom:12px;\r\n    }\r\n\r\n\r\n    .el-contact h2{\r\n\r\n        font-size:38px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    .el-contact-intro{\r\n\r\n        margin-top:18px;\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .el-contact-details{\r\n\r\n        margin-top:28px;\r\n    }\r\n\r\n\r\n    .el-contact-item{\r\n\r\n        min-height:58px;\r\n\r\n        grid-template-columns:\r\n            58px\r\n            1fr\r\n            29px;\r\n\r\n        gap:8px;\r\n    }\r\n\r\n\r\n    .el-contact-item strong{\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n\r\n    .el-contact-item small{\r\n\r\n        font-size:6px;\r\n    }\r\n\r\n\r\n    .el-contact-form-wrap{\r\n\r\n        padding:28px 20px;\r\n\r\n        border-radius:10px;\r\n    }\r\n\r\n\r\n    .el-contact-form-head{\r\n\r\n        margin-bottom:24px;\r\n    }\r\n\r\n\r\n    .el-contact-form-head h3{\r\n\r\n        font-size:27px;\r\n    }\r\n\r\n\r\n    .el-contact-form{\r\n\r\n        gap:17px;\r\n    }\r\n\r\n\r\n    .el-form-row{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:17px;\r\n    }\r\n\r\n\r\n    .el-field textarea{\r\n\r\n        height:60px;\r\n\r\n        min-height:60px;\r\n    }\r\n\r\n\r\n    .el-submit{\r\n\r\n        min-height:48px;\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 initEventLineContact(){\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".el-contact\"\r\n            );\r\n\r\n        if(!section){\r\n            return;\r\n        }\r\n\r\n\r\n        \/* ===============================\r\n           TEMPORARY FORM BEHAVIOR\r\n           Connect form later\r\n        =============================== *\/\r\n\r\n        const form =\r\n            section.querySelector(\r\n                \".el-contact-form\"\r\n            );\r\n\r\n\r\n        if(form){\r\n\r\n            form.addEventListener(\r\n                \"submit\",\r\n                function(e){\r\n\r\n                    e.preventDefault();\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            initEventLineContact\r\n        );\r\n\r\n    }else{\r\n\r\n        initEventLineContact();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1851540 elementor-widget elementor-widget-html\" data-id=\"1851540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\r\n     EVENTS LINE \u2014 INSTAGRAM CTA\r\n     Recommended placement:\r\n     After \"Featured Projects\" and before \"Clients\"\r\n=================================================== -->\r\n\r\n<section class=\"el-ig-cta\" id=\"instagram-cta\">\r\n\r\n    <div class=\"el-ig-cta-glow el-ig-cta-glow-one\"><\/div>\r\n    <div class=\"el-ig-cta-glow el-ig-cta-glow-two\"><\/div>\r\n\r\n    <div class=\"el-ig-cta-inner\">\r\n\r\n        <div class=\"el-ig-cta-copy\">\r\n\r\n            <span class=\"el-ig-cta-kicker\">\r\n                MORE PROJECTS \/ INSTAGRAM\r\n            <\/span>\r\n\r\n            <h2>\r\n                WANT TO SEE\r\n                <span>MORE OF OUR WORK?<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Follow Events Line on Instagram for our latest projects,\r\n                event highlights and behind-the-scenes moments.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <a\r\n            class=\"el-ig-cta-button\"\r\n            href=\"https:\/\/www.instagram.com\/reel\/Ddq7HDatlCP\/?stkn=cmQzaHQwc2U1dmR4\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"Follow Events Line on Instagram\"\r\n        >\r\n\r\n            <span class=\"el-ig-cta-button-icon\" aria-hidden=\"true\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n                    <rect\r\n                        x=\"3\"\r\n                        y=\"3\"\r\n                        width=\"18\"\r\n                        height=\"18\"\r\n                        rx=\"5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n                    <circle\r\n                        cx=\"12\"\r\n                        cy=\"12\"\r\n                        r=\"4\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"1.8\"\r\n                    \/>\r\n                    <circle\r\n                        cx=\"17.6\"\r\n                        cy=\"6.7\"\r\n                        r=\"1\"\r\n                        fill=\"currentColor\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"el-ig-cta-button-text\">\r\n\r\n                <small>\r\n                    VIEW OUR LATEST WORK\r\n                <\/small>\r\n\r\n                <strong>\r\n                    FOLLOW ON INSTAGRAM\r\n                <\/strong>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"el-ig-cta-button-arrow\">\r\n                \u2197\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==================================================\r\n   ROOT \/ FULL WIDTH\r\n================================================== *\/\r\n\r\n.el-ig-cta,\r\n.el-ig-cta *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.el-ig-cta{\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    padding:88px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            #050D14 0%,\r\n            #081724 60%,\r\n            #0A1D2C 100%\r\n        );\r\n\r\n    color:#fff;\r\n\r\n    font-family:\"Manrope\",sans-serif;\r\n    direction:ltr;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   DECORATION\r\n================================================== *\/\r\n\r\n.el-ig-cta::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    z-index:-3;\r\n\r\n    opacity:.22;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.035) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.035) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        72px 72px;\r\n}\r\n\r\n.el-ig-cta::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    right:-170px;\r\n    top:-220px;\r\n\r\n    z-index:-2;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n.el-ig-cta-glow{\r\n    position:absolute;\r\n\r\n    z-index:-1;\r\n\r\n    border-radius:50%;\r\n\r\n    filter:blur(90px);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.el-ig-cta-glow-one{\r\n    width:340px;\r\n    height:340px;\r\n\r\n    right:7%;\r\n    top:-120px;\r\n\r\n    background:\r\n        rgba(195,23,118,.23);\r\n}\r\n\r\n.el-ig-cta-glow-two{\r\n    width:260px;\r\n    height:260px;\r\n\r\n    left:-90px;\r\n    bottom:-140px;\r\n\r\n    background:\r\n        rgba(73,145,211,.12);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LAYOUT\r\n================================================== *\/\r\n\r\n.el-ig-cta-inner{\r\n    width:calc(100% - 100px);\r\n    max-width:1400px;\r\n\r\n    margin:0 auto;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:70px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   COPY\r\n================================================== *\/\r\n\r\n.el-ig-cta-copy{\r\n    max-width:900px;\r\n}\r\n\r\n.el-ig-cta-kicker{\r\n    display:block;\r\n\r\n    margin-bottom:18px;\r\n\r\n    color:#C31776;\r\n\r\n    font-size:10px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:3.5px;\r\n}\r\n\r\n.el-ig-cta h2{\r\n    margin:0;\r\n\r\n    max-width:900px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:clamp(48px,5.5vw,82px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.93;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n.el-ig-cta h2 span{\r\n    display:block;\r\n\r\n    color:#C31776;\r\n}\r\n\r\n.el-ig-cta p{\r\n    max-width:650px;\r\n\r\n    margin:\r\n        25px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.56);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BUTTON\r\n================================================== *\/\r\n\r\n.el-ig-cta-button{\r\n    min-width:390px;\r\n\r\n    flex-shrink:0;\r\n\r\n    padding:\r\n        12px\r\n        12px\r\n        12px\r\n        16px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        56px\r\n        1fr\r\n        48px;\r\n\r\n    align-items:center;\r\n\r\n    gap:16px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius:100px;\r\n\r\n    background:\r\n        rgba(255,255,255,.055);\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.el-ig-cta-button:hover{\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    border-color:\r\n        rgba(255,255,255,.36);\r\n\r\n    background:\r\n        rgba(195,23,118,.14);\r\n}\r\n\r\n.el-ig-cta-button-icon{\r\n    width:56px;\r\n    height:56px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #C31776 0%,\r\n            #D01E2C 100%\r\n        );\r\n\r\n    color:#fff;\r\n}\r\n\r\n.el-ig-cta-button-icon svg{\r\n    width:24px;\r\n    height:24px;\r\n}\r\n\r\n.el-ig-cta-button-text{\r\n    min-width:0;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    gap:3px;\r\n}\r\n\r\n.el-ig-cta-button-text small{\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size:8px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.2px;\r\n}\r\n\r\n.el-ig-cta-button-text strong{\r\n    color:#fff;\r\n\r\n    font-size:11px;\r\n    font-weight:750;\r\n\r\n    letter-spacing:.7px;\r\n}\r\n\r\n.el-ig-cta-button-arrow{\r\n    width:48px;\r\n    height:48px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    color:#081724;\r\n\r\n    font-size:16px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n.el-ig-cta-button:hover\r\n.el-ig-cta-button-arrow{\r\n    transform:\r\n        translate(2px,-2px);\r\n\r\n    background:#C31776;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .el-ig-cta{\r\n        padding:75px 0;\r\n    }\r\n\r\n    .el-ig-cta-inner{\r\n        width:calc(100% - 50px);\r\n\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n\r\n        gap:40px;\r\n    }\r\n\r\n    .el-ig-cta-button{\r\n        min-width:400px;\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    .el-ig-cta{\r\n        padding:58px 0;\r\n    }\r\n\r\n    .el-ig-cta-inner{\r\n        width:calc(100% - 30px);\r\n\r\n        gap:32px;\r\n    }\r\n\r\n    .el-ig-cta-kicker{\r\n        margin-bottom:14px;\r\n\r\n        font-size:8px;\r\n    }\r\n\r\n    .el-ig-cta h2{\r\n        font-size:42px;\r\n\r\n        line-height:.96;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .el-ig-cta p{\r\n        margin-top:18px;\r\n\r\n        font-size:12px;\r\n    }\r\n\r\n    .el-ig-cta-button{\r\n        width:100%;\r\n        min-width:0;\r\n\r\n        grid-template-columns:\r\n            48px\r\n            1fr\r\n            42px;\r\n\r\n        gap:11px;\r\n    }\r\n\r\n    .el-ig-cta-button-icon{\r\n        width:48px;\r\n        height:48px;\r\n    }\r\n\r\n    .el-ig-cta-button-arrow{\r\n        width:42px;\r\n        height:42px;\r\n    }\r\n\r\n    .el-ig-cta-button-text strong{\r\n        font-size:9px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EVENTS LINE EST. WE COLOR YOUR EVENT Event Production, Exhibitions &#038; Creative Experiences across KSA &#038; BAH. EXPLORE OUR WORK \u2197 START YOUR EVENT SCROLL TO DISCOVER KSA&nbsp;&nbsp;\/&nbsp;&nbsp;BAH WHO WE ARE EVENT PRODUCTION EXPERTS Events Line is an event production company based in the Eastern Province, providing complete creative and technical solutions for events, exhibitions [&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-7","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\/7","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=7"}],"version-history":[{"count":92,"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/pages\/7\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/eventslineksa.com\/ar\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}