{"id":52,"date":"2026-05-08T03:30:37","date_gmt":"2026-05-08T03:30:37","guid":{"rendered":"https:\/\/magevents.sa\/home\/"},"modified":"2026-05-29T20:25:02","modified_gmt":"2026-05-29T20:25:02","slug":"home","status":"publish","type":"page","link":"https:\/\/magevents.sa\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"52\" class=\"elementor elementor-52\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a3abb e-flex e-con-boxed e-con e-parent\" data-id=\"b9a3abb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;curve-asymmetrical&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,0c0,0,0,6,0,6.7c0,18,240.2,93.6,615.2,92.6C989.8,98.5,1000,25,1000,6.7c0-0.7,0-6.7,0-6.7H0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c501b19 elementor-widget elementor-widget-html\" data-id=\"c501b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mag-hero-section\">\r\n    <canvas class=\"mh-canvas\" id=\"magCanvas\"><\/canvas>\r\n\r\n    <div class=\"mh-inner\">\r\n        <!-- ========== SHAPE COLUMN ========== -->\r\n        <div class=\"mh-shape-col\">\r\n            <svg class=\"mh-shape-svg\" viewBox=\"0 340 1080 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\r\n                <defs>\r\n                    <!-- ClipPath strictly aligned to the geometric shapes -->\r\n                    <clipPath id=\"dualShape\">\r\n                        <polygon points=\"784.61,391.53 539.58,807.99 707.28,807.99 949.52,391.53\" \/>\r\n                        <polygon points=\"579.64,391.53 334.61,807.99 502.31,807.99 744.55,391.53\" \/>\r\n                        <polygon points=\"374.67,391.53 129.65,807.99 297.35,807.99 539.58,391.53\" \/>\r\n                    <\/clipPath>\r\n                    \r\n                    <!-- Filter for a subtle inner glow -->\r\n                    <filter id=\"glow\">\r\n                        <feGaussianBlur stdDeviation=\"3\" result=\"blur\" \/>\r\n                        <feComposite in=\"SourceGraphic\" in2=\"blur\" operator=\"over\" \/>\r\n                    <\/filter>\r\n                <\/defs>\r\n\r\n                <!-- Golden Outlines with refined animation -->\r\n                <path class=\"shape-outline shape-outline-1\" d=\"M 784.61,391.53 L 539.58,807.99 L 707.28,807.99 L 949.52,391.53 Z\" \/>\r\n                <path class=\"shape-outline shape-outline-2\" d=\"M 579.64,391.53 L 334.61,807.99 L 502.31,807.99 L 744.55,391.53 Z\" \/>\r\n                <path class=\"shape-outline shape-outline-3\" d=\"M 374.67,391.53 L 129.65,807.99 L 297.35,807.99 L 539.58,391.53 Z\" \/>\r\n\r\n                <!-- NEW IMAGES with professional cinematic transition -->\r\n                <image class=\"shape-img\" \r\n                    xlink:href=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-77-14-at-11.59.01-AM.jpeg\" \r\n                    x=\"0\" y=\"0\" width=\"1080\" height=\"1080\" \r\n                    preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#dualShape)\" \/>\r\n                \r\n                <image class=\"shape-img\" \r\n                    xlink:href=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-14-at7711.59.01-AM.jpeg\" \r\n                    x=\"0\" y=\"0\" width=\"1080\" height=\"1080\" \r\n                    preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#dualShape)\" \/>\r\n                \r\n                <image class=\"shape-img\" \r\n                    xlink:href=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-14-at-11.59.01-AM.jpeg\" \r\n                    x=\"0\" y=\"0\" width=\"1080\" height=\"1080\" \r\n                    preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#dualShape)\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <!-- ========== TEXT COLUMN ========== -->\r\n        <div class=\"mh-text-col\">\r\n            <div class=\"mh-logo-container\">\r\n                <svg class=\"mh-logo-svg\" viewBox=\"0 0 1080 1080\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <defs>\r\n                        <linearGradient id=\"G1\" x1=\"422.5\" y1=\"540.3\" x2=\"545.3\" y2=\"540.3\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                        <linearGradient id=\"G2\" x1=\"361.1\" y1=\"540.3\" x2=\"483.9\" y2=\"540.3\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                        <linearGradient id=\"G3\" x1=\"299.7\" y1=\"540.3\" x2=\"422.5\" y2=\"540.3\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                        <linearGradient id=\"G4\" x1=\"655.8\" y1=\"509.2\" x2=\"761.6\" y2=\"509.2\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                        <linearGradient id=\"G5\" x1=\"674.5\" y1=\"571.4\" x2=\"780.3\" y2=\"571.4\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                        <linearGradient id=\"G6\" x1=\"564.6\" y1=\"540.3\" x2=\"657.3\" y2=\"540.3\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                        <linearGradient id=\"G7\" x1=\"511.2\" y1=\"577.4\" x2=\"583.3\" y2=\"577.4\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" style=\"stop-color:#021914\" \/><stop offset=\"0.58\" style=\"stop-color:#012F25\" \/><stop offset=\"1\" style=\"stop-color:#01382D\" \/><\/linearGradient>\r\n                    <\/defs>\r\n                    <g>\r\n                        <polygon class=\"draw-path fill-animate\" style=\"animation-delay: 2.8s; fill:url(#G1);\" points=\"495.94,477.9 422.51,602.69 472.76,602.69 545.35,477.9\" \/>\r\n                        <polygon class=\"draw-path fill-animate\" style=\"animation-delay: 3.1s; fill:url(#G2);\" points=\"434.52,477.9 361.1,602.69 411.35,602.69 483.93,477.9\" \/>\r\n                        <polygon class=\"draw-path fill-animate\" style=\"animation-delay: 3.4s; fill:url(#G3);\" points=\"373.1,477.9 299.68,602.69 349.93,602.69 422.51,477.9\" \/>\r\n                        <path class=\"draw-path fill-animate\" style=\"animation-delay: 3.7s; fill:url(#G4);\" d=\"M699.83,515.3c21.84-14.07,40.04,3.07,40.04,3.07l21.76-21.76c-5.99-13.75-50.31-29.6-79.75-7.6 c-29.44,22-25.88,51.28-25.88,51.28h30.98C687.45,527.91,692.79,520.89,699.83,515.3z\" \/>\r\n                        <path class=\"draw-path fill-animate\" style=\"animation-delay: 4.0s; fill:url(#G5);\" d=\"M780.19,540.29h-30.98c0,0.02,0,0.03,0,0.05l-31.69,0.41l21.09,22.62c-0.73,0.66-1.48,1.29-2.26,1.91 c-21.84,14.07-40.04-3.07-40.04-3.07l-21.76,21.76c5.99,13.75,50.31,29.6,79.75,7.6C783.74,569.57,780.19,540.29,780.19,540.29z\" \/>\r\n                        <polygon class=\"draw-path fill-animate\" style=\"animation-delay: 4.3s; fill:url(#G6);\" points=\"585.54,477.98 564.63,515.12 614.7,602.61 657.35,602.61\" \/>\r\n                        <polygon class=\"draw-path fill-animate\" style=\"animation-delay: 4.6s; fill:url(#G7);\" points=\"583.27,552.26 540.41,552.26 511.25,602.61 553.8,602.61\" \/>\r\n                    <\/g>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <svg class=\"mh-ornament\" viewBox=\"0 0 220 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <line x1=\"0\" y1=\"10\" x2=\"78\" y2=\"10\" stroke=\"#012f26\" stroke-width=\".8\" stroke-opacity=\".45\" \/>\r\n                <polygon points=\"88,10 93,7 93,13\" fill=\"#012f26\" fill-opacity=\".35\" \/>\r\n                <circle cx=\"110\" cy=\"10\" r=\"4.5\" fill=\"none\" stroke=\"#012f26\" stroke-width=\"1.2\" stroke-opacity=\".7\" \/>\r\n                <circle cx=\"110\" cy=\"10\" r=\"1.8\" fill=\"#012f26\" fill-opacity=\".6\" \/>\r\n                <polygon points=\"132,10 127,7 127,13\" fill=\"#012f26\" fill-opacity=\".35\" \/>\r\n                <line x1=\"142\" y1=\"10\" x2=\"220\" y2=\"10\" stroke=\"#012f26\" stroke-width=\".8\" stroke-opacity=\".45\" \/>\r\n            <\/svg>\r\n\r\n            <div class=\"mh-block\">\r\n                <div class=\"text-mask\"><span class=\"mh-l1\" id=\"line1\">\"Where authentic Saudi hospitality meets world&#8209;class operational standards.<\/span><\/div>\r\n                <div class=\"text-mask\"><span class=\"mh-l2\" id=\"line2\">We don't just staff events; <span class=\"mh-em\">we define their success.<\/span>\"<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mh-btn-outer\">\r\n                <a class=\"mh-btn\" href=\"https:\/\/magevents.sa\/#contact\" target=\"_self\">Get In Touch<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .mag-hero-section {\r\n        --mag-primary: #012f26;\r\n        --mag-accent: #c5b49a;\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 80px 20px;\r\n        font-family: 'Poppins', sans-serif;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .mag-hero-section * { box-sizing: border-box; }\r\n\r\n    .mh-canvas {\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .mh-inner {\r\n        position: relative;\r\n        z-index: 2;\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 50px 30px;\r\n    }\r\n\r\n    .mh-shape-col {\r\n        flex: 1 1 500px;\r\n        max-width: 700px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .mh-shape-svg {\r\n        width: 100%;\r\n        height: auto;\r\n        filter: drop-shadow(0 25px 50px rgba(1, 47, 38, 0.25));\r\n        overflow: visible;\r\n    }\r\n\r\n    .shape-outline {\r\n        fill: none;\r\n        stroke: var(--mag-accent);\r\n        stroke-width: 2.2;\r\n        stroke-dasharray: 2200;\r\n        stroke-dashoffset: 2200;\r\n        animation: mhDrawFacet 1.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n    }\r\n    .shape-outline-2 { animation-delay: 0.45s; }\r\n    .shape-outline-3 { animation-delay: 0.9s; }\r\n\r\n    @keyframes mhDrawFacet {\r\n        to { stroke-dashoffset: 0; }\r\n    }\r\n\r\n    \/* --- PROFESSIONAL IMAGE ANIMATION --- *\/\r\n    .shape-img {\r\n        opacity: 0;\r\n        transform: scale(1.1);\r\n        transition: opacity 1.6s cubic-bezier(0.4, 0, 0.2, 1), transform 1.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    .shape-img.active {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n        animation: cinematicPan 12s ease-in-out infinite alternate;\r\n    }\r\n\r\n    \/* Cinematic Panning & Zooming *\/\r\n    @keyframes cinematicPan {\r\n        0% {\r\n            transform: scale(1) translate(0, 0);\r\n        }\r\n        100% {\r\n            transform: scale(1.2) translate(-2%, -1%);\r\n        }\r\n    }\r\n\r\n    \/* Periodic Luxury Shine *\/\r\n    .mh-shape-col::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -150%;\r\n        width: 60%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n        transform: skewX(-20deg);\r\n        animation: mhShineSweepShape 4s ease-in-out infinite; \r\n        animation-delay: 3s;\r\n        pointer-events: none;\r\n        z-index: 3;\r\n    }\r\n\r\n    @keyframes mhShineSweepShape {\r\n        0% { left: -150%; }\r\n        30% { left: 150%; }\r\n        100% { left: 150%; }\r\n    }\r\n\r\n    .mh-text-col {\r\n        flex: 1 1 300px;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .mh-logo-container {\r\n        position: relative;\r\n        width: clamp(260px, 32vw, 420px);\r\n        margin-bottom: 35px;\r\n        filter: drop-shadow(0 20px 35px rgba(1, 47, 38, 0.2));\r\n    }\r\n\r\n    .mh-logo-svg {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow: visible;\r\n    }\r\n\r\n    .draw-path {\r\n        fill: rgba(1, 47, 38, 0);\r\n        stroke: var(--mag-accent);\r\n        stroke-width: 2;\r\n        stroke-dasharray: 1200;\r\n        stroke-dashoffset: 1200;\r\n        animation: mhDrawLine 2.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n    }\r\n\r\n    .fill-animate { animation: mhFillColor 1.5s ease forwards; }\r\n\r\n    @keyframes mhDrawLine {\r\n        to { stroke-dashoffset: 0; }\r\n    }\r\n    @keyframes mhFillColor {\r\n        to { fill: currentColor; }\r\n    }\r\n\r\n    .mh-logo-container::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -150%;\r\n        width: 50%;\r\n        height: 100%;\r\n        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\r\n        transform: skewX(-25deg);\r\n        animation: mhShineSweep 1.5s ease-in-out 3.5s forwards;\r\n        pointer-events: none;\r\n    }\r\n    @keyframes mhShineSweep {\r\n        0% { left: -150%; }\r\n        100% { left: 150%; }\r\n    }\r\n\r\n    .mh-ornament {\r\n        margin: 16px auto 28px;\r\n        width: 200px;\r\n        opacity: 0;\r\n        animation: mhFadeIn 0.9s 4.5s forwards;\r\n    }\r\n\r\n    .mh-block { margin-bottom: 45px; overflow: hidden; }\r\n    .text-mask { overflow: hidden; display: block; }\r\n\r\n    .mh-l1, .mh-l2 {\r\n        display: block;\r\n        font-family: 'Playfair Display', serif;\r\n        font-style: italic;\r\n        font-size: clamp(19px, 3.2vw, 26px);\r\n        color: var(--mag-primary);\r\n        letter-spacing: 0.02em;\r\n        line-height: 1.5;\r\n        opacity: 0;\r\n        transform: translateY(110%);\r\n        transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.2s ease;\r\n    }\r\n\r\n    .mh-l1.reveal, .mh-l2.reveal {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .mh-em {\r\n        color: var(--mag-primary);\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        display: inline-block;\r\n    }\r\n\r\n    .mh-btn-outer {\r\n        opacity: 0;\r\n        animation: mhFadeIn 0.9s 5.2s forwards;\r\n    }\r\n    .mh-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: var(--mag-primary);\r\n        color: #fff !important;\r\n        text-decoration: none !important;\r\n        padding: 18px 50px;\r\n        border-radius: 60px;\r\n        font-family: 'Poppins', sans-serif !important;\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        letter-spacing: 0.2em;\r\n        text-transform: uppercase;\r\n        transition: all 0.4s ease;\r\n        cursor: pointer;\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n    }\r\n    .mh-btn:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 40px rgba(1, 47, 38, 0.35);\r\n        background: #023d33;\r\n    }\r\n\r\n    @keyframes mhFadeIn { to { opacity: 1; } }\r\n\r\n    @media (max-width: 768px) {\r\n        .mag-hero-section { padding: 50px 16px; }\r\n        .mh-inner { flex-direction: column; gap: 40px; }\r\n        .mh-shape-col { max-width: 380px; flex: 1 1 auto; }\r\n        .mh-logo-container { width: 220px; }\r\n        .mh-l1, .mh-l2 { font-size: 17px; }\r\n        .mh-btn { padding: 15px 36px; font-size: 11px !important; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        var wrapper = document.querySelector('.mag-hero-section');\r\n        var c = document.getElementById('magCanvas');\r\n        if (!c || !wrapper) return;\r\n        var x = c.getContext('2d'), W, H, P = [];\r\n\r\n        function initParticles() {\r\n            var r = wrapper.getBoundingClientRect();\r\n            W = c.width = Math.round(r.width) || 680;\r\n            H = c.height = Math.round(r.height || 560);\r\n            P = [];\r\n            var n = Math.floor(W * H \/ 14000);\r\n            for (var i = 0; i < n; i++)\r\n                P.push({\r\n                    x: Math.random() * W,\r\n                    y: Math.random() * H,\r\n                    r: Math.random() * 1.8 + 0.3,\r\n                    dx: Math.cos(Math.random() * 6.28) * (Math.random() * 0.25 + 0.08),\r\n                    dy: Math.sin(Math.random() * 6.28) * (Math.random() * 0.15 + 0.05),\r\n                    o: Math.random() * 0.22 + 0.04\r\n                });\r\n        }\r\n\r\n        function tick() {\r\n            x.clearRect(0, 0, W, H);\r\n            P.forEach(function(p) {\r\n                p.x += p.dx; p.y += p.dy;\r\n                if (p.x < -5) p.x = W + 5; if (p.x > W + 5) p.x = -5;\r\n                if (p.y < -5) p.y = H + 5; if (p.y > H + 5) p.y = -5;\r\n                x.beginPath();\r\n                x.arc(p.x, p.y, p.r, 0, 6.283);\r\n                x.fillStyle = 'rgba(1,47,38,' + p.o + ')';\r\n                x.fill();\r\n            });\r\n            requestAnimationFrame(tick);\r\n        }\r\n        initParticles();\r\n        tick();\r\n        window.addEventListener('resize', initParticles);\r\n\r\n        var images = document.querySelectorAll('.shape-img');\r\n        if (images.length > 0) {\r\n            var current = 0;\r\n            setTimeout(function() {\r\n                images[current].classList.add('active');\r\n                setInterval(function() {\r\n                    images[current].classList.remove('active');\r\n                    current = (current + 1) % images.length;\r\n                    images[current].classList.add('active');\r\n                }, 5000);\r\n            }, 3500);\r\n        }\r\n\r\n        setTimeout(function() {\r\n            var line1 = document.getElementById('line1');\r\n            var line2 = document.getElementById('line2');\r\n            if (line1) line1.classList.add('reveal');\r\n            if (line2) {\r\n                setTimeout(function() { line2.classList.add('reveal'); }, 400);\r\n            }\r\n        }, 4700);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5173a9 e-flex e-con-boxed e-con e-parent\" data-id=\"c5173a9\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62f5956 elementor-widget elementor-widget-html\" data-id=\"62f5956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG About Section \u2014 Ultra Professional Version -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --mag-primary: #012921;\r\n  --mag-accent: #c5b49a;\r\n  --mag-text: #555555;\r\n  --transition-slow: all 1.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n  --transition-medium: all 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mag-about-section {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Poppins', sans-serif;\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-color: transparent;\r\n}\r\n\r\n.mag-about-section * { box-sizing: border-box; }\r\n\r\n.mag-about-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* --- TEXT CONTENT --- *\/\r\n.mag-about-text {\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.mag-about-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(32px, 5vw, 50px);\r\n  color: var(--mag-primary);\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n  line-height: 1.2;\r\n  opacity: 0;\r\n  transform: translateX(-40px);\r\n  transition: var(--transition-medium);\r\n}\r\n\r\n.mag-about-title::after {\r\n  content: '';\r\n  display: block;\r\n  width: 0;\r\n  height: 3px;\r\n  background: var(--mag-accent);\r\n  margin-top: 15px;\r\n  transition: width 1s ease 0.5s;\r\n}\r\n\r\n.mag-about-text.active .mag-about-title {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n.mag-about-text.active .mag-about-title::after {\r\n  width: 70px;\r\n}\r\n\r\n.mag-about-desc {\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  color: var(--mag-text);\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: var(--transition-medium);\r\n  transition-delay: 0.3s;\r\n}\r\n\r\n.mag-about-desc p {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.mag-about-text.active .mag-about-desc {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mag-highlight {\r\n  color: var(--mag-primary);\r\n  font-weight: 600;\r\n  font-family: 'Playfair Display', serif;\r\n  font-style: italic;\r\n}\r\n\r\n\/* --- VISUALS (IMAGES) --- *\/\r\n.mag-about-visuals {\r\n  position: relative;\r\n  height: 500px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.mag-img-box {\r\n  position: absolute;\r\n  width: 320px;\r\n  height: 420px;\r\n  overflow: hidden;\r\n  border-radius: 15px;\r\n  box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n  transition: var(--transition-slow);\r\n  background: #eee; \/* \u0644\u0648\u0646 \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u062d\u062a\u0649 \u062a\u062d\u0645\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n}\r\n\r\n.mag-img-box img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 1.5s ease;\r\n  display: block;\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0628\u0639\u064a\u062f\u0627\u064b \u0648\u0628\u0632\u0627\u0648\u064a\u0629 *\/\r\n.mag-img-1 {\r\n  z-index: 1;\r\n  opacity: 0;\r\n  transform: translate(-120%, -20%) rotate(-8deg) scale(0.9);\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0628\u0639\u064a\u062f\u0627\u064b \u0648\u0628\u0632\u0627\u0648\u064a\u0629 *\/\r\n.mag-img-2 {\r\n  z-index: 2;\r\n  opacity: 0;\r\n  transform: translate(20%, 20%) rotate(8deg) scale(0.9);\r\n  border: 10px solid #fff; \/* \u0625\u0637\u0627\u0631 \u0623\u0628\u064a\u0636 \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n}\r\n\r\n\/* \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0641\u0639\u064a\u0644 (\u0627\u0644\u0627\u0644\u062a\u0642\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641) *\/\r\n.mag-about-visuals.active .mag-img-1 {\r\n  opacity: 1;\r\n  transform: translate(-30%, -10%) rotate(-3deg) scale(1);\r\n}\r\n\r\n.mag-about-visuals.active .mag-img-2 {\r\n  opacity: 1;\r\n  transform: translate(10%, 10%) rotate(3deg) scale(1);\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n.mag-img-box:hover {\r\n  z-index: 10;\r\n  transform: scale(1.05) !important;\r\n}\r\n.mag-img-box:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* --- RESPONSIVE --- *\/\r\n@media (max-width: 991px) {\r\n  .mag-about-container {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n    gap: 80px;\r\n  }\r\n  .mag-about-title::after {\r\n    margin: 15px auto 0;\r\n  }\r\n  .mag-about-desc {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .mag-about-section { padding: 60px 15px; }\r\n  .mag-about-visuals { height: 400px; }\r\n  \r\n  .mag-img-box {\r\n    width: 220px;\r\n    height: 300px;\r\n  }\r\n  \r\n  \/* \u0636\u0628\u0637 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0632\u0639\u062c *\/\r\n  .mag-img-1 {\r\n    transform: translate(-100%, 0) rotate(-5deg);\r\n  }\r\n  .mag-img-2 {\r\n    transform: translate(100%, 0) rotate(5deg);\r\n  }\r\n  \r\n  .mag-about-visuals.active .mag-img-1 {\r\n    transform: translate(-20%, -10%) rotate(-2deg);\r\n  }\r\n  .mag-about-visuals.active .mag-img-2 {\r\n    transform: translate(10%, 10%) rotate(2deg);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mag-about-section\">\r\n  <div class=\"mag-about-container\">\r\n    \r\n    <!-- TEXT SIDE -->\r\n    <div class=\"mag-about-text\" id=\"magAboutText\">\r\n      <h2 class=\"mag-about-title\">Who We Are?<\/h2>\r\n      <div class=\"mag-about-desc\">\r\n        <p>\r\n          We are a company specialized in <span class=\"mag-highlight\">talent acquisition<\/span> and the management of field operations for events. We blend precision planning with the spirit of authentic Saudi hospitality. \r\n        <\/p>\r\n        <p>\r\n          Operating alongside cultural, corporate, and mega-events across the Kingdom, we deploy trained, confident, and detail-oriented teams at every site. What sets us apart is not just what we provide\u2014but <span class=\"mag-highlight\">how we provide it<\/span>.\r\n        <\/p>\r\n        <p>\r\n          We position ourselves as active partners in achieving the objectives of <span class=\"mag-highlight\">Saudi Vision 2030<\/span>, contributing to the development of Saudi talent.\r\n        <\/p>\r\n        <p>\r\n          At MAG Events, every staff member we hire is a message, and every event we support is a step toward a future where <span class=\"mag-highlight\">Saudi expertise<\/span> matches the world's grandest forums.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IMAGES SIDE -->\r\n    <div class=\"mag-about-visuals\" id=\"magAboutVisuals\">\r\n      <div class=\"mag-img-box mag-img-1\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-a7t-3.24.49-PM.jpeg\" alt=\"MAG Event 1\">\r\n      <\/div>\r\n      <div class=\"mag-img-box mag-img-2\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-3.24.48-PM.jpeg\" alt=\"MAG Event 2\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const section = document.querySelector('.mag-about-section');\r\n  const textElement = document.getElementById('magAboutText');\r\n  const visualElement = document.getElementById('magAboutVisuals');\r\n\r\n  const observerOptions = {\r\n    threshold: 0.2 \r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \/\/ \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0646\u0635\u0648\u0635 \u0623\u0648\u0644\u0627\u064b \u062b\u0645 \u0627\u0644\u0635\u0648\u0631 \u0628\u0641\u0627\u0631\u0642 \u0628\u0633\u064a\u0637 \u062c\u062f\u0627\u064b\r\n        textElement.classList.add('active');\r\n        setTimeout(() => {\r\n          visualElement.classList.add('active');\r\n        }, 200);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  observer.observe(section);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0e6e49 e-flex e-con-boxed e-con e-parent\" data-id=\"e0e6e49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-715026f elementor-widget elementor-widget-html\" data-id=\"715026f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Sans:wght@300;400;500&display=swap');\r\n\r\n*{box-sizing:border-box;margin:0;padding:0}\r\n\r\n.sec{\r\n  font-family:'DM Sans',sans-serif;\r\n  background:transparent;\r\n  padding:clamp(28px,5vw,72px) clamp(14px,4vw,48px) clamp(24px,4vw,60px);\r\n  position:relative;overflow:hidden;\r\n}\r\n\r\n.grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));\r\n  gap:clamp(12px,2.5vw,24px);\r\n}\r\n\r\n.card{\r\n  background:rgba(255,255,255,.55);\r\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n  border:1px solid rgba(1,45,36,.12);\r\n  border-radius:clamp(14px,2.5vw,22px);\r\n  padding:clamp(22px,4vw,44px) clamp(18px,3.5vw,38px) clamp(18px,3vw,34px);\r\n  position:relative;overflow:hidden;\r\n  opacity:0;transform:translateY(38px);\r\n  transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;\r\n}\r\n.card:nth-child(1){animation:up .85s cubic-bezier(.16,1,.3,1) forwards .15s}\r\n.card:nth-child(2){animation:up .85s cubic-bezier(.16,1,.3,1) forwards .32s}\r\n\r\n.card::before{\r\n  content:'';position:absolute;\r\n  top:0;left:0;right:0;height:2px;\r\n  background:linear-gradient(90deg,transparent,#012d24,transparent);\r\n  border-radius:22px 22px 0 0;\r\n  transform:scaleX(0);transform-origin:center;\r\n  transition:transform .6s cubic-bezier(.16,1,.3,1);\r\n}\r\n.card:hover::before{transform:scaleX(1)}\r\n.card:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(1,45,36,.2);\r\n  box-shadow:0 22px 64px rgba(1,45,36,.12),0 6px 18px rgba(1,45,36,.05);\r\n}\r\n\r\n.ibox{\r\n  width:clamp(52px,8vw,72px);height:clamp(52px,8vw,72px);\r\n  background:#012d24;border-radius:clamp(12px,1.8vw,18px);\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:clamp(18px,3vw,28px);position:relative;\r\n  transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;\r\n}\r\n.card:hover .ibox{transform:scale(1.1) rotate(-4deg);box-shadow:0 14px 38px rgba(1,45,36,.28)}\r\n\r\n.ring{\r\n  position:absolute;inset:0;\r\n  border-radius:clamp(12px,1.8vw,18px);\r\n  border:1.5px solid rgba(1,45,36,.42);\r\n  animation:pulse 3s ease-out infinite;\r\n}\r\n.ring2{animation-delay:1.05s}\r\n@keyframes pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.82);opacity:0}}\r\n\r\n.isvg{width:clamp(24px,4.5vw,38px);height:clamp(24px,4.5vw,38px); z-index: 2;}\r\n\r\n\/* Drawing Animation Logic *\/\r\n.sp{\r\n  fill:none;stroke:#fff;\r\n  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;\r\n  stroke-dasharray:100;stroke-dashoffset:100;\r\n}\r\n\r\n@keyframes drawLine {\r\n  to { stroke-dashoffset: 0; }\r\n}\r\n\r\n.draw-1 { animation: drawLine 1s cubic-bezier(.4, 0, .2, 1) forwards 0.5s; }\r\n.draw-2 { animation: drawLine 1s cubic-bezier(.4, 0, .2, 1) forwards 0.8s; }\r\n.draw-3 { animation: drawLine 1s cubic-bezier(.4, 0, .2, 1) forwards 1.1s; }\r\n\r\n.fdot{\r\n  fill:#fff;opacity:0;\r\n  animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards;\r\n}\r\n.card:nth-child(1) .fdot{animation-delay:1.5s}\r\n.card:nth-child(2) .fdot{animation-delay:1.7s}\r\n\r\n@keyframes popIn{\r\n  from{opacity:0;transform:scale(0)}\r\n  to{opacity:1;transform:scale(1)}\r\n}\r\n\r\n.badge{\r\n  font-size:clamp(8px,1.2vw,9px);font-weight:500;\r\n  letter-spacing:clamp(3px,0.8vw,5px);\r\n  color:#012d24;text-transform:uppercase;\r\n  opacity:.5;margin-bottom:8px;\r\n}\r\n\r\n.ttl{\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(20px,4vw,30px);font-weight:700;\r\n  color:#012d24;line-height:1.15;\r\n  margin-bottom:clamp(10px,1.5vw,16px);\r\n}\r\n\r\n.rule{\r\n  width:28px;height:2px;background:#012d24;\r\n  border-radius:2px;margin-bottom:clamp(12px,1.8vw,18px);\r\n  transition:width .5s cubic-bezier(.16,1,.3,1);\r\n}\r\n.card:hover .rule{width:64px}\r\n\r\n.body{\r\n  font-size:clamp(12.5px,2vw,14.5px);\r\n  line-height:clamp(1.75,2.5vw,2);\r\n  color:#2d2d2d;font-weight:300;\r\n}\r\n.body b{color:#012d24;font-weight:500}\r\n\r\n.dots{display:flex;gap:5px;margin-top:clamp(16px,2.5vw,26px);justify-content:flex-end}\r\n.dot{width:5px;height:5px;border-radius:50%;background:#012d24;transition:transform .28s,opacity .28s}\r\n.dot:nth-child(1){opacity:.5}.dot:nth-child(2){opacity:.25}.dot:nth-child(3){opacity:.1}\r\n.card:hover .dot:nth-child(1){opacity:.6;transform:scale(1.3)}\r\n.card:hover .dot:nth-child(2){opacity:.3;transition-delay:.07s}\r\n.card:hover .dot:nth-child(3){opacity:.14;transition-delay:.14s}\r\n\r\n.orb{position:absolute;border-radius:50%;background:#012d24;pointer-events:none;animation:breathe 9s ease-in-out infinite}\r\n.o1{width:clamp(180px,40vw,500px);height:clamp(180px,40vw,500px);top:-30%;right:-15%;opacity:.025}\r\n.o2{width:clamp(120px,28vw,340px);height:clamp(120px,28vw,340px);bottom:-20%;left:-8%;opacity:.018;animation-delay:4s}\r\n@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}\r\n\r\n.pt{position:absolute;width:3px;height:3px;border-radius:50%;background:#012d24;pointer-events:none;animation:flt var(--d,8s) ease-in-out var(--dl,0s) infinite}\r\n@media(max-width:480px){.pt{display:none}}\r\n@keyframes flt{0%{opacity:0;transform:translateY(0)}35%{opacity:.11}100%{opacity:0;transform:translateY(-85px) translateX(14px)}}\r\n\r\n@keyframes up{to{opacity:1;transform:translateY(0)}}\r\n<\/style>\r\n\r\n<div class=\"sec\">\r\n  <div class=\"orb o1\"><\/div>\r\n  <div class=\"orb o2\"><\/div>\r\n  <div class=\"pt\" style=\"top:15%;left:7%;--d:9s;--dl:0s\"><\/div>\r\n  <div class=\"pt\" style=\"top:58%;left:20%;--d:11s;--dl:2.5s\"><\/div>\r\n  <div class=\"pt\" style=\"top:28%;right:9%;--d:8s;--dl:1s\"><\/div>\r\n  <div class=\"pt\" style=\"top:70%;right:33%;--d:10s;--dl:3.5s\"><\/div>\r\n\r\n  <div class=\"grid\">\r\n\r\n    <!-- Vision Card -->\r\n    <div class=\"card\">\r\n      <div class=\"ibox\">\r\n        <div class=\"ring\"><\/div><div class=\"ring ring2\"><\/div>\r\n        <svg class=\"isvg\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <!-- Outer Eye Shape -->\r\n          <path class=\"sp draw-1\" d=\"M5 20C5 20 12 10 20 10C28 10 35 20 35 20C35 20 28 30 20 30C12 30 5 20 5 20Z\" style=\"stroke-dasharray:80\"\/>\r\n          <!-- Inner Iris -->\r\n          <circle class=\"sp draw-2\" cx=\"20\" cy=\"20\" r=\"6\" style=\"stroke-dasharray:38\"\/>\r\n          <!-- Pupil\/Center Dot -->\r\n          <circle class=\"fdot\" cx=\"20\" cy=\"20\" r=\"2.5\"\/>\r\n          <!-- Decorative Vision Lines -->\r\n          <line class=\"sp draw-3\" x1=\"20\" y1=\"6\" x2=\"20\" y2=\"8\" style=\"stroke-dasharray:5\"\/>\r\n          <line class=\"sp draw-3\" x1=\"15\" y1=\"8\" x2=\"17\" y2=\"10\" style=\"stroke-dasharray:5\"\/>\r\n          <line class=\"sp draw-3\" x1=\"25\" y1=\"8\" x2=\"23\" y2=\"10\" style=\"stroke-dasharray:5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"badge\">Vision \u00b7 01<\/div>\r\n      <div class=\"ttl\">Our Vision<\/div>\r\n      <div class=\"rule\"><\/div>\r\n      <p class=\"body\">To be the <b>primary national reference<\/b> and the benchmark for event staffing and operational management in the Kingdom of Saudi Arabia \u2014 not merely to be an option, but to be the <b>undisputed choice.<\/b><\/p>\r\n      <div class=\"dots\"><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Mission Card -->\r\n    <div class=\"card\">\r\n      <div class=\"ibox\">\r\n        <div class=\"ring\"><\/div><div class=\"ring ring2\"><\/div>\r\n        <svg class=\"isvg\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n          <!-- Envelope Body -->\r\n          <rect class=\"sp draw-1\" x=\"7\" y=\"13\" width=\"26\" height=\"18\" rx=\"2\" style=\"stroke-dasharray:90\"\/>\r\n          <!-- Envelope Flap (V-shape) -->\r\n          <path class=\"sp draw-2\" d=\"M7 15L20 22L33 15\" style=\"stroke-dasharray:40\"\/>\r\n          <!-- Center Impact Sparkle -->\r\n          <circle class=\"fdot\" cx=\"20\" cy=\"22\" r=\"2\"\/>\r\n          <!-- Decorative \"Action\" lines -->\r\n          <line class=\"sp draw-3\" x1=\"35\" y1=\"10\" x2=\"37\" y2=\"8\" style=\"stroke-dasharray:5\"\/>\r\n          <line class=\"sp draw-3\" x1=\"33\" y1=\"8\" x2=\"35\" y2=\"6\" style=\"stroke-dasharray:5\"\/>\r\n          <line class=\"sp draw-3\" x1=\"31\" y1=\"10\" x2=\"33\" y2=\"8\" style=\"stroke-dasharray:5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"badge\">Mission \u00b7 02<\/div>\r\n      <div class=\"ttl\">Our Mission<\/div>\r\n      <div class=\"rule\"><\/div>\r\n      <p class=\"body\">To provide <b>reliable, professionally prepared human capital<\/b> that transforms every event from a mere occurrence into a lasting memory \u2014 a team present in both body and spirit, leaving an <b>impact that transcends time and place.<\/b><\/p>\r\n      <div class=\"dots\"><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f431ae9 e-flex e-con-boxed e-con e-parent\" data-id=\"f431ae9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fc499a elementor-widget elementor-widget-html\" data-id=\"3fc499a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Values Section \u2014 Pure White Transparent Version -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --mag-white: #ffffff;\r\n  --mag-text-muted: rgba(255, 255, 255, 0.7);\r\n  --transition-main: all 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mag-values-section {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Poppins', sans-serif;\r\n  padding: 140px 20px;\r\n  background: transparent !important; \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.mag-values-section * { box-sizing: border-box; }\r\n\r\n.mag-values-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* --- SECTION TITLE --- *\/\r\n.mag-values-header {\r\n  text-align: center;\r\n  margin-bottom: 80px;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: var(--transition-main);\r\n}\r\n\r\n.mag-values-header.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mag-values-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(36px, 6vw, 54px);\r\n  color: var(--mag-white); \/* \u0623\u0628\u064a\u0636 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.mag-values-title::after {\r\n  content: '';\r\n  display: block;\r\n  width: 80px;\r\n  height: 3px;\r\n  background: var(--mag-white); \/* \u062e\u0637 \u0627\u0644\u0632\u062e\u0631\u0641\u0629 \u0623\u0628\u064a\u0636 *\/\r\n  margin: 20px auto 0;\r\n  transform: scaleX(0);\r\n  transition: transform 1s ease 0.5s;\r\n}\r\n\r\n.mag-values-header.active .mag-values-title::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n\/* --- VALUES GRID --- *\/\r\n.mag-values-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.mag-value-card {\r\n  background: rgba(255, 255, 255, 0.05); \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0634\u0641\u0627\u0641\u0629 \u062c\u062f\u0627\u064b \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n  border: 1px solid rgba(255, 255, 255, 0.2); \/* \u062d\u062f\u0648\u062f \u0628\u064a\u0636\u0627\u0621 \u0634\u0641\u0627\u0641\u0629 *\/\r\n  padding: 50px 30px;\r\n  border-radius: 30px;\r\n  text-align: center;\r\n  transition: var(--transition-main);\r\n  opacity: 0;\r\n  transform: translateY(50px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.mag-value-card.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mag-value-card:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-color: var(--mag-white); \/* \u062d\u062f\u0648\u062f \u0628\u064a\u0636\u0627\u0621 \u0646\u0627\u0635\u0639\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0643\u0631\u0648\u062a \u0641\u064a \u0627\u0644\u0635\u0641 \u0627\u0644\u0623\u062e\u064a\u0631 *\/\r\n.mag-value-card:nth-child(4) { grid-column: 1 \/ 2; }\r\n.mag-value-card:nth-child(5) { grid-column: 2 \/ 3; }\r\n\r\n@media (min-width: 992px) {\r\n  .mag-value-card:nth-child(4) { grid-column: 1 \/ 2; }\r\n  .mag-value-card:nth-child(5) { grid-column: 2 \/ 3; }\r\n}\r\n\r\n\/* --- ICON ANIMATION --- *\/\r\n.mag-value-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  margin-bottom: 30px;\r\n  position: relative;\r\n}\r\n\r\n.mag-value-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: var(--mag-white); \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0628\u064a\u0636\u0627\u0621 *\/\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.draw-path {\r\n  stroke-dasharray: 100;\r\n  stroke-dashoffset: 100;\r\n  transition: stroke-dashoffset 2s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n}\r\n\r\n.mag-value-card.active .draw-path {\r\n  stroke-dashoffset: 0;\r\n}\r\n\r\n.mag-value-icon .accent-stroke {\r\n  stroke: var(--mag-white); \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a \u0625\u0644\u0649 \u0623\u0628\u064a\u0636 *\/\r\n  stroke-width: 2;\r\n}\r\n\r\n\/* --- CARD TEXT --- *\/\r\n.mag-value-name {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 24px;\r\n  color: var(--mag-white); \/* \u0627\u0633\u0645 \u0627\u0644\u0642\u064a\u0645\u0629 \u0623\u0628\u064a\u0636 *\/\r\n  margin-bottom: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.mag-value-desc {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: var(--mag-text-muted); \/* \u0648\u0635\u0641 \u0623\u0628\u064a\u0636 \u0634\u0641\u0627\u0641 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n  font-weight: 300;\r\n}\r\n\r\n\/* --- RESPONSIVE --- *\/\r\n@media (max-width: 991px) {\r\n  .mag-values-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .mag-value-card:nth-child(4), .mag-value-card:nth-child(5) {\r\n    grid-column: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .mag-values-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .mag-values-section { padding: 100px 20px; }\r\n  .mag-value-card { padding: 40px 20px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mag-values-section\">\r\n  <div class=\"mag-values-container\">\r\n    \r\n    <div class=\"mag-values-header\" id=\"valuesHeader\">\r\n      <h2 class=\"mag-values-title\">Our Values<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mag-values-grid\">\r\n      \r\n      <!-- VALUE 1: Professionalism -->\r\n      <div class=\"mag-value-card\">\r\n        <div class=\"mag-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path class=\"draw-path\" d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"><\/path>\r\n            <circle class=\"draw-path accent-stroke\" cx=\"12\" cy=\"12\" r=\"2\" style=\"transition-delay: 0.5s;\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-value-name\">Professionalism First<\/h3>\r\n        <p class=\"mag-value-desc\">We believe excellence is found not only in grand moments but in every minor detail that meets the guest's eye.<\/p>\r\n      <\/div>\r\n\r\n      <!-- VALUE 2: Reliability -->\r\n      <div class=\"mag-value-card\">\r\n        <div class=\"mag-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path class=\"draw-path\" d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n            <path class=\"draw-path accent-stroke\" d=\"M9 12l2 2 4-4\" style=\"transition-delay: 0.5s;\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-value-name\">Reliability in Every Situation<\/h3>\r\n        <p class=\"mag-value-desc\">Our commitments are not just promises spoken\u2014they are standards applied. Our clients build their plans upon us.<\/p>\r\n      <\/div>\r\n\r\n      <!-- VALUE 3: Humanity -->\r\n      <div class=\"mag-value-card\">\r\n        <div class=\"mag-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path class=\"draw-path\" d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\r\n            <path class=\"draw-path accent-stroke\" d=\"M12 12v4\" style=\"transition-delay: 0.5s;\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-value-name\">Humanity in Service<\/h3>\r\n        <p class=\"mag-value-desc\">Behind every successful event is an individual who performed their role with a present heart. We value the soul.<\/p>\r\n      <\/div>\r\n\r\n      <!-- VALUE 4: Sustainable Growth -->\r\n      <div class=\"mag-value-card\">\r\n        <div class=\"mag-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path class=\"draw-path\" d=\"M12 20V10\"><\/path>\r\n            <path class=\"draw-path\" d=\"M18 10l-6-6-6 6\"><\/path>\r\n            <path class=\"draw-path accent-stroke\" d=\"M12 10l6 6M12 10l-6 6\" style=\"transition-delay: 0.5s;\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-value-name\">Sustainable Growth<\/h3>\r\n        <p class=\"mag-value-desc\">We constantly invest in the development of our cadres, because the team that learns today leads excellence tomorrow.<\/p>\r\n      <\/div>\r\n\r\n      <!-- VALUE 5: National Belonging -->\r\n      <div class=\"mag-value-card\">\r\n        <div class=\"mag-value-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path class=\"draw-path\" d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"><\/path>\r\n            <path class=\"draw-path accent-stroke\" d=\"M12 8v8M8 12h8\" style=\"transition-delay: 0.5s;\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-value-name\">National Belonging<\/h3>\r\n        <p class=\"mag-value-desc\">Vision 2030 is not a slogan we raise, but a compass that governs every decision we make for the national project.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const header = document.getElementById('valuesHeader');\r\n  const cards = document.querySelectorAll('.mag-value-card');\r\n\r\n  const observerOptions = {\r\n    threshold: 0.2\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        header.classList.add('active');\r\n        cards.forEach((card, index) => {\r\n          setTimeout(() => {\r\n            card.classList.add('active');\r\n          }, (index + 1) * 200);\r\n        });\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  observer.observe(document.querySelector('.mag-values-section'));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec0d704 e-flex e-con-boxed e-con e-parent\" data-id=\"ec0d704\" data-element_type=\"container\" data-e-type=\"container\" id=\"OurServices\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac3601d elementor-widget elementor-widget-html\" data-id=\"ac3601d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Services Section \u2014 Unified Luxury Edition -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --mag-primary: #012d24;\r\n  --mag-accent: #c5b49a;\r\n  --mag-white: #ffffff;\r\n  --mag-text-muted: rgba(255, 255, 255, 0.85);\r\n  --transition-smooth: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mag-services-section {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Poppins', sans-serif;\r\n  padding: 100px 20px;\r\n  background: transparent;\r\n  position: relative;\r\n}\r\n\r\n.mag-services-section * { box-sizing: border-box; }\r\n\r\n.mag-services-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* --- HEADER --- *\/\r\n.mag-services-header {\r\n  text-align: center;\r\n  margin-bottom: 70px;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: var(--transition-smooth);\r\n}\r\n\r\n.mag-services-header.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mag-services-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(32px, 5vw, 50px);\r\n  color: var(--mag-primary); \/* \u064a\u0628\u0642\u0649 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n  margin-bottom: 20px;\r\n  font-weight: 700;\r\n}\r\n\r\n.mag-services-intro {\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  color: var(--mag-primary); \/* \u062a\u0645 \u062a\u063a\u064a\u064a\u0631\u0647 \u0644\u0644\u0648\u0646 \u0627\u0644\u063a\u0627\u0645\u0642 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n  opacity: 0.8;\r\n}\r\n\r\n\/* --- RESPONSIVE GRID --- *\/\r\n.mag-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 30px;\r\n}\r\n\r\n.mag-service-card {\r\n  background: var(--mag-primary); \/* \u0627\u0644\u0641\u0631\u064a\u0645 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n  padding: 50px 40px;\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  transition: var(--transition-smooth);\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  border: 1px solid rgba(197, 180, 154, 0.2);\r\n  height: 100%;\r\n}\r\n\r\n.mag-service-card.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mag-service-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 40px rgba(1, 45, 36, 0.3);\r\n  border-color: var(--mag-accent);\r\n}\r\n\r\n\/* --- ICON --- *\/\r\n.mag-service-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  margin-bottom: 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.mag-service-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  stroke: var(--mag-white); \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n  stroke-width: 1.5;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  transition: var(--transition-smooth);\r\n}\r\n\r\n.mag-service-card:hover .mag-service-icon svg {\r\n  transform: scale(1.1) rotate(5deg);\r\n  stroke: var(--mag-accent); \/* \u062a\u062d\u0648\u0644 \u0628\u0633\u064a\u0637 \u0644\u0644\u0630\u0647\u0628\u064a \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n}\r\n\r\n\/* --- TEXTS --- *\/\r\n.mag-service-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 24px;\r\n  color: var(--mag-white); \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n  margin-bottom: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n}\r\n\r\n.mag-service-desc {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: var(--mag-text-muted); \/* \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0634\u0641\u0627\u0641 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0646 *\/\r\n  font-weight: 300;\r\n  margin: 0;\r\n}\r\n\r\n\/* --- MOBILE ADJUSTMENTS --- *\/\r\n@media (max-width: 640px) {\r\n  .mag-services-section { padding: 60px 15px; }\r\n  .mag-services-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .mag-service-card {\r\n    padding: 40px 25px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mag-services-section\">\r\n  <div class=\"mag-services-container\">\r\n    \r\n    <div class=\"mag-services-header\" id=\"servicesHeader\">\r\n      <h2 class=\"mag-services-title\">Our Services<\/h2>\r\n      <p class=\"mag-services-intro\">\r\n        At MAG Events, we do not offer one-size-fits-all services. We design customized operational solutions for each event with a team that understands the landscape and adapts to its requirements moment by moment.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mag-services-grid\">\r\n      \r\n      <!-- SERVICE 1 -->\r\n      <div class=\"mag-service-card\">\r\n        <div class=\"mag-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-service-title\">Front of House Staffing<\/h3>\r\n        <p class=\"mag-service-desc\">We provide trained and qualified staff who carry the event\u2019s identity and reflect it in every guest interaction\u2014from the first welcome to the final departure.<\/p>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 2 -->\r\n      <div class=\"mag-service-card\">\r\n        <div class=\"mag-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-service-title\">Recruitment & Manpower<\/h3>\r\n        <p class=\"mag-service-desc\">We secure skilled talent for all operational roles\u2014logistics, registration, sales, and management. Ensuring the right person reaches the right post at the right time.<\/p>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 3 -->\r\n      <div class=\"mag-service-card\">\r\n        <div class=\"mag-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-service-title\">Guest Experience & Protocol<\/h3>\r\n        <p class=\"mag-service-desc\">We provide specialized teams to manage the guest journey according to the highest standards of protocol, ensuring every attendee feels valued.<\/p>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 4 -->\r\n      <div class=\"mag-service-card\">\r\n        <div class=\"mag-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-service-title\">VIP\/VVIP Hospitality<\/h3>\r\n        <p class=\"mag-service-desc\">Professionalism and discretion to handle private events, ministerial conferences, and VVIP areas\u2014because distinguished guests deserve an exceptional experience.<\/p>\r\n      <\/div>\r\n\r\n      <!-- SERVICE 5 -->\r\n      <div class=\"mag-service-card\">\r\n        <div class=\"mag-service-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <h3 class=\"mag-service-title\">Field Supervision<\/h3>\r\n        <p class=\"mag-service-desc\">The heart of our work. We remain on the ground to supervise, monitor, and intervene, ensuring the event proceeds at the level we promised\u2014without exception.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const header = document.getElementById('servicesHeader');\r\n  const cards = document.querySelectorAll('.mag-service-card');\r\n\r\n  const observerOptions = {\r\n    threshold: 0.1\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        header.classList.add('active');\r\n        cards.forEach((card, index) => {\r\n          setTimeout(() => {\r\n            card.classList.add('active');\r\n          }, index * 150);\r\n        });\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  observer.observe(document.querySelector('.mag-services-section'));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72c0f6e e-flex e-con-boxed e-con e-parent\" data-id=\"72c0f6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4161fce elementor-widget elementor-widget-html\" data-id=\"4161fce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Why Us Section \u2014 Solid Luxury Edition -->\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n  :root {\r\n    --mag-primary: #012d24;\r\n    --mag-accent: #c5b49a;\r\n    --mag-white: #ffffff;\r\n    --spring-easing: cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .mag-why-section {\r\n    all: initial;\r\n    display: block;\r\n    font-family: 'Poppins', sans-serif;\r\n    padding: 120px 20px;\r\n    background-color: #ffffff; \r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .mag-why-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .mag-why-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* --- HEADER --- *\/\r\n  .mag-why-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.8s ease-out;\r\n  }\r\n\r\n  .mag-why-header.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .mag-why-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(32px, 6vw, 50px);\r\n    color: var(--mag-primary); \/* \u064a\u0628\u0642\u0649 \u0643\u0645\u0627 \u0647\u0648 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n    margin-bottom: 20px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .mag-why-intro {\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n    color: var(--mag-primary); \r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    font-weight: 300;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .mag-why-bubbles {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* --- UNIFIED BUBBLE STYLE --- *\/\r\n  .mag-why-bubble {\r\n    position: relative;\r\n    background: var(--mag-primary); \/* \u0627\u0644\u0641\u0631\u064a\u0645 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u063a\u0627\u0645\u0642 *\/\r\n    color: var(--mag-white); \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n    padding: 35px 45px;\r\n    border-radius: 30px;\r\n    max-width: 85%;\r\n    box-shadow: 0 20px 40px rgba(1, 45, 36, 0.15);\r\n    opacity: 0;\r\n    transition: transform 0.8s var(--spring-easing), opacity 0.6s ease,\r\n      box-shadow 0.4s ease;\r\n    cursor: default;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  \/* --- TAIL (The Triangle) --- *\/\r\n  .mag-why-bubble::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 12px;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n  }\r\n\r\n  \/* Left bubbles *\/\r\n  .bubble-left {\r\n    align-self: flex-start;\r\n    border-bottom-left-radius: 5px;\r\n    transform: translateX(-100px) scale(0.8);\r\n  }\r\n\r\n  .bubble-left::after {\r\n    left: -12px;\r\n    bottom: 18px;\r\n    border-width: 10px 14px 10px 0;\r\n    border-color: transparent var(--mag-primary) transparent transparent;\r\n  }\r\n\r\n  \/* Right bubbles *\/\r\n  .bubble-right {\r\n    align-self: flex-end;\r\n    border-bottom-right-radius: 5px;\r\n    text-align: right;\r\n    transform: translateX(100px) scale(0.8);\r\n  }\r\n\r\n  .bubble-right::after {\r\n    right: -12px;\r\n    bottom: 18px;\r\n    border-width: 10px 0 10px 14px;\r\n    border-color: transparent transparent transparent var(--mag-primary);\r\n  }\r\n\r\n  \/* --- ACTIVE STATE --- *\/\r\n  .mag-why-bubble.active {\r\n    opacity: 1;\r\n    transform: translate(0, 0) scale(1);\r\n  }\r\n\r\n  \/* --- CONTENT --- *\/\r\n  .bubble-label {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: var(--mag-white); \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n  }\r\n\r\n  .bubble-text {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    font-weight: 300;\r\n    color: var(--mag-white); \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 *\/\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* ========== MOBILE ========== *\/\r\n  @media (max-width: 768px) {\r\n    .mag-why-section { padding: 80px 20px; }\r\n    .mag-why-bubble { max-width: 90%; padding: 25px 30px; }\r\n    .bubble-left { transform: translateX(-30px) scale(0.8); }\r\n    .bubble-right { transform: translateX(30px) scale(0.8); }\r\n    .mag-why-bubble.active { transform: translate(0, 0) scale(1); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"mag-why-section\" id=\"magWhySection\">\r\n  <div class=\"mag-why-container\">\r\n    <div class=\"mag-why-header\" id=\"whyHeader\">\r\n      <h2 class=\"mag-why-title\">Why MAG Events?<\/h2>\r\n      <p class=\"mag-why-intro\">\r\n        Because major events leave no room for trial and error\u2014they require a\r\n        partner who knows exactly what to do and delivers it at the right\r\n        standard.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mag-why-bubbles\">\r\n      <!-- Bubble 1: Left -->\r\n      <div class=\"mag-why-bubble bubble-left\">\r\n        <span class=\"bubble-label\">Trained & Reliable Teams<\/span>\r\n        <span class=\"bubble-text\">Staff who have passed rigorous selection and professional qualification\u2014a team you can depend on without worry.<\/span>\r\n      <\/div>\r\n\r\n      <!-- Bubble 2: Right -->\r\n      <div class=\"mag-why-bubble bubble-right\">\r\n        <span class=\"bubble-label\">Operational Excellence<\/span>\r\n        <span class=\"bubble-text\">A strict methodology that ensures every field operation runs with uncompromising fluidity and efficiency.<\/span>\r\n      <\/div>\r\n\r\n      <!-- Bubble 3: Left -->\r\n      <div class=\"mag-why-bubble bubble-left\">\r\n        <span class=\"bubble-label\">Professional Image<\/span>\r\n        <span class=\"bubble-text\">From appearance to etiquette\u2014our staff are a true extension of your event\u2019s identity and standards.<\/span>\r\n      <\/div>\r\n\r\n      <!-- Bubble 4: Right -->\r\n      <div class=\"mag-why-bubble bubble-right\">\r\n        <span class=\"bubble-label\">Flexibility for Every Scale<\/span>\r\n        <span class=\"bubble-text\">Whether a private ceremony or a massive event, we have the capacity to adapt perfectly to your requirements.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    function initObserver() {\r\n      const section = document.getElementById('magWhySection');\r\n      const header = document.getElementById('whyHeader');\r\n      const bubbles = document.querySelectorAll('.mag-why-bubble');\r\n\r\n      if (!section || !header || bubbles.length === 0) {\r\n        requestAnimationFrame(initObserver);\r\n        return;\r\n      }\r\n\r\n      let triggered = false;\r\n\r\n      const observer = new IntersectionObserver(\r\n        (entries) => {\r\n          entries.forEach((entry) => {\r\n            if (entry.isIntersecting && !triggered) {\r\n              triggered = true;\r\n              header.classList.add('active');\r\n              bubbles.forEach((bubble, index) => {\r\n                setTimeout(() => {\r\n                  bubble.classList.add('active');\r\n                }, (index + 1) * 400);\r\n              });\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        { threshold: 0.15, rootMargin: '0px 0px -30px 0px' }\r\n      );\r\n\r\n      observer.observe(section);\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', () => {\r\n        requestAnimationFrame(initObserver);\r\n      });\r\n    } else {\r\n      requestAnimationFrame(initObserver);\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8a054f e-flex e-con-boxed e-con e-parent\" data-id=\"d8a054f\" data-element_type=\"container\" data-e-type=\"container\" id=\"OurWork\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-143037c elementor-widget elementor-widget-html\" data-id=\"143037c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Our Work Section \u2014 Interactive Visual Core Version -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --mag-primary: #012d24;\r\n  --mag-accent: #c5b49a;\r\n  --mag-white: #ffffff;\r\n  --transition-main: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mag-work-section {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Poppins', sans-serif;\r\n  padding: 120px 20px;\r\n  background: transparent;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.mag-work-section * { box-sizing: border-box; }\r\n\r\n.mag-work-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* --- HEADER --- *\/\r\n.mag-work-header {\r\n  text-align: center;\r\n  margin-bottom: 100px;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: var(--transition-main);\r\n}\r\n\r\n.mag-work-header.active {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.mag-work-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(36px, 6vw, 54px);\r\n  color: var(--mag-primary);\r\n  margin-bottom: 20px;\r\n  font-weight: 700;\r\n}\r\n\r\n.mag-work-intro {\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  color: #666;\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* --- MAIN LAYOUT --- *\/\r\n.mag-work-wrapper {\r\n  display: grid;\r\n  grid-template-columns: 1fr 400px 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n\/* --- CENTER VISUALS (The Merge) --- *\/\r\n.mag-work-visuals {\r\n  position: relative;\r\n  height: 500px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transform: scale(0.8);\r\n  transition: var(--transition-main);\r\n}\r\n\r\n.mag-work-visuals.active {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n}\r\n\r\n.mag-merged-img {\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 400px;\r\n  object-fit: cover;\r\n  border-radius: 15px;\r\n  box-shadow: 0 30px 60px rgba(0,0,0,0.2);\r\n  border: 8px solid white;\r\n  transition: var(--transition-main);\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.img-1 {\r\n  transform: rotate(-10deg) translate(-40px, -20px);\r\n  z-index: 1;\r\n  filter: brightness(0.9);\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 *\/\r\n.img-2 {\r\n  transform: rotate(5deg) translate(40px, 20px);\r\n  z-index: 2;\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u062a\u062d\u0648\u064a\u0645 \u0627\u0644\u0645\u0627\u0648\u0633 \u0639\u0644\u0649 \u0623\u064a \u0645\u0634\u0631\u0648\u0639 *\/\r\n.mag-work-wrapper:hover .img-1 { transform: rotate(-15deg) translate(-60px, -30px); }\r\n.mag-work-wrapper:hover .img-2 { transform: rotate(10deg) translate(60px, 30px); }\r\n\r\n\/* --- PROJECT LISTS --- *\/\r\n.mag-projects-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n}\r\n\r\n.mag-project-item {\r\n  padding: 25px;\r\n  border-radius: 20px;\r\n  background: rgba(1, 45, 36, 0.03);\r\n  border: 1px solid rgba(1, 45, 36, 0.05);\r\n  transition: var(--transition-main);\r\n  cursor: pointer;\r\n  opacity: 0;\r\n  position: relative;\r\n}\r\n\r\n\/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062f\u062e\u0648\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0648\u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n.col-left .mag-project-item { transform: translateX(-50px); }\r\n.col-right .mag-project-item { transform: translateX(50px); }\r\n\r\n.mag-project-item.active {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n.mag-project-item:hover {\r\n  background: var(--mag-primary);\r\n  transform: scale(1.05);\r\n  box-shadow: 0 20px 40px rgba(1, 45, 36, 0.15);\r\n}\r\n\r\n.mag-project-item h4 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 22px;\r\n  color: var(--mag-primary);\r\n  margin-bottom: 10px;\r\n  transition: var(--transition-main);\r\n}\r\n\r\n.mag-project-item p {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: #666;\r\n  font-weight: 300;\r\n  transition: var(--transition-main);\r\n}\r\n\r\n.mag-project-item:hover h4, \r\n.mag-project-item:hover p {\r\n  color: var(--mag-white);\r\n}\r\n\r\n\/* --- RESPONSIVE --- *\/\r\n@media (max-width: 1100px) {\r\n  .mag-work-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n  .mag-work-visuals {\r\n    order: -1; \/* \u0627\u0644\u0635\u0648\u0631 \u062a\u0635\u0628\u062d \u0641\u064a \u0627\u0644\u0623\u0639\u0644\u0649 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    height: 400px;\r\n  }\r\n  .mag-merged-img {\r\n    width: 220px;\r\n    height: 300px;\r\n  }\r\n  .mag-projects-col {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  }\r\n  .col-left, .col-right {\r\n    display: contents;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .mag-work-section { padding: 80px 15px; }\r\n  .mag-work-visuals { height: 350px; }\r\n  .mag-merged-img { width: 180px; height: 250px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mag-work-section\">\r\n  <div class=\"mag-work-container\">\r\n    \r\n    <div class=\"mag-work-header\" id=\"workHeader\">\r\n      <h2 class=\"mag-work-title\">Our Work<\/h2>\r\n      <p class=\"mag-work-intro\">\r\n        Trust is built on evidence, not words\u2014here is a glimpse of what we have achieved.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mag-work-wrapper\">\r\n      \r\n      <!-- LEFT PROJECTS -->\r\n      <div class=\"mag-projects-col col-left\">\r\n        <div class=\"mag-project-item\">\r\n          <h4>Golf Saudi<\/h4>\r\n          <p>A field partnership in one of the most prominent global golf championships, providing front-of-house staff and hospitality services to international standards.<\/p>\r\n        <\/div>\r\n        <div class=\"mag-project-item\">\r\n          <h4>World Rally Championship<\/h4>\r\n          <p>Managed staffing and operational support for the WRC Fan Zone activation.<\/p>\r\n        <\/div>\r\n        <div class=\"mag-project-item\">\r\n          <h4>Salone del Mobile Riyadh<\/h4>\r\n          <p>Present at the Saudi edition of the world's most prestigious interior design and furniture exhibition.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CENTER MERGED IMAGES -->\r\n      <div class=\"mag-work-visuals\" id=\"workVisuals\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-3.24.49-P7M.jpeg\" class=\"mag-merged-img img-1\" alt=\"Work 1\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-705-07-at-3.24.48-PM.jpeg\" class=\"mag-merged-img img-2\" alt=\"Work 2\">\r\n      <\/div>\r\n\r\n      <!-- RIGHT PROJECTS -->\r\n      <div class=\"mag-projects-col col-right\">\r\n        <div class=\"mag-project-item\">\r\n          <h4>Red Sea International Film Festival<\/h4>\r\n          <p>Providing protocol and hospitality services suited to the event's weight and the diversity of its guests.<\/p>\r\n        <\/div>\r\n        <div class=\"mag-project-item\">\r\n          <h4>SAMF Events<\/h4>\r\n          <p>Operational and field support for Saudi Automobile & Motorcycle Federation events with specialized staff.<\/p>\r\n        <\/div>\r\n        <div class=\"mag-project-item\">\r\n          <h4>Qiddiya Project Events<\/h4>\r\n          <p>Partnering in the events of the Qiddiya project\u2014the entertainment city redefining lifestyle in the Kingdom.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const header = document.getElementById('workHeader');\r\n  const visuals = document.getElementById('workVisuals');\r\n  const items = document.querySelectorAll('.mag-project-item');\r\n\r\n  const observerOptions = {\r\n    threshold: 0.2\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \/\/ 1. \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n        header.classList.add('active');\r\n        \r\n        \/\/ 2. \u0638\u0647\u0648\u0631 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0628\u0646\u0628\u0636\u0629\r\n        setTimeout(() => {\r\n          visuals.classList.add('active');\r\n        }, 400);\r\n        \r\n        \/\/ 3. \u0638\u0647\u0648\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u062a\u0633\u0644\u0633\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0648\u0627\u0644\u064a\u0633\u0627\u0631\r\n        items.forEach((item, index) => {\r\n          setTimeout(() => {\r\n            item.classList.add('active');\r\n          }, 800 + (index * 200));\r\n        });\r\n        \r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  observer.observe(document.querySelector('.mag-work-section'));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d0482 e-flex e-con-boxed e-con e-parent\" data-id=\"44d0482\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1367604 elementor-widget elementor-widget-html\" data-id=\"1367604\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Success Partners \u2014 \u0634\u0631\u064a\u0637\u0627\u0646 \u0628\u0644\u0627 \u062a\u0648\u0642\u0641\u060c \u062c\u0645\u064a\u0639 \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u0638\u0627\u0647\u0631\u0629\u060c \u062d\u0644\u0642\u0629 \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\u0629 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --mag-primary: #012d24;\r\n  --mag-accent: #c5b49a;\r\n  --marquee-speed: 10s; \/* \u0643\u0644\u0645\u0627 \u0642\u0644 \u0627\u0644\u0631\u0642\u0645 \u0632\u0627\u062f\u062a \u0627\u0644\u0633\u0631\u0639\u0629 *\/\r\n}\r\n\r\n.mag-partners-section {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Poppins', sans-serif;\r\n  padding: 80px 0;\r\n  background: transparent;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.mag-partners-section * { box-sizing: border-box; }\r\n\r\n.mag-partners-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.mag-partners-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(32px, 5vw, 48px);\r\n  color: var(--mag-primary);\r\n  font-weight: 700;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.mag-partners-title::after {\r\n  content: '';\r\n  display: block;\r\n  width: 60px;\r\n  height: 3px;\r\n  background: var(--mag-accent);\r\n  margin: 15px auto 0;\r\n}\r\n\r\n\/* --- MARQUEE CORE --- *\/\r\n.mag-marquee-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n  position: relative;\r\n}\r\n\r\n.mag-marquee-row {\r\n  display: flex;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  user-select: none;\r\n}\r\n\r\n.mag-marquee-content {\r\n  display: flex;\r\n  gap: 50px;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  width: max-content;\r\n  will-change: transform;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n.scroll-left {\r\n  animation: scroll-left var(--marquee-speed) linear infinite;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n.scroll-right {\r\n  animation: scroll-right var(--marquee-speed) linear infinite;\r\n}\r\n\r\n@keyframes scroll-left {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n@keyframes scroll-right {\r\n  0% { transform: translateX(-50%); }\r\n  100% { transform: translateX(0); }\r\n}\r\n\r\n\/* --- LOGO STYLE --- *\/\r\n.mag-logo {\r\n  width: 160px;\r\n  height: 90px;\r\n  object-fit: contain;\r\n  filter: none;\r\n  opacity: 1;\r\n  transition: transform 0.3s ease;\r\n  cursor: pointer;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.mag-logo:hover {\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* --- MOBILE OPTIMIZATION --- *\/\r\n@media (max-width: 768px) {\r\n  .mag-marquee-container { \r\n    gap: 20px; \r\n  }\r\n  .mag-marquee-content { \r\n    gap: 30px; \r\n  }\r\n  .mag-logo { \r\n    width: 120px; \r\n    height: 60px; \r\n  }\r\n  .mag-partners-header {\r\n    margin-bottom: 40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mag-partners-section\">\r\n  <div class=\"mag-partners-header\">\r\n    <h2 class=\"mag-partners-title\">Success Partners<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"mag-marquee-container\">\r\n    \r\n    <!-- \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0623\u0648\u0644: \u064a\u062a\u062d\u0631\u0643 \u0644\u0644\u064a\u0633\u0627\u0631 -->\r\n    <div class=\"mag-marquee-row\">\r\n      <div class=\"mag-marquee-content scroll-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-202566-05-07-at-3.26.17-PM.jpeg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-3.26.17-PM.jpeg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-3.26.15-PM.jpeg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/unnamed.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/uber-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/Nova-01.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/Nas-Air-Logo-Vector.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/Jeddah-2024-768x768-1.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <!-- \u0627\u0644\u0634\u0639\u0627\u0631 \u0627\u0644\u062c\u062f\u064a\u062f \u0627\u0644\u0645\u0636\u0627\u0641 -->\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/BLACK-Logo-1.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        \r\n        <!-- \u0627\u0644\u0646\u0633\u062e \u0627\u0644\u0645\u0643\u0631\u0631\u0629 (\u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062d\u0644\u0642\u0629 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629) -->\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-202566-05-07-at-3.26.17-PM.jpeg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-3.26.17-PM.jpeg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-07-at-3.26.15-PM.jpeg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/unnamed.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/uber-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/Nova-01.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/Nas-Air-Logo-Vector.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/Jeddah-2024-768x768-1.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <!-- \u0646\u0633\u062e\u0629 \u0627\u0644\u0634\u0639\u0627\u0631 \u0627\u0644\u062c\u062f\u064a\u062f \u0627\u0644\u0645\u0643\u0631\u0631\u0629 -->\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/BLACK-Logo-1.png\" class=\"mag-logo\" alt=\"Partner\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062b\u0627\u0646\u064a: \u064a\u062a\u062d\u0631\u0643 \u0644\u0644\u064a\u0645\u064a\u0646 -->\r\n    <div class=\"mag-marquee-row\">\r\n      <div class=\"mag-marquee-content scroll-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jahez-logo.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jahez74574-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/\u0645\u0624\u0633\u0633\u0629-\u0645\u0647\u0631\u062c\u0627\u0646-\u0627\u0644\u0628\u062d\u0631-\u0627\u0644\u0623\u062d\u0645\u0631-\u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jahez-2232logo.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jah747474774ez-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jah7474ez-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/images.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/General_Entertainment_Authority_Logo.svg.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <!-- \u0627\u0644\u0646\u0633\u062e \u0627\u0644\u0645\u0643\u0631\u0631\u0629 -->\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jahez-logo.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jahez74574-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/\u0645\u0624\u0633\u0633\u0629-\u0645\u0647\u0631\u062c\u0627\u0646-\u0627\u0644\u0628\u062d\u0631-\u0627\u0644\u0623\u062d\u0645\u0631-\u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jahez-2232logo.jpg\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jah747474774ez-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/jah7474ez-logo.webp\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/images.png\" class=\"mag-logo\" alt=\"Partner\">\r\n        <img decoding=\"async\" src=\"https:\/\/magevents.sa\/wp-content\/uploads\/2026\/05\/General_Entertainment_Authority_Logo.svg.png\" class=\"mag-logo\" alt=\"Partner\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ec03cd e-flex e-con-boxed e-con e-parent\" data-id=\"1ec03cd\" data-element_type=\"container\" data-e-type=\"container\" id=\"apply\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-406d481 elementor-widget elementor-widget-html\" data-id=\"406d481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Talented Network - Fully Transparent Version -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --mag-primary: #02392e;\r\n        --mag-accent: #c5b49a;\r\n        --mag-text-black: #000000;\r\n        --transition-smooth: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    .mag-network-section {\r\n        padding: 80px 20px;\r\n        background: transparent !important; \/* \u0634\u0641\u0627\u0641 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        font-family: 'Poppins', sans-serif;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .mag-network-container {\r\n        position: relative;\r\n        z-index: 1;\r\n        max-width: 1100px; \r\n        width: 100%;\r\n        text-align: center;\r\n        background: transparent !important; \/* \u0625\u0632\u0627\u0644\u0629 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n        padding: 40px 20px;\r\n        border-radius: 0;\r\n        box-shadow: none !important; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0638\u0644 *\/\r\n        border: none !important; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062d\u062f\u0648\u062f *\/\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        animation: fadeInUp 1s forwards;\r\n    }\r\n\r\n    \/* --- Header --- *\/\r\n    .mag-net-badge {\r\n        display: inline-block;\r\n        background: rgba(2, 57, 46, 0.1);\r\n        color: var(--mag-primary);\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2.5px;\r\n        padding: 6px 16px;\r\n        border-radius: 50px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .mag-net-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(32px, 6vw, 56px); \r\n        color: var(--mag-primary); \/* \u0627\u0644\u0644\u0648\u0646 02392e *\/\r\n        margin-bottom: 20px;\r\n        line-height: 1.1;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .mag-net-description {\r\n        font-size: 18px;\r\n        color: #444;\r\n        font-weight: 300;\r\n        max-width: 750px;\r\n        margin: 0 auto 40px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* --- High-Impact Button --- *\/\r\n    .mag-apply-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: var(--mag-primary);\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        padding: 20px 55px;\r\n        border-radius: 100px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        transition: var(--transition-smooth);\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 25px rgba(2, 57, 46, 0.2);\r\n    }\r\n\r\n    .mag-apply-btn:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 30px rgba(2, 57, 46, 0.3);\r\n        background: #012a22;\r\n    }\r\n\r\n    .mag-apply-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n        animation: shine 3.5s infinite;\r\n    }\r\n\r\n    @keyframes shine {\r\n        0% { left: -100%; }\r\n        20% { left: 100%; }\r\n        100% { left: 100%; }\r\n    }\r\n\r\n    \/* --- Recruiter Section --- *\/\r\n    .mag-recruiter-area {\r\n        margin-top: 50px;\r\n        padding-top: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .recruiter-text {\r\n        font-size: 15px;\r\n        color: #777;\r\n        font-style: italic;\r\n    }\r\n\r\n    .recruiter-contact {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: transparent;\r\n        padding: 10px 25px;\r\n        border-radius: 50px;\r\n        border: 1.5px solid var(--mag-accent);\r\n        color: var(--mag-primary);\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        font-size: 18px;\r\n        transition: var(--transition-smooth);\r\n        animation: pulse 2.5s infinite;\r\n    }\r\n\r\n    .recruiter-contact:hover {\r\n        background: var(--mag-accent);\r\n        color: #fff;\r\n    }\r\n\r\n    .recruiter-contact svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* --- Animations --- *\/\r\n    @keyframes fadeInUp {\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pulse {\r\n        0% { box-shadow: 0 0 0 0 rgba(197, 180, 154, 0.4); }\r\n        70% { box-shadow: 0 0 0 10px rgba(197, 180, 154, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(197, 180, 154, 0); }\r\n    }\r\n\r\n    \/* =========================================\r\n       MOBILE SPECIALIZATION\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .mag-network-section { \r\n            padding: 60px 15px; \r\n        }\r\n        .mag-network-container { \r\n            padding: 20px 10px; \r\n        }\r\n        .mag-net-title { \r\n            font-size: 28px; \r\n            margin-bottom: 15px;\r\n        }\r\n        .mag-net-description { \r\n            font-size: 15px; \r\n            margin-bottom: 30px; \r\n        }\r\n        .mag-apply-btn { \r\n            width: 100%; \r\n            padding: 16px 20px; \r\n            font-size: 14px; \r\n            border-radius: 15px;\r\n        }\r\n        .mag-recruiter-area { \r\n            margin-top: 30px; \r\n            padding-top: 20px;\r\n            background: transparent;\r\n        }\r\n        .recruiter-contact { \r\n            width: 100%;\r\n            justify-content: center;\r\n            font-size: 16px;\r\n            padding: 12px;\r\n            border-radius: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"mag-network-section\">\r\n    <div class=\"mag-network-container\">\r\n        \r\n        <span class=\"mag-net-badge\">Opportunities<\/span>\r\n        <h2 class=\"mag-net-title\">Join the MAG Events <br>Talented Network!<\/h2>\r\n        \r\n        <p class=\"mag-net-description\">\r\n            Are you a creative freelancer ready to showcase your skills? At MAG Events, we're passionate about collaboration and innovation. We invite you to embark on an exciting journey with us.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/docs.google.com\/forms\/d\/1mwzFfokrfUOsd6ZfjC6pHy4JxJAJue3dnxx-QyN2WTM\/viewform?edit_requested=true\" target=\"_blank\" class=\"mag-apply-btn\" rel=\"noopener\">\r\n            Apply Now\r\n        <\/a>\r\n\r\n        <div class=\"mag-recruiter-area\">\r\n            <span class=\"recruiter-text\">After submitting your response, please message our recruiter:<\/span>\r\n            <a href=\"https:\/\/wa.me\/966543449163\" target=\"_blank\" class=\"recruiter-contact\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884z\"\/>\r\n                <\/svg>\r\n                +966 543449163\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-350362e e-flex e-con-boxed e-con e-parent\" data-id=\"350362e\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2e263c elementor-widget elementor-widget-html\" data-id=\"e2e263c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MAG Contact Section - Transparent Luxury Version -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --mag-icon-color: #02392e;\r\n        --mag-text-black: #000000;\r\n        --mag-accent: #c5b49a;\r\n        --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    .mag-contact-section {\r\n        padding: 80px 20px;\r\n        background: transparent !important; \/* \u062c\u0639\u0644 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 *\/\r\n        font-family: 'Poppins', sans-serif;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .mag-contact-container {\r\n        max-width: 1000px;\r\n        width: 100%;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    \/* --- Header Style --- *\/\r\n    .mag-contact-header {\r\n        margin-bottom: 50px;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: fadeInUp 0.8s forwards;\r\n    }\r\n\r\n    .mag-contact-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(26px, 4vw, 36px); \r\n        color: var(--mag-text-black);\r\n        margin-bottom: 15px;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n\r\n    .mag-contact-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -8px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 50px;\r\n        height: 2px;\r\n        background: var(--mag-accent);\r\n    }\r\n\r\n    .mag-contact-subtitle {\r\n        font-size: 15px; \r\n        color: #444;\r\n        font-weight: 300;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- Contact Grid --- *\/\r\n    .mag-contact-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 25px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .mag-contact-card {\r\n        background: transparent !important; \/* \u0625\u0632\u0627\u0644\u0629 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n        padding: 40px 30px;\r\n        border-radius: 15px;\r\n        border: 1px solid rgba(0, 0, 0, 0.05); \/* \u062d\u062f\u0648\u062f \u062e\u0641\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0644\u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n        box-shadow: none !important; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0638\u0644 *\/\r\n        transition: var(--transition-smooth);\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n\r\n    .mag-contact-card:nth-child(1) { animation: fadeInUp 0.8s 0.2s forwards; }\r\n    .mag-contact-card:nth-child(2) { animation: fadeInUp 0.8s 0.4s forwards; }\r\n\r\n    .mag-contact-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: var(--mag-accent);\r\n        background: rgba(255, 255, 255, 0.3) !important; \/* \u0644\u0645\u0633\u0629 \u062e\u0641\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n    }\r\n\r\n    \/* --- Icon Animation --- *\/\r\n    .mag-icon-wrapper {\r\n        width: 65px;\r\n        height: 65px;\r\n        background: rgba(2, 57, 46, 0.05);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-bottom: 20px;\r\n        transition: var(--transition-smooth);\r\n        animation: float 3s ease-in-out infinite;\r\n    }\r\n\r\n    .mag-contact-card:nth-child(2) .mag-icon-wrapper {\r\n        animation-delay: 1.5s;\r\n    }\r\n\r\n    .mag-icon-wrapper svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        fill: var(--mag-icon-color);\r\n        transition: var(--transition-smooth);\r\n    }\r\n\r\n    .mag-contact-card:hover .mag-icon-wrapper {\r\n        background: var(--mag-icon-color);\r\n    }\r\n\r\n    .mag-contact-card:hover .mag-icon-wrapper svg {\r\n        fill: #fff;\r\n    }\r\n\r\n    \/* --- Text Style --- *\/\r\n    .mag-contact-label {\r\n        font-size: 12px; \r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        color: #888;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .mag-contact-value {\r\n        font-size: 17px; \r\n        color: var(--mag-text-black);\r\n        font-weight: 500;\r\n        transition: var(--transition-smooth);\r\n        word-break: break-all;\r\n    }\r\n\r\n    .mag-contact-card:hover .mag-contact-value {\r\n        color: #000;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* --- Keyframes --- *\/\r\n    @keyframes fadeInUp {\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    \/* --- Mobile Optimization --- *\/\r\n    @media (max-width: 768px) {\r\n        .mag-contact-section { \r\n            padding: 60px 15px; \r\n        }\r\n        .mag-contact-header { \r\n            margin-bottom: 35px; \r\n        }\r\n        .mag-contact-title { \r\n            font-size: 24px; \r\n        }\r\n        .mag-contact-subtitle { \r\n            font-size: 14px; \r\n        }\r\n        .mag-contact-grid { \r\n            grid-template-columns: 1fr; \r\n            gap: 20px;\r\n        }\r\n        .mag-contact-card { \r\n            padding: 30px 20px; \r\n            border: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062d\u062f\u0648\u062f \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0645\u0638\u0647\u0631 \u0623\u0646\u0638\u0641 *\/\r\n        }\r\n        .mag-icon-wrapper { \r\n            width: 60px; \r\n            height: 60px; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"mag-contact-section\">\r\n    <div class=\"mag-contact-container\">\r\n        \r\n        <div class=\"mag-contact-header\">\r\n            <h2 class=\"mag-contact-title\">Get In Touch<\/h2>\r\n            <p class=\"mag-contact-subtitle\">We are ready to elevate your next event to world-class standards. Reach out to us today.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mag-contact-grid\">\r\n            \r\n            <!-- Email Card -->\r\n            <a href=\"mailto:Hamid@magevents.sa\" class=\"mag-contact-card\">\r\n                <div class=\"mag-icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"mag-contact-label\">Email Us<\/span>\r\n                <span class=\"mag-contact-value\">Hamid@magevents.sa<\/span>\r\n            <\/a>\r\n\r\n            <!-- Phone Card -->\r\n            <a href=\"tel:+966533788235\" class=\"mag-contact-card\">\r\n                <div class=\"mag-icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <span class=\"mag-contact-label\">Call Us<\/span>\r\n                <span class=\"mag-contact-value\">+966 533788235<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;Where authentic Saudi hospitality meets world&#8209;class operational standards. We don&#8217;t just staff events; we define their success.&#8221; Get In Touch Who We Are? We are a company specialized in talent acquisition and the management of field operations for events. We blend precision planning with the spirit of authentic Saudi hospitality. Operating alongside cultural, corporate, and<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"solace_meta_sidebar":"","solace_meta_container":"","solace_meta_enable_content_width":"","solace_meta_content_width":0,"solace_meta_title_alignment":"","solace_meta_author_avatar":"","solace_post_elements_order":"","solace_meta_disable_header":"","solace_meta_disable_footer":"","solace_meta_disable_title":"","footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":259,"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":482,"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/pages\/52\/revisions\/482"}],"wp:attachment":[{"href":"https:\/\/magevents.sa\/ar\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}