{"id":85,"date":"2026-09-06T16:42:35","date_gmt":"2026-09-06T16:42:35","guid":{"rendered":"https:\/\/almaalybh.com\/?page_id=85"},"modified":"2026-09-08T04:38:28","modified_gmt":"2026-09-08T04:38:28","slug":"home-premium","status":"publish","type":"page","link":"https:\/\/almaalybh.com\/ar\/","title":{"rendered":"Home Premiume"},"content":{"rendered":"<header class=\"gtfy-1\" id=\"maaly-header\">\n\n<style>\n\n#maaly-header,\n#maaly-header *{\n    box-sizing:border-box;\n}\n\n#maaly-header{\n    --purple:#57204f;\n    --deep:#35112f;\n    --gold:#c9a34b;\n\n    position:relative;\n    z-index:9999;\n\n    width:100vw !important;\n    max-width:none !important;\n\n    left:50%;\n    transform:translateX(-50%);\n\n    margin:0 !important;\n    padding:0 !important;\n\n    background:#fff;\n    border-top:3px solid var(--gold);\n\n    font-family:Arial,Helvetica,sans-serif;\n}\n\n\n\/* =========================================\n   FULL WIDTH HEADER\n========================================= *\/\n\n#maaly-header .mh-inner{\n    width:100% !important;\n    max-width:none !important;\n\n    height:94px;\n\n    margin:0 auto;\n    padding:0 30px;\n\n    display:grid;\n\n    grid-template-columns:\n        275px\n        245px\n        minmax(0,1fr)\n        210px;\n\n    align-items:center;\n\n    column-gap:20px;\n}\n\n\n\/* =========================================\n   LOGO\n========================================= *\/\n\n#maaly-header .mh-logo{\n    width:275px;\n    height:92px;\n\n    display:flex;\n    align-items:center;\n    justify-content:flex-start;\n\n    overflow:visible;\n\n    text-decoration:none;\n}\n\n#maaly-header .mh-logo img{\n    display:block;\n\n    width:270px;\n    height:92px;\n\n    max-width:none;\n\n    object-fit:contain;\n    object-position:center;\n\n    margin:0;\n    padding:0;\n\n    border:0;\n}\n\n\n\/* =========================================\n   BAHRAIN \/ SAUDI ARABIA\n========================================= *\/\n\n#maaly-header .mh-country{\n    display:flex;\n\n    align-items:center;\n    justify-content:flex-start;\n\n    gap:8px;\n\n    white-space:nowrap !important;\n    flex-wrap:nowrap !important;\n\n    color:var(--purple);\n\n    font-size:14px;\n    font-weight:700;\n\n    letter-spacing:.7px;\n}\n\n#maaly-header .mh-country span{\n    white-space:nowrap !important;\n}\n\n#maaly-header .mh-country .flag{\n    font-size:21px;\n    line-height:1;\n}\n\n#maaly-header .mh-country .dot{\n    color:var(--gold);\n\n    font-size:16px;\n\n    margin:0 2px;\n}\n\n#maaly-header .mh-saudi{\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    flex-wrap:nowrap !important;\n    white-space:nowrap !important;\n}\n\n\n\/* =========================================\n   NAVIGATION\n========================================= *\/\n\n#maaly-header .mh-nav{\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    min-width:0;\n\n    gap:30px;\n\n    white-space:nowrap;\n}\n\n#maaly-header .mh-nav a{\n    position:relative;\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    min-height:42px;\n\n    color:var(--deep);\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:19px;\n    font-weight:500;\n\n    line-height:1;\n\n    text-decoration:none;\n\n    white-space:nowrap;\n\n    transition:color .25s ease;\n}\n\n#maaly-header .mh-nav a::after{\n    content:\"\";\n\n    position:absolute;\n\n    left:50%;\n    bottom:2px;\n\n    width:0;\n    height:1px;\n\n    background:var(--gold);\n\n    transform:translateX(-50%);\n\n    transition:width .25s ease;\n}\n\n#maaly-header .mh-nav a:hover{\n    color:var(--purple);\n}\n\n#maaly-header .mh-nav a:hover::after{\n    width:100%;\n}\n\n\n\/* =========================================\n   RIGHT ACTIONS\n========================================= *\/\n\n#maaly-header .mh-actions{\n    display:flex;\n\n    align-items:center;\n    justify-content:flex-end;\n\n    gap:10px;\n\n    min-width:210px;\n}\n\n\n\/* AR *\/\n\n#maaly-header .mh-language{\n    width:42px;\n    height:46px;\n\n    flex:0 0 42px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(87,32,79,.22);\n\n    color:var(--purple);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:13px;\n    font-weight:700;\n\n    text-decoration:none;\n\n    transition:\n        background .25s ease,\n        border-color .25s ease;\n}\n\n#maaly-header .mh-language:hover{\n    background:#f7f2f5;\n    border-color:var(--gold);\n}\n\n\n\/* =========================================\n   HIRE TALENT\n========================================= *\/\n\n#maaly-header .mh-hire{\n    height:46px;\n\n    min-width:150px;\n\n    padding:0 17px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    background:var(--purple);\n\n    border:1px solid var(--purple);\n\n    color:#fff;\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:1.3px;\n\n    text-decoration:none;\n\n    white-space:nowrap;\n\n    transition:\n        background .25s ease,\n        transform .25s ease;\n}\n\n#maaly-header .mh-hire:hover{\n    background:var(--deep);\n\n    transform:translateY(-2px);\n}\n\n\n\/* =========================================\n   MENU BUTTON\n========================================= *\/\n\n#maaly-header .mh-menu-button{\n    display:none;\n\n    width:46px;\n    height:46px;\n\n    padding:0;\n\n    border:1px solid rgba(87,32,79,.20);\n\n    background:#fff;\n\n    cursor:pointer;\n}\n\n#maaly-header .mh-menu-button span{\n    display:block;\n\n    width:20px;\n    height:1px;\n\n    margin:5px auto;\n\n    background:var(--purple);\n}\n\n\n\/* =========================================\n   MEDIUM DESKTOP\n========================================= *\/\n\n@media(max-width:1550px){\n\n    #maaly-header .mh-inner{\n        padding:0 18px;\n\n        grid-template-columns:\n            245px\n            215px\n            minmax(0,1fr)\n            195px;\n\n        column-gap:12px;\n    }\n\n    #maaly-header .mh-logo{\n        width:245px;\n        height:92px;\n    }\n\n    #maaly-header .mh-logo img{\n        width:240px;\n        height:92px;\n    }\n\n    #maaly-header .mh-country{\n        font-size:11px;\n\n        gap:6px;\n    }\n\n    #maaly-header .mh-country .flag{\n        font-size:18px;\n    }\n\n    #maaly-header .mh-nav{\n        gap:19px;\n    }\n\n    #maaly-header .mh-nav a{\n        font-size:17px;\n    }\n\n    #maaly-header .mh-actions{\n        min-width:195px;\n\n        gap:7px;\n    }\n\n    #maaly-header .mh-language{\n        width:40px;\n\n        flex-basis:40px;\n    }\n\n    #maaly-header .mh-hire{\n        min-width:145px;\n\n        padding:0 12px;\n\n        font-size:9px;\n    }\n}\n\n\n\/* =========================================\n   TABLET \/ SMALL LAPTOP\n========================================= *\/\n\n@media(max-width:1180px){\n\n    #maaly-header .mh-inner{\n        width:94% !important;\n\n        height:94px;\n\n        padding:0;\n\n        display:flex;\n\n        align-items:center;\n\n        gap:12px;\n    }\n\n    #maaly-header .mh-logo{\n        width:auto;\n        height:92px;\n\n        margin-right:auto;\n    }\n\n    #maaly-header .mh-logo img{\n        width:230px;\n        height:92px;\n    }\n\n    #maaly-header .mh-country{\n        font-size:11px;\n    }\n\n    #maaly-header .mh-nav{\n        position:absolute;\n\n        left:0;\n        right:0;\n        top:100%;\n\n        width:100%;\n\n        display:none;\n\n        padding:\n            20px\n            5%\n            28px;\n\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:2px;\n\n        background:#fff;\n\n        border-top:1px solid #eee;\n\n        border-bottom:\n            1px solid rgba(201,163,75,.35);\n\n        box-shadow:\n            0 15px 30px\n            rgba(0,0,0,.08);\n    }\n\n    #maaly-header .mh-nav.mh-open{\n        display:flex;\n    }\n\n    #maaly-header .mh-nav a{\n        width:100%;\n\n        justify-content:flex-start;\n\n        min-height:45px;\n\n        font-size:17px;\n    }\n\n    #maaly-header .mh-nav a::after{\n        display:none;\n    }\n\n    #maaly-header .mh-actions{\n        min-width:auto;\n    }\n\n    #maaly-header .mh-menu-button{\n        display:block;\n\n        flex:0 0 46px;\n    }\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media(max-width:700px){\n\n    #maaly-header .mh-inner{\n        width:94% !important;\n\n        height:88px;\n\n        gap:8px;\n    }\n\n    #maaly-header .mh-logo{\n        height:86px;\n    }\n\n    #maaly-header .mh-logo img{\n        width:190px;\n        height:86px;\n    }\n\n    #maaly-header .mh-country{\n        display:none;\n    }\n\n    #maaly-header .mh-language{\n        width:39px;\n        height:43px;\n\n        flex-basis:39px;\n    }\n\n    #maaly-header .mh-hire{\n        height:43px;\n\n        min-width:110px;\n\n        padding:0 9px;\n\n        font-size:8px;\n    }\n\n    #maaly-header .mh-menu-button{\n        width:43px;\n        height:43px;\n\n        flex-basis:43px;\n    }\n}\n\n\n@media(max-width:430px){\n\n    #maaly-header .mh-logo img{\n        width:160px;\n    }\n\n    #maaly-header .mh-hire{\n        display:none;\n    }\n}\n\n<\/style>\n\n\n<div class=\"mh-inner\">\n\n    <!-- LOGO -->\n\n    <a href=\"\/ar\/\" class=\"mh-logo\">\n\n        <img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\"\n            src=\"https:\/\/i0.wp.com\/almaalybh.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-6-2026-07_19_50-PM.png?ssl=1\"\n            alt=\"Al Maaly Recruitment &amp; Manpower Services\"\n        >\n\n    <\/a>\n\n\n    <!-- BAHRAIN \/ SAUDI -->\n\n    <div class=\"mh-country\">\n\n        <span class=\"flag\">\ud83c\udde7\ud83c\udded<\/span>\n        <span>\u0627\u0644\u0628\u062d\u0631\u064a\u0646<\/span>\n\n        <span class=\"dot\">\u2022<\/span>\n\n        <span class=\"mh-saudi\">\n\n            <span class=\"flag\">\ud83c\uddf8\ud83c\udde6<\/span>\n            <span>\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n\n        <\/span>\n\n    <\/div>\n\n\n    <!-- MENU -->\n\n    <nav class=\"mh-nav\" id=\"maaly-mobile-nav\">\n\n        <a href=\"\/ar\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n\n        <a href=\"\/ar\/about-us\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n\n        <a href=\"\/ar\/service\/\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n\n        <a href=\"\/ar\/vacancy\/\">\u0627\u0644\u0648\u0638\u0627\u0626\u0641<\/a>\n\n        <a href=\"\/ar\/employers\/\">\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n\n        <a href=\"\/ar\/#contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n\n    <\/nav>\n\n\n    <!-- ACTIONS -->\n\n    <div class=\"mh-actions\">\n\n        <a href=\"#\" class=\"mh-language\" aria-label=\"Arabic\">\n            AR\n        <\/a>\n\n        <a href=\"\/ar\/employers\/#employer-request\" class=\"mh-hire\">\n            \u0627\u0637\u0644\u0628 \u0643\u0648\u0627\u062f\u0631\n        <\/a>\n\n        <button\n            type=\"button\"\n            class=\"mh-menu-button\"\n            aria-label=\"Open menu\"\n            aria-controls=\"maaly-mobile-nav\"\n            aria-expanded=\"false\"\n            onclick=\"                var nav=document.getElementById('maaly-mobile-nav');                nav.classList.toggle('mh-open');                this.setAttribute(                    'aria-expanded',                    nav.classList.contains('mh-open') ? 'true' : 'false'                );            \"\n        >\n\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n\n        <\/button>\n\n    <\/div>\n\n<\/div>\n\n<\/header>\n\n\n\n<section class=\"gtfy-4\" id=\"maaly-hero\">\n\n<style>\n\n\/* =====================================================\n   AL MAALY \u2014 PREMIUM HERO\n   ===================================================== *\/\n\n#maaly-hero,\n#maaly-hero *{\n    box-sizing:border-box;\n}\n\n#maaly-hero{\n    --purple:#57204f;\n    --deep:#27101f;\n    --gold:#d1aa4d;\n    --cream:#f7f2ea;\n\n    position:relative !important;\n\n    width:100vw !important;\n    max-width:none !important;\n\n    min-height:690px;\n\n    left:50% !important;\n    transform:translateX(-50%) !important;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    overflow:hidden;\n\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(30,8,25,.94) 0%,\n            rgba(45,12,37,.86) 34%,\n            rgba(62,19,51,.55) 58%,\n            rgba(35,10,29,.20) 100%\n        ),\n        url(\"https:\/\/almaalybh.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-6-2026-02_54_41-PM-1.png\");\n\n    background-size:cover;\n    background-position:center;\n    background-repeat:no-repeat;\n}\n\n\n\/* WORDPRESS FULL WIDTH PROTECTION *\/\n\n.entry-content #maaly-hero,\n.wp-block-post-content #maaly-hero,\n.wp-site-blocks #maaly-hero,\n.page-content #maaly-hero{\n\n    width:100vw !important;\n    max-width:100vw !important;\n\n    margin-left:calc(50% - 50vw) !important;\n    margin-right:calc(50% - 50vw) !important;\n\n    left:auto !important;\n    transform:none !important;\n}\n\n\n\/* =====================================================\n   OVERLAY DETAILS\n   ===================================================== *\/\n\n#maaly-hero::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n        radial-gradient(\n            circle at 72% 35%,\n            rgba(210,170,77,.09),\n            transparent 32%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* GOLD BOTTOM LINE *\/\n\n#maaly-hero::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    bottom:0;\n\n    width:100%;\n    height:1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(209,170,77,.75),\n            transparent\n        );\n}\n\n\n\/* =====================================================\n   INNER\n   ===================================================== *\/\n\n#maaly-hero .hero-inner{\n\n    position:relative;\n\n    z-index:2;\n\n    width:90%;\n    max-width:1540px;\n\n    min-height:690px;\n\n    margin:0 auto;\n\n    display:flex;\n    align-items:center;\n}\n\n\n\/* =====================================================\n   CONTENT\n   ===================================================== *\/\n\n#maaly-hero .hero-content{\n\n    width:100%;\n    max-width:800px;\n\n    padding:\n        80px\n        0\n        95px;\n}\n\n\n\/* =====================================================\n   EYEBROW\n   ===================================================== *\/\n\n#maaly-hero .hero-eyebrow{\n\n    display:flex;\n    align-items:center;\n\n    gap:13px;\n\n    margin-bottom:25px;\n\n    color:rgba(255,255,255,.82);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n}\n\n#maaly-hero .hero-eyebrow-line{\n\n    display:block;\n\n    width:45px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n\n\/* =====================================================\n   TITLE\n   ===================================================== *\/\n\n#maaly-hero .hero-title{\n\n    margin:0;\n\n    color:#fff;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:76px;\n    font-weight:400;\n\n    line-height:.99;\n\n    letter-spacing:-2.5px;\n}\n\n#maaly-hero .hero-title span{\n\n    display:block;\n\n    margin-top:8px;\n\n    color:var(--gold);\n\n    font-style:italic;\n\n    font-weight:400;\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n   ===================================================== *\/\n\n#maaly-hero .hero-description{\n\n    max-width:610px;\n\n    margin:\n        30px\n        0\n        0;\n\n    color:rgba(255,255,255,.72);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:16px;\n    font-weight:300;\n\n    line-height:1.8;\n}\n\n\n\/* =====================================================\n   BUTTONS\n   ===================================================== *\/\n\n#maaly-hero .hero-actions{\n\n    display:flex;\n    align-items:center;\n\n    flex-wrap:wrap;\n\n    gap:14px;\n\n    margin-top:37px;\n}\n\n\n\/* SHARED *\/\n\n#maaly-hero .hero-btn{\n\n    min-width:190px;\n    height:56px;\n\n    padding:0 27px;\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:11px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:1.7px;\n\n    text-decoration:none !important;\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n\n    cursor:pointer;\n\n    transition:\n        background .25s ease,\n        border-color .25s ease,\n        color .25s ease,\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n\n\/* VACANCY *\/\n\n#maaly-hero .hero-btn-primary{\n\n    background:var(--gold);\n\n    border:1px solid var(--gold);\n\n    color:var(--deep) !important;\n}\n\n#maaly-hero .hero-btn-primary:hover{\n\n    background:#e0bd67;\n\n    border-color:#e0bd67;\n\n    color:var(--deep) !important;\n\n    transform:translateY(-3px);\n\n    box-shadow:\n        0 12px 25px\n        rgba(0,0,0,.18);\n}\n\n\n\/* HIRE TALENT *\/\n\n#maaly-hero .hero-btn-secondary{\n\n    background:rgba(255,255,255,.04);\n\n    border:\n        1px solid rgba(255,255,255,.55);\n\n    color:#fff !important;\n\n    backdrop-filter:blur(4px);\n    -webkit-backdrop-filter:blur(4px);\n}\n\n#maaly-hero .hero-btn-secondary:hover{\n\n    background:#fff;\n\n    border-color:#fff;\n\n    color:var(--purple) !important;\n\n    transform:translateY(-3px);\n}\n\n\n\/* ARROW *\/\n\n#maaly-hero .hero-arrow{\n\n    display:inline-block;\n\n    font-size:15px;\n\n    line-height:1;\n\n    transition:\n        transform .25s ease;\n}\n\n#maaly-hero .hero-btn:hover .hero-arrow{\n\n    transform:translateX(4px);\n}\n\n\n\/* =====================================================\n   EXPLORE\n   ===================================================== *\/\n\n#maaly-hero .hero-explore{\n\n    position:absolute;\n\n    right:0;\n    bottom:55px;\n\n    display:flex;\n    align-items:center;\n\n    gap:13px;\n\n    color:rgba(255,255,255,.52);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:9px;\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n}\n\n#maaly-hero .hero-explore-line{\n\n    width:50px;\n    height:1px;\n\n    background:\n        rgba(255,255,255,.35);\n}\n\n\n\/* =====================================================\n   LARGE TABLET\n   ===================================================== *\/\n\n@media(max-width:1100px){\n\n    #maaly-hero,\n    #maaly-hero .hero-inner{\n\n        min-height:620px;\n    }\n\n    #maaly-hero .hero-inner{\n\n        width:88%;\n    }\n\n    #maaly-hero .hero-content{\n\n        max-width:680px;\n\n        padding:\n            70px\n            0\n            85px;\n    }\n\n    #maaly-hero .hero-title{\n\n        font-size:64px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   ===================================================== *\/\n\n@media(max-width:700px){\n\n    #maaly-hero{\n\n        min-height:610px;\n\n        background-position:62% center;\n    }\n\n    #maaly-hero::before{\n\n        background:\n            linear-gradient(\n                90deg,\n                rgba(30,8,25,.92),\n                rgba(30,8,25,.65)\n            );\n    }\n\n    #maaly-hero .hero-inner{\n\n        width:calc(100% - 44px);\n\n        min-height:610px;\n\n        align-items:center;\n    }\n\n    #maaly-hero .hero-content{\n\n        max-width:100%;\n\n        padding:\n            65px\n            0\n            85px;\n    }\n\n    #maaly-hero .hero-eyebrow{\n\n        margin-bottom:20px;\n\n        font-size:8px;\n\n        letter-spacing:2px;\n    }\n\n    #maaly-hero .hero-eyebrow-line{\n\n        width:30px;\n    }\n\n    #maaly-hero .hero-title{\n\n        font-size:46px;\n\n        line-height:1.02;\n\n        letter-spacing:-1.5px;\n    }\n\n    #maaly-hero .hero-description{\n\n        margin-top:24px;\n\n        font-size:14px;\n\n        line-height:1.7;\n    }\n\n    #maaly-hero .hero-actions{\n\n        margin-top:30px;\n\n        align-items:stretch;\n\n        flex-direction:column;\n\n        gap:10px;\n    }\n\n    #maaly-hero .hero-btn{\n\n        width:100%;\n\n        min-width:0;\n\n        height:53px;\n    }\n\n    #maaly-hero .hero-explore{\n\n        display:none;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n   ===================================================== *\/\n\n@media(max-width:420px){\n\n    #maaly-hero .hero-title{\n\n        font-size:40px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"hero-inner\">\n\n\n    <div class=\"hero-content\">\n\n\n        <!-- LOCATION -->\n\n        <div class=\"hero-eyebrow\">\n\n            <span class=\"hero-eyebrow-line\"><\/span>\n\n            <span>\n                \u0627\u0644\u0628\u062d\u0631\u064a\u0646.        \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\n            <\/span>\n\n        <\/div>\n\n\n        <!-- TITLE -->\n\n        <h1 class=\"hero-title\">\n\n            \u0646\u0631\u0628\u0637 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0628\u0627\u0644\u0641\u0631\u0635.\n\n            <span>\n                with Opportunity.\n            <\/span>\n\n        <\/h1>\n\n\n        <!-- DESCRIPTION -->\n\n        <p class=\"hero-description\">\n\n            \u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c.\n\n        <\/p>\n\n\n        <!-- BUTTONS -->\n\n        <div class=\"hero-actions\">\n\n\n            <!-- VACANCY -->\n\n            <a\n                href=\"\/ar\/vacancy\/\"\n                class=\"hero-btn hero-btn-primary\"\n            >\n\n                \u0627\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u0629\n\n                <span class=\"hero-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- EMPLOYERS -->\n\n            <a\n                href=\"#employers\"\n                class=\"hero-btn hero-btn-secondary\"\n            >\n\n                \u0627\u0637\u0644\u0628 \u0643\u0648\u0627\u062f\u0631\n\n                <span class=\"hero-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- EXPLORE -->\n\n    <div class=\"hero-explore\">\n\n        <span>\n            \u0627\u0643\u062a\u0634\u0641\n        <\/span>\n\n        <span class=\"hero-explore-line\"><\/span>\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"gtfy-7\" id=\"services\">\n\n<style>\n#services,\n#services *{\n    box-sizing:border-box;\n}\n\n#services{\n    --purple:#542044;\n    --deep:#35152d;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n    --text:#241d21;\n    --muted:#746c70;\n\n    position:relative !important;\n\n    width:100vw !important;\n    max-width:100vw !important;\n    left:50% !important;\n    transform:translateX(-50%) !important;\n\n    margin-top:0 !important;\n    margin-bottom:0 !important;\n\n    background:var(--cream);\n    color:var(--text);\n    overflow:hidden;\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    scroll-margin-top:100px;\n}\n\n#services .inner{\n    width:min(92%,1450px);\n    margin:0 auto;\n    padding:90px 0 65px;\n}\n\n\n\/* TOP *\/\n\n#services .top-line{\n    height:1px;\n    width:100%;\n    background:rgba(84,32,68,.18);\n    margin-bottom:30px;\n}\n\n#services .eyebrow{\n    margin-bottom:38px;\n\n    color:var(--purple);\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:4px;\n    text-transform:uppercase;\n}\n\n\n\/* INTRO *\/\n\n#services .intro{\n    display:grid;\n    grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);\n    gap:90px;\n    align-items:end;\n\n    margin-bottom:65px;\n}\n\n#services h2{\n    margin:0;\n\n    color:var(--purple);\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(52px,5vw,82px);\n    line-height:.96;\n    letter-spacing:-2.5px;\n    font-weight:400;\n}\n\n#services .intro-copy{\n    margin:0 0 5px;\n\n    color:var(--muted);\n    font-size:16px;\n    line-height:1.8;\n\n    max-width:480px;\n}\n\n\n\/* CARDS *\/\n\n#services .services-grid{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n\n    width:100%;\n\n    border-top:1px solid rgba(84,32,68,.17);\n    border-bottom:1px solid rgba(84,32,68,.17);\n}\n\n#services .service{\n    min-width:0;\n    min-height:370px;\n\n    padding:32px 32px 28px;\n\n    border-right:1px solid rgba(84,32,68,.14);\n\n    display:flex;\n    flex-direction:column;\n}\n\n#services .service:last-child{\n    border-right:none;\n}\n\n#services .number{\n    margin-bottom:38px;\n\n    color:var(--gold);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2px;\n}\n\n#services .icon{\n    width:50px;\n    height:50px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:26px;\n\n    border:1px solid rgba(213,173,77,.7);\n    border-radius:50%;\n\n    color:var(--gold);\n    font-size:18px;\n}\n\n#services h3{\n    margin:0 0 17px;\n\n    color:var(--text);\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(25px,1.8vw,31px);\n    line-height:1.08;\n    font-weight:400;\n\n    word-break:normal !important;\n    overflow-wrap:normal !important;\n    hyphens:none !important;\n}\n\n#services .service p{\n    margin:0 0 25px;\n\n    color:var(--muted);\n    font-size:13px;\n    line-height:1.7;\n}\n\n#services .service a{\n    margin-top:auto;\n\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    width:max-content;\n\n    color:var(--gold);\n    text-decoration:none;\n\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:2px;\n    text-transform:uppercase;\n\n    transition:\n        color .25s ease,\n        transform .25s ease;\n}\n\n#services .service a:hover{\n    color:var(--purple);\n    transform:translateX(4px);\n}\n\n\n\/* FEATURED *\/\n\n#services .service.featured{\n    background:var(--purple);\n}\n\n#services .service.featured h3{\n    color:#fff;\n}\n\n#services .service.featured p{\n    color:rgba(255,255,255,.68);\n}\n\n#services .service.featured a:hover{\n    color:#fff;\n}\n\n\n\/* BOTTOM *\/\n\n#services .bottom{\n    padding-top:30px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n}\n\n#services .bottom span{\n    color:var(--muted);\n    font-size:13px;\n}\n\n#services .bottom a{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    color:var(--purple);\n    text-decoration:none;\n\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2px;\n    text-transform:uppercase;\n\n    transition:\n        color .25s ease,\n        transform .25s ease;\n}\n\n#services .bottom a:hover{\n    color:var(--gold);\n    transform:translateX(4px);\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1000px){\n\n    #services .inner{\n        width:90%;\n        padding:70px 0 50px;\n    }\n\n    #services .intro{\n        grid-template-columns:1fr;\n        gap:25px;\n    }\n\n    #services .services-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    #services .service:nth-child(2){\n        border-right:none;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:650px){\n\n    #services{\n        scroll-margin-top:90px;\n    }\n\n    #services .inner{\n        width:calc(100% - 40px);\n        padding:55px 0 40px;\n    }\n\n    #services h2{\n        font-size:45px;\n        letter-spacing:-1.5px;\n    }\n\n    #services .services-grid{\n        grid-template-columns:1fr;\n    }\n\n    #services .service{\n        min-height:310px;\n        border-right:none;\n        border-bottom:1px solid rgba(84,32,68,.14);\n    }\n\n    #services .bottom{\n        flex-direction:column;\n        align-items:flex-start;\n    }\n}\n\n<\/style>\n\n\n<div class=\"inner\">\n\n    <div class=\"top-line\"><\/div>\n\n    <div class=\"eyebrow\">\n        \u0627\u0644\u0645\u0639\u0627\u0644\u064a \u2022 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c\n    <\/div>\n\n\n    <div class=\"intro\">\n\n        <h2>\n            \u062d\u0644\u0648\u0644 \u062a\u0648\u0638\u064a\u0641<br>\n            \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0643.\n        <\/h2>\n\n        <p class=\"intro-copy\">\n            \u0645\u0646 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0625\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u0646\u0631\u0628\u0637 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0628\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"services-grid\">\n\n\n        <!-- 01 -->\n\n        <div class=\"service\">\n\n            <div class=\"number\">01<\/div>\n            <div class=\"icon\">\u25ce<\/div>\n\n            <h3>\n                \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\n            <\/h3>\n\n            <p>\n                \u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629 \u0644\u0644\u0645\u0646\u0627\u0635\u0628 \u0627\u0644\u062d\u064a\u0648\u064a\u0629\n            <\/p>\n\n            <a href=\"#employers\">\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0629\n            <\/a>\n\n        <\/div>\n\n\n        <!-- 02 -->\n\n        <div class=\"service featured\">\n\n            <div class=\"number\">02<\/div>\n            <div class=\"icon\">\u25c7<\/div>\n\n            <h3>\n                \u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629\n            <\/h3>\n\n            <p>\n                \u062d\u0644\u0648\u0644 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u062a\u0646\u0627\u0645\u064a\u0629.\n            <\/p>\n\n            <a href=\"#employers\">\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0629\n            <\/a>\n\n        <\/div>\n\n\n        <!-- 03 -->\n\n        <div class=\"service\">\n\n            <div class=\"number\">03<\/div>\n            <div class=\"icon\">\u25c9<\/div>\n\n            <h3>\n                \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0645\u0646 \u0627\u0644\u062e\u0627\u0631\u062c\n            <\/h3>\n\n            <p>\n                \u0631\u0628\u0637 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0628\u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0627\u0644\u0645\u0624\u0647\u0644\u064a\u0646 \u0639\u0628\u0631 \u0634\u0628\u0643\u0627\u062a \u062a\u0648\u0638\u064a\u0641 \u062f\u0648\u0644\u064a\u0629.\n            <\/p>\n\n            <a href=\"#employers\">\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0629\n            <\/a>\n\n        <\/div>\n\n\n        <!-- 04 -->\n\n        <div class=\"service\">\n\n            <div class=\"number\">04<\/div>\n            <div class=\"icon\">\u2301<\/div>\n\n            <h3>\n                \u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629\n            <\/h3>\n\n            <p>\n                \u062d\u0644\u0648\u0644 \u062a\u0648\u0638\u064a\u0641 \u0645\u0631\u0646\u0629 \u0645\u0635\u0645\u0645\u0629 \u0648\u0641\u0642 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0648\u0623\u0647\u062f\u0627\u0641 \u0623\u0639\u0645\u0627\u0644\u0643.\n            <\/p>\n\n            <a href=\"#employers\">\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0629\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"bottom\">\n\n        <span>\n            \u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c\n        <\/span>\n\n        <a href=\"#employers\">\n            \u0627\u0639\u0645\u0644 \u0645\u0639\u0646\u0627\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"gtfy-10\" id=\"about\">\n\n<style>\n#about,\n#about *{\n    box-sizing:border-box;\n}\n\n#about{\n    --purple:#542044;\n    --deep:#35152d;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n    --white:#ffffff;\n    --soft:rgba(255,255,255,.68);\n\n    position:relative !important;\n\n    width:100vw !important;\n    max-width:100vw !important;\n    left:50% !important;\n    transform:translateX(-50%) !important;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    background:\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(213,173,77,.12),\n            transparent 32%\n        ),\n        linear-gradient(\n            125deg,\n            #35152d 0%,\n            #542044 55%,\n            #421936 100%\n        );\n\n    color:#fff;\n    overflow:hidden;\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    scroll-margin-top:100px;\n}\n\n\n\/* LARGE BACKGROUND TEXT *\/\n\n#about::after{\n    content:\"AL MAALY\";\n\n    position:absolute;\n\n    right:-30px;\n    top:35px;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n\n    font-size:clamp(100px,15vw,250px);\n    line-height:1;\n\n    color:rgba(255,255,255,.025);\n\n    white-space:nowrap;\n    pointer-events:none;\n}\n\n\n\/* MAIN CONTAINER *\/\n\n#about .why-inner{\n    position:relative;\n    z-index:2;\n\n    width:min(92%,1450px);\n    margin:0 auto;\n\n    padding:100px 0 80px;\n}\n\n\n\/* TOP LINE *\/\n\n#about .why-line{\n    width:100%;\n    height:1px;\n\n    background:rgba(213,173,77,.35);\n\n    margin-bottom:30px;\n}\n\n\n\/* EYEBROW *\/\n\n#about .why-eyebrow{\n    margin-bottom:45px;\n\n    color:var(--gold);\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:4px;\n    text-transform:uppercase;\n}\n\n\n\/* INTRO *\/\n\n#about .why-intro{\n    display:grid;\n\n    grid-template-columns:\n        minmax(0,1.25fr)\n        minmax(320px,.75fr);\n\n    gap:100px;\n    align-items:end;\n\n    margin-bottom:85px;\n}\n\n\n\/* TITLE *\/\n\n#about .why-title{\n    margin:0;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n\n    font-size:clamp(55px,5.8vw,92px);\n\n    line-height:.94;\n\n    letter-spacing:-3px;\n\n    font-weight:400;\n\n    color:#fff;\n}\n\n#about .why-title em{\n    color:var(--gold);\n    font-weight:400;\n}\n\n\n\/* INTRO TEXT *\/\n\n#about .why-copy{\n    margin:0;\n\n    max-width:500px;\n\n    color:var(--soft);\n\n    font-size:16px;\n\n    line-height:1.85;\n}\n\n\n\/* FEATURES *\/\n\n#about .why-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,minmax(0,1fr));\n\n    border-top:1px solid rgba(255,255,255,.14);\n    border-bottom:1px solid rgba(255,255,255,.14);\n}\n\n\n\/* FEATURE *\/\n\n#about .why-item{\n    min-width:0;\n\n    padding:38px 32px 40px;\n\n    border-right:1px solid rgba(255,255,255,.12);\n\n    transition:\n        background .3s ease,\n        transform .3s ease;\n}\n\n#about .why-item:last-child{\n    border-right:none;\n}\n\n\n\/* NUMBER *\/\n\n#about .why-number{\n    margin-bottom:45px;\n\n    color:var(--gold);\n\n    font-size:10px;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n}\n\n\n\/* ICON *\/\n\n#about .why-icon{\n    width:54px;\n    height:54px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:30px;\n\n    border:1px solid rgba(213,173,77,.65);\n\n    border-radius:50%;\n\n    color:var(--gold);\n\n    font-family:Georgia,serif;\n\n    font-size:20px;\n}\n\n\n\/* FEATURE TITLE *\/\n\n#about .why-item h3{\n    margin:0 0 18px;\n\n    color:#fff;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n\n    font-size:clamp(25px,1.9vw,32px);\n\n    line-height:1.08;\n\n    font-weight:400;\n\n    word-break:normal;\n}\n\n\n\/* FEATURE TEXT *\/\n\n#about .why-item p{\n    margin:0;\n\n    color:rgba(255,255,255,.62);\n\n    font-size:13px;\n\n    line-height:1.75;\n}\n\n\n\/* HOVER *\/\n\n#about .why-item:hover{\n    background:rgba(255,255,255,.04);\n    transform:translateY(-5px);\n}\n\n\n\/* BOTTOM *\/\n\n#about .why-bottom{\n    display:grid;\n\n    grid-template-columns:1fr auto;\n\n    gap:50px;\n\n    align-items:center;\n\n    padding-top:45px;\n}\n\n\n\/* BOTTOM TEXT *\/\n\n#about .why-statement{\n    margin:0;\n\n    max-width:760px;\n\n    color:#fff;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n\n    font-size:clamp(24px,2.4vw,38px);\n\n    line-height:1.25;\n\n    font-weight:400;\n}\n\n#about .why-statement span{\n    color:var(--gold);\n}\n\n\n\/* BUTTON *\/\n\n#about .why-btn{\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    min-width:190px;\n\n    padding:18px 26px;\n\n    border:1px solid var(--gold);\n\n    color:var(--gold);\n\n    text-decoration:none;\n\n    text-transform:uppercase;\n\n    letter-spacing:2px;\n\n    font-size:10px;\n\n    font-weight:700;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        transform .3s ease;\n}\n\n#about .why-btn:hover{\n    background:var(--gold);\n    color:var(--deep);\n    transform:translateY(-2px);\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1000px){\n\n    #about .why-inner{\n        width:90%;\n        padding:80px 0 65px;\n    }\n\n    #about .why-intro{\n        grid-template-columns:1fr;\n        gap:30px;\n        margin-bottom:60px;\n    }\n\n    #about .why-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    #about .why-item:nth-child(2){\n        border-right:none;\n    }\n\n    #about .why-item:nth-child(-n+2){\n        border-bottom:1px solid rgba(255,255,255,.12);\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:650px){\n\n    #about{\n        scroll-margin-top:90px;\n    }\n\n    #about .why-inner{\n        width:calc(100% - 40px);\n        padding:60px 0 50px;\n    }\n\n    #about .why-eyebrow{\n        letter-spacing:2.5px;\n    }\n\n    #about .why-title{\n        font-size:47px;\n        line-height:.98;\n        letter-spacing:-2px;\n    }\n\n    #about .why-copy{\n        font-size:15px;\n    }\n\n    #about .why-grid{\n        grid-template-columns:1fr;\n    }\n\n    #about .why-item{\n        border-right:none !important;\n        border-bottom:1px solid rgba(255,255,255,.12);\n    }\n\n    #about .why-item:last-child{\n        border-bottom:none;\n    }\n\n    #about .why-bottom{\n        grid-template-columns:1fr;\n        gap:30px;\n    }\n\n    #about .why-btn{\n        width:100%;\n    }\n}\n\n<\/style>\n\n\n<div class=\"why-inner\">\n\n    <div class=\"why-line\"><\/div>\n\n    <div class=\"why-eyebrow\">\n        \u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0645\u0639\u0627\u0644\u064a \u2022 \u0634\u0631\u064a\u0643\u0643 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c\n    <\/div>\n\n\n    <div class=\"why-intro\">\n\n        <h2 class=\"why-title\">\n            \u0646\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629<br>\n            \u0648\u0646\u0646\u0637\u0644\u0642 <em>\u0628\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a.<\/em>\n        <\/h2>\n\n        <p class=\"why-copy\">\n            \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0634\u063a\u0644 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0634\u0627\u063a\u0631\u0629. \u0646\u0639\u0645\u0644 \u0639\u0646 \u0642\u0631\u0628 \u0645\u0639 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0644\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0645 \u0645\u0646 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0648\u0631\u0628\u0637\u0647\u0645 \u0628\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0641\u064a \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"why-grid\">\n\n\n        <div class=\"why-item\">\n\n            <div class=\"why-number\">01<\/div>\n\n            <div class=\"why-icon\">\u25ce<\/div>\n\n            <h3>\n                \u062e\u0628\u0631\u0629 \u062e\u0644\u064a\u062c\u064a\u0629<br>\n                Focus\n            <\/h3>\n\n            <p>\n                \u062d\u0644\u0648\u0644 \u062a\u0648\u0638\u064a\u0641 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0644\u062f\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"why-item\">\n\n            <div class=\"why-number\">02<\/div>\n\n            <div class=\"why-icon\">\u25c7<\/div>\n\n            <h3 class=\"translation-block\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a<\/h3>\n\n            <p>\n                \u0645\u0646\u0647\u062c\u064a\u0629 \u062a\u0648\u0638\u064a\u0641 \u0645\u062f\u0631\u0648\u0633\u0629 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0644\u0648\u0638\u064a\u0641\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"why-item\">\n\n            <div class=\"why-number\">03<\/div>\n\n            <div class=\"why-icon\">\u25c9<\/div>\n\n            <h3 class=\"translation-block\">\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h3>\n\n            <p>\n                \u0646\u0639\u0645\u0644 \u0643\u0634\u0631\u064a\u0643 \u0641\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0645\u0632\u0648\u062f \u0644\u0644\u062e\u062f\u0645\u0629\u060c \u0648\u0646\u062f\u0639\u0645 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0645 \u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"why-item\">\n\n            <div class=\"why-number\">04<\/div>\n\n            <div class=\"why-icon\">\u2197<\/div>\n\n            <h3>\n                Scalable<br>\n                \u062d\u0644\u0648\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639\n            <\/h3>\n\n            <p>\n                \u0645\u0646 \u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0625\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0623\u0639\u062f\u0627\u062f \u0643\u0628\u064a\u0631\u0629 \u0645\u0646 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0639\u0627\u0645\u0644\u0629\u060c \u062a\u062a\u0648\u0633\u0639 \u062d\u0644\u0648\u0644\u0646\u0627 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0624\u0633\u0633\u062a\u0643.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"why-bottom\">\n\n        <p class=\"why-statement\">\n            \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0627 \u062a\u0634\u063a\u0644 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0641\u062d\u0633\u0628\n            <span>\u0628\u0644 \u062a\u062f\u0641\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0646\u062d\u0648 \u0627\u0644\u0623\u0645\u0627\u0645.<\/span>\n        <\/p>\n\n        <a\n            class=\"why-btn\"\n            href=\"#employers\"\n        >\n            \u0627\u0639\u0645\u0644 \u0645\u0639\u0646\u0627\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"gtfy-13\" id=\"maaly-pathways\">\n\n<style>\n\n\/* =========================================\n   AL MAALY \u2014 EMPLOYERS \u00d7 CANDIDATES\n   ========================================= *\/\n\n#maaly-pathways,\n#maaly-pathways *{\n    box-sizing:border-box;\n}\n\n#maaly-pathways{\n    --purple:#542044;\n    --purple-dark:#35152d;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n    --ink:#241d21;\n    --muted:#746c70;\n\n    width:100vw !important;\n    max-width:none !important;\n\n    position:relative;\n\n    left:50%;\n\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n\n    background:var(--cream);\n    color:var(--ink);\n\n    overflow:hidden;\n}\n\n\n\/* Decorative giant word *\/\n\n#maaly-pathways:before{\n    content:\"OPPORTUNITY\";\n\n    position:absolute;\n\n    top:20px;\n    left:50%;\n\n    transform:translateX(-50%);\n\n    font-family:Georgia,serif;\n\n    font-size:clamp(80px,13vw,220px);\n    line-height:1;\n\n    color:rgba(84,32,68,.035);\n\n    white-space:nowrap;\n\n    pointer-events:none;\n}\n\n\n\/* =========================================\n   MAIN WRAP\n   ========================================= *\/\n\n#maaly-pathways .mp-wrap{\n    width:min(1240px,calc(100% - 48px));\n\n    margin:auto;\n\n    padding:105px 0 100px;\n\n    position:relative;\n    z-index:2;\n}\n\n\n\/* =========================================\n   HEADING\n   ========================================= *\/\n\n#maaly-pathways .mp-eyebrow{\n    color:var(--purple);\n\n    font-size:12px;\n    font-weight:700;\n\n    letter-spacing:4px;\n\n    text-transform:uppercase;\n\n    margin-bottom:24px;\n}\n\n\n#maaly-pathways .mp-heading{\n    display:grid;\n\n    grid-template-columns:1.25fr .75fr;\n\n    gap:70px;\n\n    align-items:end;\n\n    margin-bottom:65px;\n}\n\n\n#maaly-pathways h2{\n    margin:0;\n\n    color:var(--purple);\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:clamp(48px,6vw,88px);\n\n    line-height:.94;\n\n    font-weight:400;\n\n    letter-spacing:-3px;\n}\n\n\n#maaly-pathways h2 em{\n    color:var(--gold);\n\n    font-weight:400;\n}\n\n\n#maaly-pathways .mp-intro{\n    margin:0 0 7px;\n\n    max-width:430px;\n\n    color:var(--muted);\n\n    font-family:Arial,sans-serif;\n\n    font-size:16px;\n\n    line-height:1.8;\n}\n\n\n\/* =========================================\n   MAIN CARDS\n   ========================================= *\/\n\n#maaly-pathways .mp-grid{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    min-height:500px;\n\n    border-top:\n        1px solid rgba(84,32,68,.18);\n\n    border-bottom:\n        1px solid rgba(84,32,68,.18);\n}\n\n\n\/* SHARED CARD *\/\n\n#maaly-pathways .mp-card{\n    position:relative;\n\n    padding:64px 58px;\n\n    overflow:hidden;\n\n    transition:.45s ease;\n}\n\n\n#maaly-pathways .mp-card:first-child{\n    border-right:\n        1px solid rgba(84,32,68,.18);\n}\n\n\n\/* =========================================\n   ANCHOR TARGETS\n   ========================================= *\/\n\n#employers,\n#candidates{\n    scroll-margin-top:110px;\n}\n\n\n\/* =========================================\n   EMPLOYER\n   ========================================= *\/\n\n#maaly-pathways .mp-employer{\n    background:transparent;\n}\n\n\n\/* =========================================\n   CANDIDATE\n   ========================================= *\/\n\n#maaly-pathways .mp-candidate{\n    background:var(--purple);\n\n    color:#fff;\n}\n\n\n\/* NUMBER *\/\n\n#maaly-pathways .mp-number{\n    display:block;\n\n    color:var(--gold);\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    margin-bottom:55px;\n}\n\n\n\/* ICON *\/\n\n#maaly-pathways .mp-icon{\n    width:60px;\n    height:60px;\n\n    border:\n        1px solid rgba(213,173,77,.75);\n\n    border-radius:50%;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    color:var(--gold);\n\n    font-size:21px;\n\n    margin-bottom:30px;\n}\n\n\n\/* CARD TITLE *\/\n\n#maaly-pathways h3{\n    margin:0 0 22px;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:clamp(36px,4vw,57px);\n\n    line-height:1.02;\n\n    font-weight:400;\n}\n\n\n#maaly-pathways .mp-employer h3{\n    color:var(--purple);\n}\n\n\n#maaly-pathways .mp-candidate h3{\n    color:#fff;\n}\n\n\n\/* CARD TEXT *\/\n\n#maaly-pathways .mp-card p{\n    max-width:450px;\n\n    margin:0 0 38px;\n\n    font-family:Arial,sans-serif;\n\n    font-size:15px;\n\n    line-height:1.8;\n}\n\n\n#maaly-pathways .mp-employer p{\n    color:var(--muted);\n}\n\n\n#maaly-pathways .mp-candidate p{\n    color:rgba(255,255,255,.68);\n}\n\n\n\/* =========================================\n   BUTTONS\n   ========================================= *\/\n\n#maaly-pathways .mp-btn{\n    position:relative;\n    z-index:5;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:28px;\n\n    min-width:210px;\n\n    justify-content:space-between;\n\n    padding:18px 22px;\n\n    text-decoration:none !important;\n\n    font-family:Arial,sans-serif;\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:2px;\n\n    text-transform:uppercase;\n\n    cursor:pointer;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        transform .3s ease;\n}\n\n\n\/* EMPLOYER BUTTON *\/\n\n#maaly-pathways .mp-employer .mp-btn{\n    background:var(--purple);\n\n    color:#fff !important;\n\n    border:1px solid var(--purple);\n}\n\n\n#maaly-pathways .mp-employer .mp-btn:hover{\n    background:var(--gold);\n\n    border-color:var(--gold);\n\n    color:var(--purple-dark) !important;\n\n    transform:translateY(-2px);\n}\n\n\n\/* CANDIDATE BUTTON *\/\n\n#maaly-pathways .mp-candidate .mp-btn{\n    border:1px solid var(--gold);\n\n    color:var(--gold) !important;\n\n    background:transparent;\n}\n\n\n#maaly-pathways .mp-candidate .mp-btn:hover{\n    background:var(--gold);\n\n    color:var(--purple-dark) !important;\n\n    transform:translateY(-2px);\n}\n\n\n\/* BUTTON ARROW *\/\n\n#maaly-pathways .mp-btn span{\n    transition:transform .3s ease;\n}\n\n\n#maaly-pathways .mp-btn:hover span{\n    transform:translateX(5px);\n}\n\n\n\/* =========================================\n   GIANT BACKGROUND NUMBERS\n   ========================================= *\/\n\n#maaly-pathways .mp-card:after{\n    position:absolute;\n\n    right:-15px;\n    bottom:-75px;\n\n    font-family:Georgia,serif;\n\n    font-size:230px;\n\n    line-height:1;\n\n    pointer-events:none;\n}\n\n\n#maaly-pathways .mp-employer:after{\n    content:\"01\";\n\n    color:rgba(84,32,68,.035);\n}\n\n\n#maaly-pathways .mp-candidate:after{\n    content:\"02\";\n\n    color:rgba(255,255,255,.035);\n}\n\n\n\/* =========================================\n   BOTTOM\n   ========================================= *\/\n\n#maaly-pathways .mp-bottom{\n    display:flex;\n\n    justify-content:space-between;\n\n    align-items:center;\n\n    gap:30px;\n\n    padding-top:48px;\n}\n\n\n#maaly-pathways .mp-bottom-text{\n    margin:0;\n\n    color:var(--purple);\n\n    font-family:Georgia,serif;\n\n    font-size:clamp(25px,3vw,40px);\n\n    line-height:1.15;\n}\n\n\n#maaly-pathways .mp-bottom-text em{\n    color:var(--gold);\n}\n\n\n#maaly-pathways .mp-small{\n    color:var(--purple);\n\n    font-family:Arial,sans-serif;\n\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n}\n\n\n\/* =========================================\n   RESPONSIVE\n   ========================================= *\/\n\n@media(max-width:800px){\n\n    #maaly-pathways .mp-wrap{\n        width:calc(100% - 34px);\n\n        padding:75px 0;\n    }\n\n\n    #maaly-pathways .mp-heading{\n        grid-template-columns:1fr;\n\n        gap:25px;\n\n        margin-bottom:45px;\n    }\n\n\n    #maaly-pathways h2{\n        letter-spacing:-1.5px;\n    }\n\n\n    #maaly-pathways .mp-grid{\n        grid-template-columns:1fr;\n    }\n\n\n    #maaly-pathways .mp-card:first-child{\n        border-right:0;\n\n        border-bottom:\n            1px solid rgba(84,32,68,.18);\n    }\n\n\n    #maaly-pathways .mp-card{\n        padding:50px 30px;\n    }\n\n\n    #maaly-pathways .mp-number{\n        margin-bottom:35px;\n    }\n\n\n    #maaly-pathways .mp-bottom{\n        align-items:flex-start;\n\n        flex-direction:column;\n    }\n\n\n    #employers,\n    #candidates{\n        scroll-margin-top:95px;\n    }\n}\n\n<\/style>\n\n\n<div class=\"mp-wrap\">\n\n\n    <div class=\"mp-eyebrow\">\n\n        AL MAALY\n        &nbsp; \u2022 &nbsp;\n        TWO PATHS. ONE NETWORK.\n\n    <\/div>\n\n\n    <div class=\"mp-heading\">\n\n\n        <h2>\n\n            Built for companies.<br>\n\n            Designed for\n            <em>people.<\/em>\n\n        <\/h2>\n\n\n        <p class=\"mp-intro\">\n\n            Whether you&#8217;re building a team or building your career,\n            Al Maaly connects employers and professionals through\n            recruitment solutions across the GCC.\n\n        <\/p>\n\n\n    <\/div>\n\n\n    <div class=\"mp-grid\">\n\n\n        <!-- =================================\n             EMPLOYERS\n             ================================= -->\n\n        <div\n            class=\"mp-card mp-employer\"\n            id=\"employers\"\n        >\n\n\n            <span class=\"mp-number\">\n\n                01 \/ EMPLOYERS\n\n            <\/span>\n\n\n            <div class=\"mp-icon\">\n\n                \u25c7\n\n            <\/div>\n\n\n            <h3>\n\n                Looking for<br>\n                the right talent?\n\n            <\/h3>\n\n\n            <p>\n\n                Tell us what your organization needs.\n                From specialist positions to large-scale\n                manpower requirements, our team connects\n                you with qualified professionals.\n\n            <\/p>\n\n\n            <a\n                class=\"mp-btn\"\n                href=\"#contact\"\n            >\n\n                Hire Talent\n\n                <span>\u2192<\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n        <!-- =================================\n             CANDIDATES\n             ================================= -->\n\n        <div\n            class=\"mp-card mp-candidate\"\n            id=\"candidates\"\n        >\n\n\n            <span class=\"mp-number\">\n\n                02 \/ CANDIDATES\n\n            <\/span>\n\n\n            <div class=\"mp-icon\">\n\n                \u2197\n\n            <\/div>\n\n\n            <h3>\n\n                Ready for your<br>\n                next opportunity?\n\n            <\/h3>\n\n\n            <p>\n\n                Explore career opportunities and connect\n                with employers looking for talent across\n                the GCC. Your next professional move\n                can start here.\n\n            <\/p>\n\n\n            <a\n                class=\"mp-btn\"\n                href=\"\/ar\/vacancy\/\"\n            >\n\n                Explore Opportunities\n\n                <span>\u2192<\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"mp-bottom\">\n\n\n        <p class=\"mp-bottom-text\">\n\n            One connection can\n            <em>change everything.<\/em>\n\n        <\/p>\n\n\n        <span class=\"mp-small\">\n\n            AL MAALY \u2022 GCC RECRUITMENT\n\n        <\/span>\n\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"gtfy-16\" id=\"maaly-process\">\n\n<style>\n\n\/* ==========================================\n   AL MAALY \u2014 HOW WE WORK\n   ========================================== *\/\n\n#maaly-process,\n#maaly-process *{\n    box-sizing:border-box;\n}\n\n#maaly-process{\n    --purple:#542044;\n    --deep:#35152d;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n    --white:#ffffff;\n    --muted:rgba(255,255,255,.64);\n\n    width:100vw !important;\n    max-width:none !important;\n\n    position:relative;\n    left:50%;\n\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n\n    background:#35152d;\n    color:#fff;\n\n    overflow:hidden;\n\n    scroll-margin-top:100px;\n}\n\n\n\/* LARGE DECORATIVE BACKGROUND *\/\n\n#maaly-process:before{\n    content:\"PROCESS\";\n\n    position:absolute;\n\n    top:-45px;\n    right:-30px;\n\n    font-family:Georgia,serif;\n\n    font-size:clamp(130px,20vw,330px);\n    line-height:1;\n\n    color:rgba(255,255,255,.025);\n\n    pointer-events:none;\n}\n\n\n\/* ==========================================\n   WRAP\n   ========================================== *\/\n\n#maaly-process .process-wrap{\n    width:min(1240px,calc(100% - 48px));\n\n    margin:auto;\n\n    padding:105px 0 110px;\n\n    position:relative;\n    z-index:2;\n}\n\n\n\/* ==========================================\n   TOP\n   ========================================== *\/\n\n#maaly-process .process-label{\n    font-family:Arial,sans-serif;\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:4px;\n\n    color:var(--gold);\n\n    text-transform:uppercase;\n\n    margin-bottom:28px;\n}\n\n\n#maaly-process .process-head{\n    display:grid;\n\n    grid-template-columns:1.2fr .8fr;\n\n    gap:80px;\n\n    align-items:end;\n\n    margin-bottom:80px;\n}\n\n\n#maaly-process h2{\n    margin:0;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:clamp(55px,7vw,96px);\n\n    line-height:.92;\n\n    letter-spacing:-3px;\n\n    font-weight:400;\n\n    color:#fff;\n}\n\n\n#maaly-process h2 em{\n    color:var(--gold);\n\n    font-weight:400;\n}\n\n\n#maaly-process .process-intro{\n    margin:0 0 5px;\n\n    font-family:Arial,sans-serif;\n\n    color:var(--muted);\n\n    font-size:16px;\n\n    line-height:1.85;\n\n    max-width:430px;\n}\n\n\n\/* ==========================================\n   STEPS\n   ========================================== *\/\n\n#maaly-process .steps{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    border-top:\n        1px solid rgba(255,255,255,.15);\n\n    border-bottom:\n        1px solid rgba(255,255,255,.15);\n}\n\n\n#maaly-process .step{\n    position:relative;\n\n    min-height:390px;\n\n    padding:40px 30px 45px;\n\n    border-right:\n        1px solid rgba(255,255,255,.12);\n\n    transition:\n        background .35s ease,\n        transform .35s ease;\n}\n\n\n#maaly-process .step:last-child{\n    border-right:0;\n}\n\n\n#maaly-process .step:hover{\n    background:var(--purple);\n}\n\n\n#maaly-process .step-number{\n    display:block;\n\n    font-family:Arial,sans-serif;\n\n    color:var(--gold);\n\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    margin-bottom:48px;\n}\n\n\n#maaly-process .step-icon{\n    width:62px;\n    height:62px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border:\n        1px solid rgba(213,173,77,.65);\n\n    border-radius:50%;\n\n    color:var(--gold);\n\n    font-size:20px;\n\n    margin-bottom:32px;\n}\n\n\n#maaly-process h3{\n    margin:0 0 20px;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:34px;\n\n    line-height:1.05;\n\n    font-weight:400;\n\n    color:#fff;\n}\n\n\n#maaly-process .step p{\n    margin:0;\n\n    font-family:Arial,sans-serif;\n\n    font-size:14px;\n\n    line-height:1.8;\n\n    color:var(--muted);\n}\n\n\n\/* ==========================================\n   CONNECTORS\n   ========================================== *\/\n\n#maaly-process .step:not(:last-child):after{\n    content:\"\u2192\";\n\n    position:absolute;\n\n    right:-14px;\n    top:65px;\n\n    width:28px;\n    height:28px;\n\n    border-radius:50%;\n\n    background:var(--deep);\n\n    border:\n        1px solid rgba(213,173,77,.55);\n\n    color:var(--gold);\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    font-size:11px;\n\n    z-index:3;\n}\n\n\n\/* ==========================================\n   BOTTOM\n   ========================================== *\/\n\n#maaly-process .process-bottom{\n    display:grid;\n\n    grid-template-columns:1fr auto;\n\n    gap:40px;\n\n    align-items:center;\n\n    padding-top:55px;\n}\n\n\n#maaly-process .process-quote{\n    margin:0;\n\n    max-width:800px;\n\n    font-family:Georgia,serif;\n\n    font-size:clamp(27px,3.4vw,44px);\n\n    line-height:1.15;\n\n    color:#fff;\n}\n\n\n#maaly-process .process-quote em{\n    color:var(--gold);\n}\n\n\n\/* ==========================================\n   CTA BUTTON\n   ========================================== *\/\n\n#maaly-process .process-btn{\n    position:relative;\n    z-index:5;\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n\n    min-width:205px;\n\n    padding:19px 22px;\n\n    border:1px solid var(--gold);\n\n    color:var(--gold) !important;\n\n    text-decoration:none !important;\n\n    font-family:Arial,sans-serif;\n\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:2.5px;\n\n    text-transform:uppercase;\n\n    cursor:pointer;\n\n    transition:\n        background .3s ease,\n        color .3s ease,\n        transform .3s ease;\n}\n\n\n#maaly-process .process-btn:hover{\n    background:var(--gold);\n\n    color:var(--deep) !important;\n\n    transform:translateY(-2px);\n}\n\n\n#maaly-process .process-btn span{\n    transition:transform .3s ease;\n}\n\n\n#maaly-process .process-btn:hover span{\n    transform:translateX(5px);\n}\n\n\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n\n@media(max-width:900px){\n\n    #maaly-process .process-wrap{\n        width:calc(100% - 34px);\n\n        padding:75px 0;\n    }\n\n\n    #maaly-process .process-head{\n        grid-template-columns:1fr;\n\n        gap:30px;\n\n        margin-bottom:55px;\n    }\n\n\n    #maaly-process h2{\n        letter-spacing:-1.5px;\n    }\n\n\n    #maaly-process .steps{\n        grid-template-columns:1fr 1fr;\n    }\n\n\n    #maaly-process .step{\n        min-height:350px;\n\n        border-bottom:\n            1px solid rgba(255,255,255,.12);\n    }\n\n\n    #maaly-process .step:after{\n        display:none !important;\n    }\n\n\n    #maaly-process .process-bottom{\n        grid-template-columns:1fr;\n    }\n}\n\n\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n\n@media(max-width:600px){\n\n    #maaly-process{\n        scroll-margin-top:90px;\n    }\n\n\n    #maaly-process .steps{\n        grid-template-columns:1fr;\n    }\n\n\n    #maaly-process .step{\n        min-height:auto;\n\n        padding:40px 25px 50px;\n\n        border-right:0;\n    }\n\n\n    #maaly-process .process-btn{\n        width:100%;\n    }\n}\n\n<\/style>\n\n\n<div class=\"process-wrap\">\n\n\n    <div class=\"process-label\">\n\n        HOW WE WORK\n        &nbsp; \u2022 &nbsp;\n        AL MAALY RECRUITMENT\n\n    <\/div>\n\n\n    <div class=\"process-head\">\n\n\n        <h2>\n\n            From requirement<br>\n\n            to the\n            <em>right hire.<\/em>\n\n        <\/h2>\n\n\n        <p class=\"process-intro\">\n\n            A clear recruitment process built to connect organizations\n            with the right professionals efficiently, professionally\n            and across GCC markets.\n\n        <\/p>\n\n\n    <\/div>\n\n\n    <div class=\"steps\">\n\n\n        <!-- STEP 1 -->\n\n        <div class=\"step\">\n\n            <span class=\"step-number\">\n                01 \/ UNDERSTAND\n            <\/span>\n\n            <div class=\"step-icon\">\n                \u25ce\n            <\/div>\n\n            <h3>\n                Define the<br>\n                requirement.\n            <\/h3>\n\n            <p>\n                We start by understanding the position,\n                workforce requirements, experience and\n                expectations of your organization.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- STEP 2 -->\n\n        <div class=\"step\">\n\n            <span class=\"step-number\">\n                02 \/ SOURCE\n            <\/span>\n\n            <div class=\"step-icon\">\n                \u25c7\n            <\/div>\n\n            <h3>\n                Find the<br>\n                right talent.\n            <\/h3>\n\n            <p>\n                We identify suitable professionals through\n                our recruitment resources and international\n                candidate networks.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- STEP 3 -->\n\n        <div class=\"step\">\n\n            <span class=\"step-number\">\n                03 \/ SELECT\n            <\/span>\n\n            <div class=\"step-icon\">\n                \u25c9\n            <\/div>\n\n            <h3>\n                Screen &amp;<br>\n                select.\n            <\/h3>\n\n            <p>\n                Candidates are evaluated against the role,\n                experience and employer requirements before\n                moving forward.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- STEP 4 -->\n\n        <div class=\"step\">\n\n            <span class=\"step-number\">\n                04 \/ CONNECT\n            <\/span>\n\n            <div class=\"step-icon\">\n                \u2197\n            <\/div>\n\n            <h3>\n                Connect &amp;<br>\n                mobilize.\n            <\/h3>\n\n            <p>\n                We coordinate the recruitment journey toward\n                successful placement and workforce mobilization.\n            <\/p>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"process-bottom\">\n\n\n        <p class=\"process-quote\">\n\n            Recruitment should feel structured,\n\n            <em>not complicated.<\/em>\n\n        <\/p>\n\n\n        <a\n            href=\"#employers\"\n            class=\"process-btn\"\n        >\n\n            START A REQUEST\n\n            <span>\u2192<\/span>\n\n        <\/a>\n\n\n    <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"gtfy-19\" id=\"maaly-gcc-presence\">\n<style>\n\n\/* =========================================\n   AL MAALY \u2014 GCC PRESENCE\n   ========================================= *\/\n\n#maaly-gcc-presence,\n#maaly-gcc-presence *{\n    box-sizing:border-box;\n}\n\n#maaly-gcc-presence{\n    --purple:#542044;\n    --deep:#35152d;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n    --text:#241d21;\n    --muted:#746c70;\n\n    width:100vw !important;\n    max-width:none !important;\n    position:relative;\n    left:50%;\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n\n    background:var(--cream);\n    color:var(--text);\n    overflow:hidden;\n}\n\n\/* GIANT BACKGROUND TEXT *\/\n\n#maaly-gcc-presence:before{\n    content:\"GCC\";\n    position:absolute;\n    right:-30px;\n    top:-90px;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(220px,32vw,520px);\n    line-height:1;\n    color:rgba(84,32,68,.035);\n\n    pointer-events:none;\n}\n\n#maaly-gcc-presence .gcc-wrap{\n    width:min(1240px,calc(100% - 48px));\n    margin:auto;\n    padding:110px 0 105px;\n    position:relative;\n    z-index:2;\n}\n\n\n\/* =========================\n   HEADER\n   ========================= *\/\n\n#maaly-gcc-presence .gcc-label{\n    color:var(--purple);\n    font-family:Arial,sans-serif;\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:4px;\n    text-transform:uppercase;\n    margin-bottom:30px;\n}\n\n#maaly-gcc-presence .gcc-head{\n    display:grid;\n    grid-template-columns:1.2fr .8fr;\n    gap:90px;\n    align-items:end;\n    margin-bottom:80px;\n}\n\n#maaly-gcc-presence h2{\n    margin:0;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(58px,7vw,100px);\n    line-height:.92;\n    letter-spacing:-4px;\n    font-weight:400;\n\n    color:var(--purple);\n}\n\n#maaly-gcc-presence h2 em{\n    color:var(--gold);\n    font-weight:400;\n}\n\n#maaly-gcc-presence .gcc-intro{\n    margin:0 0 6px;\n    max-width:440px;\n\n    color:var(--muted);\n    font-family:Arial,sans-serif;\n    font-size:16px;\n    line-height:1.85;\n}\n\n\n\/* =========================\n   MAIN AREA\n   ========================= *\/\n\n#maaly-gcc-presence .gcc-main{\n    display:grid;\n    grid-template-columns:1.08fr .92fr;\n\n    border-top:1px solid rgba(84,32,68,.17);\n    border-bottom:1px solid rgba(84,32,68,.17);\n}\n\n\n\/* LEFT SIDE *\/\n\n#maaly-gcc-presence .gcc-left{\n    padding:65px 65px 65px 0;\n    border-right:1px solid rgba(84,32,68,.17);\n}\n\n#maaly-gcc-presence .gcc-small{\n    display:block;\n    margin-bottom:32px;\n\n    color:var(--gold);\n    font-family:Arial,sans-serif;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:3px;\n    text-transform:uppercase;\n}\n\n#maaly-gcc-presence .gcc-statement{\n    max-width:610px;\n    margin:0;\n\n    color:var(--purple);\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(34px,4.2vw,60px);\n    line-height:1.08;\n    font-weight:400;\n}\n\n#maaly-gcc-presence .gcc-statement em{\n    color:var(--gold);\n}\n\n#maaly-gcc-presence .gcc-line{\n    width:90px;\n    height:1px;\n    background:var(--gold);\n    margin:45px 0;\n}\n\n#maaly-gcc-presence .gcc-copy{\n    max-width:520px;\n    margin:0;\n\n    color:var(--muted);\n    font-family:Arial,sans-serif;\n    font-size:15px;\n    line-height:1.85;\n}\n\n\n\/* =========================\n   LOCATIONS\n   ========================= *\/\n\n#maaly-gcc-presence .gcc-locations{\n    display:grid;\n    grid-template-rows:1fr 1fr;\n}\n\n#maaly-gcc-presence .gcc-location{\n    padding:55px 55px;\n    position:relative;\n    transition:.35s ease;\n}\n\n#maaly-gcc-presence .gcc-location:first-child{\n    border-bottom:1px solid rgba(84,32,68,.17);\n}\n\n#maaly-gcc-presence .gcc-location:hover{\n    background:var(--purple);\n}\n\n#maaly-gcc-presence .gcc-location:hover h3,\n#maaly-gcc-presence .gcc-location:hover p{\n    color:#fff;\n}\n\n#maaly-gcc-presence .gcc-location:hover .country-code{\n    color:rgba(255,255,255,.07);\n}\n\n\n\/* COUNTRY NUMBER *\/\n\n#maaly-gcc-presence .country-code{\n    position:absolute;\n    right:25px;\n    top:5px;\n\n    color:rgba(84,32,68,.055);\n    font-family:Georgia,serif;\n    font-size:120px;\n    line-height:1;\n\n    transition:.35s ease;\n}\n\n\n\/* COUNTRY FLAG *\/\n\n#maaly-gcc-presence .gcc-flag{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:50px;\n    height:50px;\n\n    border:1px solid rgba(213,173,77,.7);\n    border-radius:50%;\n\n    font-size:22px;\n    margin-bottom:27px;\n}\n\n\n\/* COUNTRY TITLE *\/\n\n#maaly-gcc-presence .gcc-location h3{\n    margin:0 0 13px;\n\n    color:var(--purple);\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:38px;\n    line-height:1;\n\n    font-weight:400;\n    transition:.35s ease;\n}\n\n#maaly-gcc-presence .gcc-location p{\n    max-width:350px;\n    margin:0;\n\n    color:var(--muted);\n    font-family:Arial,sans-serif;\n    font-size:14px;\n    line-height:1.75;\n\n    transition:.35s ease;\n}\n\n\n\/* =========================\n   GCC COUNTRIES STRIP\n   ========================= *\/\n\n#maaly-gcc-presence .gcc-strip{\n    padding:52px 0 0;\n}\n\n#maaly-gcc-presence .gcc-strip-title{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:30px;\n    margin-bottom:30px;\n}\n\n#maaly-gcc-presence .gcc-strip-title span:first-child{\n    color:var(--purple);\n    font-family:Georgia,serif;\n    font-size:27px;\n}\n\n#maaly-gcc-presence .gcc-strip-title span:last-child{\n    color:var(--gold);\n    font-family:Arial,sans-serif;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:3px;\n    text-transform:uppercase;\n}\n\n#maaly-gcc-presence .countries{\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n    border-top:1px solid rgba(84,32,68,.16);\n    border-bottom:1px solid rgba(84,32,68,.16);\n}\n\n#maaly-gcc-presence .country{\n    padding:28px 10px;\n    text-align:center;\n    border-right:1px solid rgba(84,32,68,.13);\n\n    color:var(--purple);\n    font-family:Arial,sans-serif;\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n\n    transition:.3s ease;\n}\n\n#maaly-gcc-presence .country:last-child{\n    border-right:0;\n}\n\n#maaly-gcc-presence .country:hover{\n    background:var(--purple);\n    color:#fff;\n}\n\n#maaly-gcc-presence .country b{\n    display:block;\n    font-size:22px;\n    margin-bottom:10px;\n}\n\n\n\/* =========================\n   BOTTOM\n   ========================= *\/\n\n#maaly-gcc-presence .gcc-bottom{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:40px;\n    padding-top:52px;\n}\n\n#maaly-gcc-presence .gcc-bottom p{\n    margin:0;\n\n    color:var(--purple);\n    font-family:Georgia,serif;\n    font-size:clamp(26px,3vw,40px);\n    line-height:1.15;\n}\n\n#maaly-gcc-presence .gcc-bottom p em{\n    color:var(--gold);\n}\n\n#maaly-gcc-presence .gcc-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n\n    min-width:210px;\n    padding:19px 22px;\n\n    background:var(--purple);\n    border:1px solid var(--purple);\n\n    color:#fff !important;\n    text-decoration:none !important;\n\n    font-family:Arial,sans-serif;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2.5px;\n    text-transform:uppercase;\n\n    transition:.3s ease;\n}\n\n#maaly-gcc-presence .gcc-btn:hover{\n    background:var(--gold);\n    border-color:var(--gold);\n    color:var(--deep) !important;\n}\n\n\n\/* =========================\n   RESPONSIVE\n   ========================= *\/\n\n@media(max-width:900px){\n\n    #maaly-gcc-presence .gcc-wrap{\n        width:calc(100% - 34px);\n        padding:75px 0;\n    }\n\n    #maaly-gcc-presence .gcc-head{\n        grid-template-columns:1fr;\n        gap:30px;\n        margin-bottom:55px;\n    }\n\n    #maaly-gcc-presence h2{\n        letter-spacing:-2px;\n    }\n\n    #maaly-gcc-presence .gcc-main{\n        grid-template-columns:1fr;\n    }\n\n    #maaly-gcc-presence .gcc-left{\n        padding:50px 0;\n        border-right:0;\n        border-bottom:1px solid rgba(84,32,68,.17);\n    }\n\n    #maaly-gcc-presence .countries{\n        grid-template-columns:repeat(3,1fr);\n    }\n\n    #maaly-gcc-presence .country:nth-child(3){\n        border-right:0;\n    }\n\n    #maaly-gcc-presence .gcc-bottom{\n        flex-direction:column;\n        align-items:flex-start;\n    }\n}\n\n@media(max-width:550px){\n\n    #maaly-gcc-presence .gcc-location{\n        padding:45px 25px;\n    }\n\n    #maaly-gcc-presence .countries{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    #maaly-gcc-presence .country:nth-child(3){\n        border-right:1px solid rgba(84,32,68,.13);\n    }\n\n    #maaly-gcc-presence .country:nth-child(even){\n        border-right:0;\n    }\n}\n\n<\/style>\n\n\n<div class=\"gcc-wrap\">\n\n    <div class=\"gcc-label\">\n        OUR PRESENCE &nbsp; \u2022 &nbsp; GCC RECRUITMENT\n    <\/div>\n\n\n    <div class=\"gcc-head\">\n\n        <h2>\n            Local presence.<br>\n            <em>GCC reach.<\/em>\n        <\/h2>\n\n        <p class=\"gcc-intro\">\n            With a presence in Bahrain and Saudi Arabia,\n            Al Maaly connects organizations and professionals\n            through recruitment solutions across the GCC.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"gcc-main\">\n\n        <!-- LEFT -->\n\n        <div class=\"gcc-left\">\n\n            <span class=\"gcc-small\">\n                CONNECTING THE GULF\n            <\/span>\n\n            <p class=\"gcc-statement\">\n                Built in the Gulf.<br>\n                Connected <em>across GCC.<\/em>\n            <\/p>\n\n            <div class=\"gcc-line\"><\/div>\n\n            <p class=\"gcc-copy\">\n                Our regional approach combines local market understanding\n                with international recruitment capabilities \u2014 supporting\n                employers with talent requirements across multiple sectors\n                and markets.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- LOCATIONS -->\n\n        <div class=\"gcc-locations\">\n\n            <div class=\"gcc-location\">\n\n                <span class=\"country-code\">BH<\/span>\n\n                <div class=\"gcc-flag\">\ud83c\udde7\ud83c\udded<\/div>\n\n                <h3>Bahrain<\/h3>\n\n                <p>\n                    Recruitment and manpower services supporting\n                    organizations and workforce requirements in Bahrain.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"gcc-location\">\n\n                <span class=\"country-code\">SA<\/span>\n\n                <div class=\"gcc-flag\">\ud83c\uddf8\ud83c\udde6<\/div>\n\n                <h3>Saudi Arabia<\/h3>\n\n                <p>\n                    Recruitment solutions supporting employers,\n                    projects and workforce requirements across\n                    the Kingdom.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- GCC COUNTRIES -->\n\n    <div class=\"gcc-strip\">\n\n        <div class=\"gcc-strip-title\">\n\n            <span>Across the GCC<\/span>\n\n            <span>Regional Recruitment Network<\/span>\n\n        <\/div>\n\n\n        <div class=\"countries\">\n\n            <div class=\"country\">\n                <b>\ud83c\udde7\ud83c\udded<\/b>\n                Bahrain\n            <\/div>\n\n            <div class=\"country\">\n                <b>\ud83c\uddf8\ud83c\udde6<\/b>\n                Saudi Arabia\n            <\/div>\n\n            <div class=\"country\">\n                <b>\ud83c\udde6\ud83c\uddea<\/b>\n                UAE\n            <\/div>\n\n            <div class=\"country\">\n                <b>\ud83c\uddf6\ud83c\udde6<\/b>\n                Qatar\n            <\/div>\n\n            <div class=\"country\">\n                <b>\ud83c\uddf0\ud83c\uddfc<\/b>\n                Kuwait\n            <\/div>\n\n            <div class=\"country\">\n                <b>\ud83c\uddf4\ud83c\uddf2<\/b>\n                Oman\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"gcc-bottom\">\n\n        <p>\n            Talent has no borders.<br>\n            Neither should <em>opportunity.<\/em>\n        <\/p>\n\n        <a href=\"#employers\" class=\"gcc-btn\">\n            Work With Us\n            <span>\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n<\/div>\n<\/section>\n\n\n\n<section class=\"gtfy-22\" id=\"maaly-vacancies\">\n<style>\n\n\/* =========================================\n   AL MAALY \u2014 FEATURED VACANCIES\n   ========================================= *\/\n\n#maaly-vacancies,\n#maaly-vacancies *{\n    box-sizing:border-box;\n}\n\n#maaly-vacancies{\n    --purple:#542044;\n    --deep:#35152d;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n    --light:#fcfaf6;\n    --text:#241d21;\n    --muted:#746c70;\n\n    width:100vw !important;\n    max-width:none !important;\n    position:relative;\n    left:50%;\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n\n    background:var(--light);\n    color:var(--text);\n    overflow:hidden;\n\n    scroll-margin-top:100px;\n}\n\n#maaly-vacancies:before{\n    content:\"OPPORTUNITIES\";\n    position:absolute;\n    top:-30px;\n    left:50%;\n    transform:translateX(-50%);\n    white-space:nowrap;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(90px,15vw,240px);\n    line-height:1;\n\n    color:rgba(84,32,68,.025);\n    pointer-events:none;\n}\n\n#maaly-vacancies .vac-wrap{\n    width:min(1240px,calc(100% - 48px));\n    margin:auto;\n    padding:110px 0 105px;\n    position:relative;\n    z-index:2;\n}\n\n\n\/* HEADER *\/\n\n#maaly-vacancies .vac-label{\n    font-family:Arial,sans-serif;\n    color:var(--purple);\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:4px;\n    text-transform:uppercase;\n    margin-bottom:28px;\n}\n\n#maaly-vacancies .vac-head{\n    display:grid;\n    grid-template-columns:1.15fr .85fr;\n    gap:90px;\n    align-items:end;\n    margin-bottom:70px;\n}\n\n#maaly-vacancies h2{\n    margin:0;\n\n    color:var(--purple);\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(56px,7vw,96px);\n    line-height:.94;\n    letter-spacing:-3px;\n    font-weight:400;\n}\n\n#maaly-vacancies h2 em{\n    color:var(--gold);\n    font-weight:400;\n}\n\n#maaly-vacancies .vac-intro{\n    margin:0 0 5px;\n    max-width:430px;\n\n    color:var(--muted);\n    font-family:Arial,sans-serif;\n    font-size:16px;\n    line-height:1.8;\n}\n\n\n\/* JOB BOARD *\/\n\n#maaly-vacancies .jobs{\n    border-top:1px solid rgba(84,32,68,.18);\n}\n\n#maaly-vacancies .job{\n    display:grid;\n    grid-template-columns:90px 1.5fr .8fr .65fr 70px;\n    gap:25px;\n    align-items:center;\n\n    min-height:150px;\n    padding:28px 20px;\n\n    border-bottom:1px solid rgba(84,32,68,.16);\n\n    position:relative;\n    transition:.35s ease;\n}\n\n#maaly-vacancies .job:hover{\n    background:var(--purple);\n    padding-left:30px;\n    padding-right:30px;\n}\n\n#maaly-vacancies .job-no{\n    font-family:Arial,sans-serif;\n    color:var(--gold);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2px;\n}\n\n#maaly-vacancies .job h3{\n    margin:0 0 11px;\n\n    color:var(--purple);\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(25px,2.5vw,36px);\n    line-height:1.05;\n    font-weight:400;\n\n    transition:.35s ease;\n}\n\n#maaly-vacancies .job-type{\n    display:inline-block;\n\n    font-family:Arial,sans-serif;\n    color:var(--muted);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:1.8px;\n    text-transform:uppercase;\n\n    transition:.35s ease;\n}\n\n#maaly-vacancies .job-meta{\n    font-family:Arial,sans-serif;\n    color:var(--muted);\n    font-size:13px;\n    line-height:1.6;\n\n    transition:.35s ease;\n}\n\n#maaly-vacancies .job-meta strong{\n    display:block;\n    margin-bottom:4px;\n\n    color:var(--purple);\n    font-size:10px;\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n\n    transition:.35s ease;\n}\n\n\n\/* ARROW *\/\n\n#maaly-vacancies .job-arrow{\n    width:48px;\n    height:48px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(84,32,68,.25);\n    border-radius:50%;\n\n    color:var(--purple);\n    text-decoration:none !important;\n    font-size:17px;\n\n    transition:.35s ease;\n}\n\n\n\/* HOVER *\/\n\n#maaly-vacancies .job:hover h3,\n#maaly-vacancies .job:hover .job-type,\n#maaly-vacancies .job:hover .job-meta,\n#maaly-vacancies .job:hover .job-meta strong{\n    color:#fff;\n}\n\n#maaly-vacancies .job:hover .job-type,\n#maaly-vacancies .job:hover .job-meta{\n    color:rgba(255,255,255,.67);\n}\n\n#maaly-vacancies .job:hover .job-arrow{\n    background:var(--gold);\n    border-color:var(--gold);\n    color:var(--deep);\n    transform:rotate(-45deg);\n}\n\n\n\/* BOTTOM *\/\n\n#maaly-vacancies .vac-bottom{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:40px;\n\n    padding-top:55px;\n}\n\n#maaly-vacancies .vac-bottom p{\n    margin:0;\n\n    color:var(--purple);\n    font-family:Georgia,serif;\n    font-size:clamp(27px,3vw,41px);\n    line-height:1.15;\n}\n\n#maaly-vacancies .vac-bottom p em{\n    color:var(--gold);\n}\n\n#maaly-vacancies .all-jobs{\n    display:inline-flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:35px;\n\n    min-width:220px;\n    padding:19px 22px;\n\n    background:var(--purple);\n    border:1px solid var(--purple);\n\n    color:#fff !important;\n    text-decoration:none !important;\n\n    font-family:Arial,sans-serif;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:2.5px;\n    text-transform:uppercase;\n\n    transition:.3s ease;\n}\n\n#maaly-vacancies .all-jobs:hover{\n    background:var(--gold);\n    border-color:var(--gold);\n    color:var(--deep) !important;\n}\n\n\n\/* NOTE *\/\n\n#maaly-vacancies .vac-note{\n    margin-top:24px;\n\n    color:#999;\n    font-family:Arial,sans-serif;\n    font-size:10px;\n    line-height:1.6;\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:900px){\n\n    #maaly-vacancies .vac-wrap{\n        width:calc(100% - 34px);\n        padding:75px 0;\n    }\n\n    #maaly-vacancies .vac-head{\n        grid-template-columns:1fr;\n        gap:30px;\n        margin-bottom:50px;\n    }\n\n    #maaly-vacancies h2{\n        letter-spacing:-2px;\n    }\n\n    #maaly-vacancies .job{\n        grid-template-columns:55px 1fr 55px;\n        gap:15px;\n        min-height:auto;\n        padding:30px 5px;\n    }\n\n    #maaly-vacancies .job-location,\n    #maaly-vacancies .job-sector{\n        display:none;\n    }\n\n    #maaly-vacancies .vac-bottom{\n        flex-direction:column;\n        align-items:flex-start;\n    }\n}\n\n@media(max-width:550px){\n\n    #maaly-vacancies{\n        scroll-margin-top:90px;\n    }\n\n    #maaly-vacancies .job{\n        grid-template-columns:40px 1fr 45px;\n    }\n\n    #maaly-vacancies .job-arrow{\n        width:40px;\n        height:40px;\n    }\n\n    #maaly-vacancies .all-jobs{\n        width:100%;\n    }\n}\n\n<\/style>\n\n\n<div class=\"vac-wrap\">\n\n    <div class=\"vac-label\">\n        CAREER OPPORTUNITIES &nbsp; \u2022 &nbsp; ACROSS GCC\n    <\/div>\n\n\n    <div class=\"vac-head\">\n\n        <h2>\n            Your next move<br>\n            starts <em>here.<\/em>\n        <\/h2>\n\n        <p class=\"vac-intro\">\n            Discover opportunities through Al Maaly&#8217;s recruitment\n            network and connect with organizations looking for\n            qualified professionals across the GCC.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"jobs\">\n\n\n        <!-- JOB 01 -->\n\n        <div class=\"job\">\n\n            <div class=\"job-no\">01<\/div>\n\n            <div>\n                <h3>Engineering Opportunities<\/h3>\n                <span class=\"job-type\">Multiple Positions<\/span>\n            <\/div>\n\n            <div class=\"job-meta job-location\">\n                <strong>Region<\/strong>\n                \u062e\u0628\u0631\u0629 \u062e\u0644\u064a\u062c\u064a\u0629\n            <\/div>\n\n            <div class=\"job-meta job-sector\">\n                <strong>Sector<\/strong>\n                Engineering\n            <\/div>\n\n            <a href=\"\/ar\/vacancy\/\" class=\"job-arrow\" aria-label=\"View engineering vacancies\">\u2192<\/a>\n\n        <\/div>\n\n\n        <!-- JOB 02 -->\n\n        <div class=\"job\">\n\n            <div class=\"job-no\">02<\/div>\n\n            <div>\n                <h3>Healthcare Opportunities<\/h3>\n                <span class=\"job-type\">Multiple Positions<\/span>\n            <\/div>\n\n            <div class=\"job-meta job-location\">\n                <strong>Region<\/strong>\n                \u062e\u0628\u0631\u0629 \u062e\u0644\u064a\u062c\u064a\u0629\n            <\/div>\n\n            <div class=\"job-meta job-sector\">\n                <strong>Sector<\/strong>\n                Healthcare\n            <\/div>\n\n            <a href=\"\/ar\/vacancy\/\" class=\"job-arrow\" aria-label=\"View healthcare vacancies\">\u2192<\/a>\n\n        <\/div>\n\n\n        <!-- JOB 03 -->\n\n        <div class=\"job\">\n\n            <div class=\"job-no\">03<\/div>\n\n            <div>\n                <h3>Hospitality Opportunities<\/h3>\n                <span class=\"job-type\">Multiple Positions<\/span>\n            <\/div>\n\n            <div class=\"job-meta job-location\">\n                <strong>Region<\/strong>\n                \u062e\u0628\u0631\u0629 \u062e\u0644\u064a\u062c\u064a\u0629\n            <\/div>\n\n            <div class=\"job-meta job-sector\">\n                <strong>Sector<\/strong>\n                Hospitality\n            <\/div>\n\n            <a href=\"\/ar\/vacancy\/\" class=\"job-arrow\" aria-label=\"View hospitality vacancies\">\u2192<\/a>\n\n        <\/div>\n\n\n        <!-- JOB 04 -->\n\n        <div class=\"job\">\n\n            <div class=\"job-no\">04<\/div>\n\n            <div>\n                <h3>Technical &amp; Skilled Workforce<\/h3>\n                <span class=\"job-type\">Multiple Positions<\/span>\n            <\/div>\n\n            <div class=\"job-meta job-location\">\n                <strong>Region<\/strong>\n                \u062e\u0628\u0631\u0629 \u062e\u0644\u064a\u062c\u064a\u0629\n            <\/div>\n\n            <div class=\"job-meta job-sector\">\n                <strong>Sector<\/strong>\n                Technical\n            <\/div>\n\n            <a href=\"\/ar\/vacancy\/\" class=\"job-arrow\" aria-label=\"View technical vacancies\">\u2192<\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"vac-bottom\">\n\n        <p>\n            Don&#8217;t just find a job.<br>\n            Find your <em>next opportunity.<\/em>\n        <\/p>\n\n        <a href=\"\/ar\/vacancy\/\" class=\"all-jobs\">\n            View Vacancies\n            <span>\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n\n    <div class=\"vac-note\">\n        Opportunities shown here represent recruitment categories.\n        Current openings are available through our Vacancies page.\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"gtfy-25\" id=\"maaly-final-cta\">\n\n<style>\n#maaly-final-cta,\n#maaly-final-cta *{\n    box-sizing:border-box;\n}\n\n#maaly-final-cta{\n    --purple:#542044;\n    --deep:#2f1027;\n    --gold:#d5ad4d;\n    --cream:#f7f2e9;\n\n    width:100vw !important;\n    max-width:none !important;\n    position:relative;\n    left:50%;\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 82% 25%,\n            rgba(213,173,77,.16),\n            transparent 30%\n        ),\n        linear-gradient(\n            120deg,\n            #2f1027 0%,\n            #542044 58%,\n            #421635 100%\n        );\n\n    color:#fff;\n}\n\n\n\/* GIANT DECORATIVE TEXT *\/\n\n#maaly-final-cta:before{\n    content:\"CONNECT\";\n    position:absolute;\n    left:50%;\n    bottom:-80px;\n    transform:translateX(-50%);\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(150px,25vw,400px);\n    line-height:1;\n\n    color:rgba(255,255,255,.025);\n    white-space:nowrap;\n    pointer-events:none;\n}\n\n\n\/* CONTAINER *\/\n\n#maaly-final-cta .cta-wrap{\n    width:min(1240px,calc(100% - 48px));\n    margin:auto;\n    padding:110px 0 105px;\n\n    position:relative;\n    z-index:2;\n}\n\n\n\/* TOP *\/\n\n#maaly-final-cta .cta-label{\n    color:var(--gold);\n\n    font-family:Arial,Helvetica,sans-serif;\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:4px;\n    text-transform:uppercase;\n\n    margin-bottom:38px;\n}\n\n\n\/* MAIN *\/\n\n#maaly-final-cta .cta-main{\n    display:grid;\n    grid-template-columns:1.2fr .8fr;\n\n    gap:100px;\n    align-items:end;\n}\n\n\n\/* TITLE *\/\n\n#maaly-final-cta h2{\n    margin:0;\n\n    max-width:760px;\n\n    color:#fff;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(60px,7.5vw,105px);\n    line-height:.90;\n\n    letter-spacing:-4px;\n\n    font-weight:400;\n}\n\n#maaly-final-cta h2 em{\n    color:var(--gold);\n    font-weight:400;\n}\n\n\n\/* RIGHT *\/\n\n#maaly-final-cta .cta-right{\n    padding-bottom:8px;\n}\n\n#maaly-final-cta .cta-right p{\n    margin:0 0 34px;\n\n    max-width:430px;\n\n    color:rgba(255,255,255,.68);\n\n    font-family:Arial,Helvetica,sans-serif;\n    font-size:16px;\n    line-height:1.85;\n}\n\n\n\/* BUTTONS *\/\n\n#maaly-final-cta .cta-buttons{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n}\n\n#maaly-final-cta .cta-btn{\n    min-width:185px;\n    min-height:55px;\n\n    padding:0 22px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:25px;\n\n    text-decoration:none !important;\n\n    font-family:Arial,Helvetica,sans-serif;\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:2px;\n    text-transform:uppercase;\n\n    transition:.3s ease;\n}\n\n\n\/* GOLD *\/\n\n#maaly-final-cta .cta-btn.gold{\n    background:var(--gold);\n    border:1px solid var(--gold);\n\n    color:var(--deep) !important;\n}\n\n#maaly-final-cta .cta-btn.gold:hover{\n    background:#e5c86f;\n    border-color:#e5c86f;\n\n    transform:translateY(-3px);\n}\n\n\n\/* OUTLINE *\/\n\n#maaly-final-cta .cta-btn.outline{\n    background:transparent;\n\n    border:1px solid rgba(255,255,255,.48);\n\n    color:#fff !important;\n}\n\n#maaly-final-cta .cta-btn.outline:hover{\n    background:#fff;\n    border-color:#fff;\n\n    color:var(--deep) !important;\n\n    transform:translateY(-3px);\n}\n\n\n\/* DIVIDER *\/\n\n#maaly-final-cta .cta-divider{\n    height:1px;\n\n    background:rgba(255,255,255,.14);\n\n    margin:80px 0 38px;\n}\n\n\n\/* BOTTOM *\/\n\n#maaly-final-cta .cta-bottom{\n    display:grid;\n\n    grid-template-columns:1fr auto 1fr;\n\n    align-items:center;\n\n    gap:40px;\n}\n\n\n\/* COUNTRY *\/\n\n#maaly-final-cta .cta-country{\n    display:flex;\n    align-items:center;\n\n    gap:15px;\n}\n\n#maaly-final-cta .cta-country:last-child{\n    justify-content:flex-end;\n}\n\n#maaly-final-cta .cta-flag{\n    width:46px;\n    height:46px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(213,173,77,.5);\n\n    border-radius:50%;\n\n    font-size:20px;\n}\n\n#maaly-final-cta .cta-country strong{\n    display:block;\n\n    margin-bottom:4px;\n\n    color:#fff;\n\n    font-family:Georgia,\"Times New Roman\",serif;\n\n    font-size:20px;\n\n    font-weight:400;\n}\n\n#maaly-final-cta .cta-country span{\n    color:rgba(255,255,255,.48);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:9px;\n\n    letter-spacing:2px;\n\n    text-transform:uppercase;\n}\n\n\n\/* CENTER *\/\n\n#maaly-final-cta .cta-center{\n    color:var(--gold);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:9px;\n\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:900px){\n\n    #maaly-final-cta .cta-wrap{\n        width:calc(100% - 36px);\n        padding:80px 0;\n    }\n\n    #maaly-final-cta .cta-main{\n        grid-template-columns:1fr;\n\n        gap:40px;\n    }\n\n    #maaly-final-cta h2{\n        letter-spacing:-2px;\n    }\n\n    #maaly-final-cta .cta-divider{\n        margin-top:60px;\n    }\n}\n\n\n@media(max-width:650px){\n\n    #maaly-final-cta h2{\n        font-size:55px;\n    }\n\n    #maaly-final-cta .cta-buttons{\n        flex-direction:column;\n    }\n\n    #maaly-final-cta .cta-btn{\n        width:100%;\n    }\n\n    #maaly-final-cta .cta-bottom{\n        grid-template-columns:1fr;\n\n        gap:28px;\n    }\n\n    #maaly-final-cta .cta-country,\n    #maaly-final-cta .cta-country:last-child{\n        justify-content:flex-start;\n    }\n\n    #maaly-final-cta .cta-center{\n        order:3;\n    }\n}\n\n<\/style>\n\n\n<div class=\"cta-wrap\">\n\n    <div class=\"cta-label\">\n        LET&#8217;S CONNECT &nbsp; \u2022 &nbsp; AL MAALY\n    <\/div>\n\n\n    <div class=\"cta-main\">\n\n        <h2>\n            The right connection<br>\n            starts <em>here.<\/em>\n        <\/h2>\n\n\n        <div class=\"cta-right\">\n\n            <p>\n                Whether you&#8217;re looking for qualified talent\n                or your next career opportunity, connect with\n                Al Maaly and take the next step across the GCC.\n            <\/p>\n\n\n            <div class=\"cta-buttons\">\n\n                <a href=\"#employers\" class=\"cta-btn gold\">\n                    Hire Talent\n                    <span>\u2192<\/span>\n                <\/a>\n\n                <a href=\"\/ar\/vacancy\/\" class=\"cta-btn outline\">\n                    Find a Vacancy\n                    <span>\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"cta-divider\"><\/div>\n\n\n    <div class=\"cta-bottom\">\n\n        <div class=\"cta-country\">\n\n            <div class=\"cta-flag\">\ud83c\udde7\ud83c\udded<\/div>\n\n            <div>\n                <strong>Bahrain<\/strong>\n                <span>Al Maaly Recruitment<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"cta-center\">\n            RECRUITMENT &amp; MANPOWER \u2022 ACROSS GCC\n        <\/div>\n\n\n        <div class=\"cta-country\">\n\n            <div class=\"cta-flag\">\ud83c\uddf8\ud83c\udde6<\/div>\n\n            <div>\n                <strong>Saudi Arabia<\/strong>\n                <span>Al Maaly Recruitment<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<footer class=\"gtfy-28\" id=\"maaly-footer\">\n\n<style>\n\n\/* =====================================================\n   AL MAALY \u2014 FINAL PREMIUM FOOTER\n   ===================================================== *\/\n\n#maaly-footer,\n#maaly-footer *{\n    box-sizing:border-box;\n}\n\n#maaly-footer{\n    --deep:#1e0b19;\n    --deep2:#291020;\n    --purple:#542044;\n    --gold:#d7ae49;\n    --whatsapp:#25D366;\n\n    position:relative !important;\n\n    width:100vw !important;\n    max-width:none !important;\n\n    left:50% !important;\n    transform:translateX(-50%) !important;\n\n    margin:0 !important;\n    padding:0 !important;\n\n    overflow:hidden;\n\n    color:#fff;\n\n    background:\n        radial-gradient(\n            circle at 82% 20%,\n            rgba(110,39,88,.18),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            var(--deep) 0%,\n            var(--deep2) 100%\n        );\n}\n\n\n\/* WORDPRESS FULL WIDTH *\/\n\n.entry-content #maaly-footer,\n.wp-block-post-content #maaly-footer,\n.wp-site-blocks #maaly-footer,\n.page-content #maaly-footer{\n\n    width:100vw !important;\n    max-width:100vw !important;\n\n    margin-left:calc(50% - 50vw) !important;\n    margin-right:calc(50% - 50vw) !important;\n\n    left:auto !important;\n    transform:none !important;\n}\n\n\n\/* =====================================================\n   DECORATION\n   ===================================================== *\/\n\n#maaly-footer::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:520px;\n    height:520px;\n\n    right:-250px;\n    top:-220px;\n\n    border:1px solid rgba(215,174,73,.08);\n\n    border-radius:50%;\n\n    pointer-events:none;\n}\n\n#maaly-footer::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:360px;\n    height:360px;\n\n    right:-180px;\n    top:-140px;\n\n    border:1px solid rgba(215,174,73,.06);\n\n    border-radius:50%;\n\n    pointer-events:none;\n}\n\n\n\/* =====================================================\n   INNER\n   ===================================================== *\/\n\n#maaly-footer .mf-inner{\n\n    position:relative;\n\n    z-index:2;\n\n    width:90%;\n    max-width:1540px;\n\n    margin:0 auto;\n\n    padding:72px 0 30px;\n}\n\n\n\/* =====================================================\n   BRAND\n   ===================================================== *\/\n\n#maaly-footer .mf-brand{\n\n    max-width:900px;\n\n    margin:0 auto;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n\n    text-align:center;\n}\n\n\n\/* LOGO *\/\n\n#maaly-footer .mf-logo{\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    margin:0 auto 24px;\n\n    text-decoration:none !important;\n}\n\n#maaly-footer .mf-logo img{\n\n    display:block;\n\n    width:210px;\n    max-width:100%;\n\n    height:auto;\n\n    object-fit:contain;\n\n    filter:brightness(0) invert(1);\n\n    opacity:.97;\n}\n\n\n\/* DESCRIPTION *\/\n\n#maaly-footer .mf-description{\n\n    max-width:700px;\n\n    margin:0 auto;\n\n    color:rgba(255,255,255,.64);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:15px;\n    font-weight:300;\n\n    line-height:1.85;\n}\n\n\n\/* GOLD LINE *\/\n\n#maaly-footer .mf-brand-line{\n\n    width:62px;\n    height:1px;\n\n    margin:27px auto 23px;\n\n    background:var(--gold);\n}\n\n\n\/* GCC LINE *\/\n\n#maaly-footer .mf-gcc{\n\n    color:var(--gold);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:11px;\n    font-weight:700;\n\n    letter-spacing:4.5px;\n\n    line-height:1.6;\n\n    text-transform:uppercase;\n}\n\n\n\/* =====================================================\n   MAIN DIVIDER\n   ===================================================== *\/\n\n#maaly-footer .mf-divider{\n\n    width:100%;\n    height:1px;\n\n    margin:55px 0 48px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(215,174,73,.55),\n            transparent\n        );\n}\n\n\n\/* =====================================================\n   INFORMATION GRID\n   ===================================================== *\/\n\n#maaly-footer .mf-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        1.35fr\n        .85fr\n        1.05fr\n        .95fr;\n\n    gap:0;\n}\n\n\n\/* COLUMN *\/\n\n#maaly-footer .mf-column{\n\n    min-height:215px;\n\n    padding:0 35px;\n\n    border-right:\n        1px solid rgba(215,174,73,.18);\n}\n\n#maaly-footer .mf-column:first-child{\n\n    padding-left:0;\n}\n\n#maaly-footer .mf-column:last-child{\n\n    padding-right:0;\n\n    border-right:0;\n}\n\n\n\/* TITLE *\/\n\n#maaly-footer .mf-title{\n\n    margin:0 0 21px;\n\n    color:var(--gold);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:10px;\n    font-weight:700;\n\n    letter-spacing:3px;\n\n    text-transform:uppercase;\n}\n\n\n\/* TEXT *\/\n\n#maaly-footer .mf-column p,\n#maaly-footer .mf-column a{\n\n    margin:0;\n\n    color:rgba(255,255,255,.72);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:13px;\n\n    line-height:1.85;\n\n    text-decoration:none !important;\n}\n\n#maaly-footer .mf-column a{\n\n    transition:color .25s ease;\n}\n\n#maaly-footer .mf-column a:hover{\n\n    color:var(--gold);\n}\n\n\n\/* =====================================================\n   OFFICE ADDRESS\n   ===================================================== *\/\n\n#maaly-footer .mf-address-link{\n\n    display:block;\n\n    width:max-content;\n    max-width:100%;\n\n    color:rgba(255,255,255,.72) !important;\n\n    text-decoration:none !important;\n\n    transition:color .25s ease;\n}\n\n#maaly-footer .mf-address-link:hover{\n\n    color:#fff !important;\n}\n\n\n\/* =====================================================\n   GOOGLE MAPS BUTTON\n   ===================================================== *\/\n\n#maaly-footer .mf-map-button{\n\n    width:max-content;\n\n    min-height:42px;\n\n    margin-top:18px !important;\n\n    padding:0 16px;\n\n    display:inline-flex !important;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:9px;\n\n    border:1px solid rgba(215,174,73,.55);\n\n    color:var(--gold) !important;\n\n    font-size:9px !important;\n    font-weight:700 !important;\n\n    letter-spacing:1.4px;\n\n    text-transform:uppercase;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        border-color .25s ease,\n        transform .25s ease !important;\n}\n\n#maaly-footer .mf-map-button:hover{\n\n    background:var(--gold);\n\n    border-color:var(--gold);\n\n    color:var(--deep) !important;\n\n    transform:translateY(-2px);\n}\n\n#maaly-footer .mf-map-button svg{\n\n    width:17px;\n    height:17px;\n\n    flex:0 0 17px;\n\n    fill:currentColor;\n}\n\n\n\/* =====================================================\n   PHONE LIST\n   ===================================================== *\/\n\n#maaly-footer .mf-contact-list{\n\n    display:flex;\n    flex-direction:column;\n\n    gap:3px;\n}\n\n\n\/* =====================================================\n   EMAIL LIST\n   ===================================================== *\/\n\n#maaly-footer .mf-email-list{\n\n    display:flex;\n    flex-direction:column;\n\n    gap:8px;\n}\n\n#maaly-footer .mf-email-list a{\n\n    display:block;\n\n    white-space:nowrap;\n}\n\n\n\/* =====================================================\n   SOCIALS\n   ===================================================== *\/\n\n#maaly-footer .mf-social-area{\n\n    display:flex;\n    flex-direction:column;\n}\n\n#maaly-footer .mf-socials{\n\n    display:flex;\n    align-items:center;\n\n    gap:11px;\n\n    margin-top:22px;\n}\n\n#maaly-footer .mf-social{\n\n    width:43px;\n    height:43px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(215,174,73,.45);\n\n    border-radius:50%;\n\n    color:#fff !important;\n\n    text-decoration:none !important;\n\n    transition:\n        background .25s ease,\n        border-color .25s ease,\n        color .25s ease,\n        transform .25s ease;\n}\n\n#maaly-footer .mf-social svg{\n\n    width:18px;\n    height:18px;\n\n    fill:currentColor;\n}\n\n\n\/* LINKEDIN + INSTAGRAM *\/\n\n#maaly-footer .mf-social-linkedin:hover,\n#maaly-footer .mf-social-instagram:hover{\n\n    background:#fff;\n\n    border-color:#fff;\n\n    color:var(--purple) !important;\n\n    transform:translateY(-3px);\n}\n\n\n\/* WHATSAPP *\/\n\n#maaly-footer .mf-social-whatsapp{\n\n    background:var(--whatsapp);\n\n    border-color:var(--whatsapp);\n\n    color:#fff !important;\n}\n\n#maaly-footer .mf-social-whatsapp:hover{\n\n    background:#20bd5a;\n\n    border-color:#20bd5a;\n\n    color:#fff !important;\n\n    transform:translateY(-3px);\n}\n\n\n\/* =====================================================\n   BOTTOM\n   ===================================================== *\/\n\n#maaly-footer .mf-bottom{\n\n    margin-top:43px;\n\n    padding-top:25px;\n\n    border-top:\n        1px solid rgba(215,174,73,.28);\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:30px;\n}\n\n#maaly-footer .mf-copyright{\n\n    color:rgba(255,255,255,.44);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:10px;\n\n    letter-spacing:.4px;\n}\n\n#maaly-footer .mf-bottom-links{\n\n    display:flex;\n    align-items:center;\n\n    gap:22px;\n}\n\n#maaly-footer .mf-bottom-links a{\n\n    color:rgba(255,255,255,.50);\n\n    font-family:Arial,Helvetica,sans-serif;\n\n    font-size:10px;\n\n    text-decoration:none !important;\n\n    transition:color .25s ease;\n}\n\n#maaly-footer .mf-bottom-links a:hover{\n\n    color:var(--gold);\n}\n\n\n\/* =====================================================\n   FLOATING WHATSAPP\n   ===================================================== *\/\n\n#maaly-footer .maaly-whatsapp-floating{\n\n    position:fixed !important;\n\n    right:26px !important;\n    bottom:26px !important;\n\n    width:62px;\n    height:62px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:var(--whatsapp);\n\n    border:3px solid #fff;\n\n    border-radius:50%;\n\n    color:#fff !important;\n\n    text-decoration:none !important;\n\n    box-shadow:\n        0 10px 30px rgba(0,0,0,.24);\n\n    z-index:999999;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease;\n}\n\n#maaly-footer .maaly-whatsapp-floating:hover{\n\n    background:#20bd5a;\n\n    transform:\n        translateY(-4px)\n        scale(1.04);\n\n    box-shadow:\n        0 15px 35px rgba(0,0,0,.30);\n}\n\n#maaly-footer .maaly-whatsapp-floating svg{\n\n    width:31px;\n    height:31px;\n\n    fill:#fff;\n}\n\n\n\/* PULSE *\/\n\n#maaly-footer .maaly-whatsapp-floating::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:-7px;\n\n    border:\n        1px solid rgba(37,211,102,.48);\n\n    border-radius:50%;\n\n    animation:\n        maalyWhatsappPulse\n        2.2s\n        infinite;\n}\n\n@keyframes maalyWhatsappPulse{\n\n    0%{\n        transform:scale(.92);\n        opacity:.8;\n    }\n\n    70%{\n        transform:scale(1.18);\n        opacity:0;\n    }\n\n    100%{\n        transform:scale(1.18);\n        opacity:0;\n    }\n\n}\n\n\n\/* =====================================================\n   TABLET\n   ===================================================== *\/\n\n@media(max-width:1000px){\n\n    #maaly-footer .mf-inner{\n\n        width:88%;\n\n        padding-top:65px;\n    }\n\n    #maaly-footer .mf-grid{\n\n        grid-template-columns:\n            1fr\n            1fr;\n\n        row-gap:45px;\n    }\n\n    #maaly-footer .mf-column{\n\n        min-height:auto;\n\n        padding:0 30px;\n\n        border-right:0;\n    }\n\n    #maaly-footer .mf-column:nth-child(odd){\n\n        padding-left:0;\n\n        border-right:\n            1px solid rgba(215,174,73,.18);\n    }\n\n    #maaly-footer .mf-logo img{\n\n        width:190px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   ===================================================== *\/\n\n@media(max-width:650px){\n\n    #maaly-footer .mf-inner{\n\n        width:calc(100% - 44px);\n\n        padding:\n            55px\n            0\n            25px;\n    }\n\n    #maaly-footer .mf-logo img{\n\n        width:170px;\n    }\n\n    #maaly-footer .mf-description{\n\n        font-size:14px;\n\n        line-height:1.75;\n    }\n\n    #maaly-footer .mf-gcc{\n\n        font-size:8px;\n\n        letter-spacing:2.4px;\n    }\n\n    #maaly-footer .mf-divider{\n\n        margin:\n            42px\n            0\n            38px;\n    }\n\n    #maaly-footer .mf-grid{\n\n        grid-template-columns:1fr;\n    }\n\n    #maaly-footer .mf-column,\n    #maaly-footer .mf-column:nth-child(odd){\n\n        min-height:auto;\n\n        padding:\n            28px\n            0;\n\n        border-right:0;\n\n        border-bottom:\n            1px solid rgba(215,174,73,.15);\n    }\n\n    #maaly-footer .mf-column:first-child{\n\n        padding-top:0;\n    }\n\n    #maaly-footer .mf-column:last-child{\n\n        border-bottom:0;\n    }\n\n    #maaly-footer .mf-email-list a{\n\n        white-space:normal;\n    }\n\n    #maaly-footer .mf-bottom{\n\n        align-items:flex-start;\n\n        flex-direction:column;\n\n        gap:15px;\n\n        margin-top:25px;\n    }\n\n    #maaly-footer .maaly-whatsapp-floating{\n\n        right:18px !important;\n        bottom:18px !important;\n\n        width:56px;\n        height:56px;\n    }\n\n    #maaly-footer .maaly-whatsapp-floating svg{\n\n        width:28px;\n        height:28px;\n    }\n\n}\n\n<\/style>\n\n\n<div class=\"mf-inner\">\n\n\n    <!-- =====================================\n         BRAND\n         ===================================== -->\n\n    <div class=\"mf-brand\">\n\n\n        <a href=\"\/ar\/\" class=\"mf-logo\">\n\n            <img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\"\n                src=\"https:\/\/i0.wp.com\/almaalybh.com\/wp-content\/uploads\/2026\/09\/al-maaly-logo-transparent-1.png?ssl=1\"\n                alt=\"Al Maaly Recruitment &#038; Manpower Services\"\n            >\n\n        <\/a>\n\n\n        <p class=\"mf-description\">\n\n            Connecting organizations with the right people through\n            professional recruitment and manpower solutions across the GCC.\n\n        <\/p>\n\n\n        <div class=\"mf-brand-line\"><\/div>\n\n\n        <div class=\"mf-gcc\">\n\n            BAHRAIN\n            &nbsp;\u2022&nbsp;\n            SAUDI ARABIA\n            &nbsp;\u2022&nbsp;\n            GCC\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"mf-divider\"><\/div>\n\n\n    <!-- =====================================\n         INFORMATION\n         ===================================== -->\n\n    <div class=\"mf-grid\">\n\n\n        <!-- OFFICE -->\n\n        <div class=\"mf-column\">\n\n            <h4 class=\"mf-title\">\n                OUR OFFICE\n            <\/h4>\n\n\n            <a\n                href=\"https:\/\/maps.google.com\/?q=26.226538,50.555645\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                class=\"mf-address-link\"\n                aria-label=\"Open Al Maaly office in Google Maps\"\n            >\n\n                Flat number 51<br>\n                Building number 1195<br>\n                Road 5124, Block 351<br>\n                Al Suwayfiyah, Bahrain\n\n            <\/a>\n\n\n            <a\n                href=\"https:\/\/maps.google.com\/?q=26.226538,50.555645\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                class=\"mf-map-button\"\n            >\n\n                <svg viewbox=\"0 0 24 24\">\n                    <path d=\"M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z\"\/>\n                <\/svg>\n\n                OPEN IN GOOGLE MAPS\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- CALL US -->\n\n        <div class=\"mf-column\">\n\n            <h4 class=\"mf-title\">\n                CALL US\n            <\/h4>\n\n\n            <div class=\"mf-contact-list\">\n\n                <a href=\"tel:+97339905077\">\n                    +973 39905077\n                <\/a>\n\n                <a href=\"tel:+97333635233\">\n                    +973 33635233\n                <\/a>\n\n                <a href=\"tel:+97377022200\">\n                    +973 77022200\n                <\/a>\n\n                <a href=\"tel:+966506880868\">\n                    +966 506880868\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- EMAIL -->\n\n        <div class=\"mf-column\">\n\n            <h4 class=\"mf-title\">\n                EMAIL US\n            <\/h4>\n\n\n            <div class=\"mf-email-list\">\n\n                <a href=\"mailto:info@almaalybh.com\">\n                    info@almaalybh.com\n                <\/a>\n\n                <a href=\"mailto:bdm@almaalybh.com\">\n                    bdm@almaalybh.com\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- SOCIAL -->\n\n        <div class=\"mf-column mf-social-area\">\n\n            <h4 class=\"mf-title\">\n                CONNECT WITH US\n            <\/h4>\n\n\n            <p>\n                Follow Al Maaly and connect\n                directly with our team.\n            <\/p>\n\n\n            <div class=\"mf-socials\">\n\n\n                <!-- LINKEDIN -->\n\n                <a\n                    href=\"https:\/\/www.linkedin.com\/company\/al-maaly-recruitment\/\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    class=\"mf-social mf-social-linkedin\"\n                    aria-label=\"LinkedIn\"\n                >\n\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M6.5 8.5H3.3V19h3.2V8.5ZM4.9 3A1.9 1.9 0 1 0 5 6.8 1.9 1.9 0 0 0 4.9 3ZM19.5 12.9c0-3.2-1.7-4.7-4-4.7a3.5 3.5 0 0 0-3.2 1.8V8.5H9.1V19h3.2v-5.2c0-1.4.3-2.8 2-2.8 1.7 0 1.8 1.6 1.8 2.9V19h3.2l.2-6.1Z\"\/>\n                    <\/svg>\n\n                <\/a>\n\n\n                <!-- INSTAGRAM -->\n\n                <a\n                    href=\"https:\/\/www.instagram.com\/reel\/DXMNUtUipIK\/?igsi=MTVudmh3eHVjMWQ3ag==\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    class=\"mf-social mf-social-instagram\"\n                    aria-label=\"Instagram\"\n                >\n\n                    <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6Zm9.1 1.5a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6ZM12 7.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8Zm0 2a2.9 2.9 0 1 0 0 5.8 2.9 2.9 0 0 0 0-5.8Z\"\/>\n                    <\/svg>\n\n                <\/a>\n\n\n                <!-- WHATSAPP -->\n\n                <a\n                    href=\"https:\/\/wa.me\/97339905077\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                    class=\"mf-social mf-social-whatsapp\"\n                    aria-label=\"WhatsApp\"\n                >\n\n                    <svg viewbox=\"0 0 32 32\">\n                        <path d=\"M16.1 3A12.8 12.8 0 0 0 5.2 22.5L3.5 29l6.7-1.7A12.9 12.9 0 1 0 16.1 3Zm0 23.5a10.6 10.6 0 0 1-5.4-1.5l-.4-.2-4 .9 1.1-3.8-.3-.4A10.7 10.7 0 1 1 16 26.5Zm5.9-8c-.3-.2-1.9-.9-2.2-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-.9 1.2-.2.2-.4.2-.7.1-2-.9-3.4-2-4.6-4-.3-.5.3-.5.9-1.6.1-.2.1-.4 0-.6-.1-.2-.7-1.7-1-2.3-.3-.7-.5-.6-.7-.6h-.6c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 3 0 1.7 1.3 3.4 1.5 3.7.2.2 2.5 3.8 6 5.3 2.2.9 3 .9 4.1.8.7-.1 1.9-.8 2.2-1.5.3-.7.3-1.3.2-1.5-.2-.3-.5-.4-.8-.6Z\"\/>\n                    <\/svg>\n\n                <\/a>\n\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================\n         BOTTOM\n         ===================================== -->\n\n    <div class=\"mf-bottom\">\n\n        <div class=\"mf-copyright\">\n\n            \u00a9 2026 Al Maaly Recruitment &amp; Manpower Services.\n            All Rights Reserved.\n\n        <\/div>\n\n\n        <div class=\"mf-bottom-links\">\n\n            <a href=\"\/ar\/\">\n                \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\n            <\/a>\n\n            <a href=\"#contact\">\n                Contact\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n\n<!-- =========================================\n     FLOATING WHATSAPP\n     ========================================= -->\n\n<a\n    href=\"https:\/\/wa.me\/97339905077\"\n    target=\"_blank\"\n    rel=\"noopener\"\n    class=\"maaly-whatsapp-floating\"\n    aria-label=\"Chat with Al Maaly on WhatsApp\"\n>\n\n    <svg viewbox=\"0 0 32 32\">\n\n        <path d=\"M16.1 3A12.8 12.8 0 0 0 5.2 22.5L3.5 29l6.7-1.7A12.9 12.9 0 1 0 16.1 3Zm0 23.5a10.6 10.6 0 0 1-5.4-1.5l-.4-.2-4 .9 1.1-3.8-.3-.4A10.7 10.7 0 1 1 16 26.5Zm5.9-8c-.3-.2-1.9-.9-2.2-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-.9 1.2-.2.2-.4.2-.7.1-2-.9-3.4-2-4.6-4-.3-.5.3-.5.9-1.6.1-.2.1-.4 0-.6-.1-.2-.7-1.7-1-2.3-.3-.7-.5-.6-.7-.6h-.6c-.2 0-.6.1-.9.4-.3.3-1.2 1.2-1.2 3 0 1.7 1.3 3.4 1.5 3.7.2.2 2.5 3.8 6 5.3 2.2.9 3 .9 4.1.8.7-.1 1.9-.8 2.2-1.5.3-.7.3-1.3.2-1.5-.2-.3-.5-.4-.8-.6Z\"\/>\n\n    <\/svg>\n\n<\/a>\n\n<\/footer>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udde7\ud83c\udded BAHRAIN \u2022 \ud83c\uddf8\ud83c\udde6 SAUDI ARABIA Home About Us Services Vacancy Employers Contact Us AR [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"nf_dc_page":"","_gutenify_countdown_timer_type":"fixed","_gutenify_countdown_timer_evergreen_hours":24,"_gutenify_countdown_timer_evergreen_minutes":0,"_gutenify_countdown_timer_date":"","_gutenify_countdown_timer_timezone":"US\/Eastern","_gutenify_countdown_timer_end_action":"none","_gutenify_countdown_timer_hide_selector":"","_gutenify_countdown_timer_redirect_url":"","om_disable_all_campaigns":true,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":40,"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":290,"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/pages\/85\/revisions\/290"}],"wp:attachment":[{"href":"https:\/\/almaalybh.com\/ar\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}