{"id":2041,"date":"2024-05-06T09:46:41","date_gmt":"2024-05-06T09:46:41","guid":{"rendered":"https:\/\/www.mada-alhadithah.com.sa\/?page_id=2041"},"modified":"2026-04-26T11:42:08","modified_gmt":"2026-04-26T08:42:08","slug":"brands","status":"publish","type":"page","link":"https:\/\/www.mada-alhadithah.com.sa\/en\/brands\/","title":{"rendered":"Our brands"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2041\" class=\"elementor elementor-2041\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f51a027 e-con-full e-flex e-con e-parent\" data-id=\"f51a027\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4694797 elementor-widget elementor-widget-html\" data-id=\"4694797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- 1. THEME VARIABLES --- *\/\r\n        :root {\r\n            --color-dark: #064E3B;      \r\n            --color-gold: #D4AF37;      \r\n            --color-white: #ffffff;\r\n            --overlay-color: rgba(6, 78, 59, 0.85);\r\n            --font-arabic: 'Noto Naskh Arabic', serif;\r\n            --font-en: 'Inter', sans-serif;\r\n        }\r\n\r\n        body { margin: 0; }\r\n\r\n        \/* Force RTL (Right to Left) Default for Arabic *\/\r\n        .dynamic-page-header-wrapper {\r\n            direction: rtl;\r\n            text-align: center;\r\n            font-family: var(--font-arabic);\r\n            width: 100%;\r\n        }\r\n\r\n        \/* --- 2. PAGE HEADER STYLES --- *\/\r\n        .dynamic-page-header {\r\n            position: relative;\r\n            height: 450px; \r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: flex-start; \r\n            padding-top: 180px; \r\n            text-align: center;\r\n            background-color: var(--color-dark);\r\n            background-image: url('https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2024\/04\/banner.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            box-sizing: border-box;\r\n            direction: rtl; \/* Force RTL *\/\r\n        }\r\n\r\n        \/* Dark Overlay *\/\r\n        .dynamic-page-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: var(--overlay-color);\r\n            z-index: 1;\r\n        }\r\n\r\n        .header-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            max-width: 800px;\r\n            padding: 0 20px;\r\n            animation: slideDown 1s ease-out;\r\n            text-align: center; \r\n        }\r\n\r\n        \/* --- 3. TITLE STYLING --- *\/\r\n        .page-title {\r\n            color: var(--color-white);\r\n            font-size: 3.5rem; \r\n            font-weight: 700;\r\n            margin: 0;\r\n            line-height: 1.5; \r\n            text-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* Gold Divider *\/\r\n        .title-divider {\r\n            width: 80px; height: 4px;\r\n            background-color: var(--color-gold);\r\n            margin: 20px auto 25px auto; \r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* --- 4. BREADCRUMB STYLING --- *\/\r\n        .breadcrumb-nav {\r\n            display: inline-block;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(5px);\r\n            padding: 10px 30px;\r\n            border-radius: 50px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .breadcrumb-list {\r\n            list-style: none; padding: 0; margin: 0;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 1.1rem; font-weight: 500;\r\n            direction: rtl; \/* RTL Flow *\/\r\n        }\r\n\r\n        .breadcrumb-item {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            display: flex; align-items: center;\r\n        }\r\n        \r\n        .breadcrumb-item a {\r\n            color: var(--color-white); text-decoration: none; transition: color 0.3s;\r\n        }\r\n        \r\n        .breadcrumb-item a:hover { color: var(--color-gold); }\r\n\r\n        \/* Universal Separator Fix (Works perfectly for both RTL & LTR flexbox) *\/\r\n        .breadcrumb-item + .breadcrumb-item::before {\r\n            content: '\/'; margin: 0 15px; color: var(--color-gold); font-weight: bold;\r\n        }\r\n        \r\n        .breadcrumb-item.active { color: var(--color-gold); pointer-events: none; }\r\n\r\n        @keyframes slideDown {\r\n            from { opacity: 0; transform: translateY(-30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* Mobile Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .dynamic-page-header { height: 350px; padding-top: 140px; }\r\n            .page-title { font-size: 2.2rem; }\r\n        }\r\n\r\n        \/* ========================================================== *\/\r\n        \/* --- 5. DUAL LANGUAGE TOGGLE & TRANSLATEPRESS LTR FIXES --- *\/\r\n        \/* ========================================================== *\/\r\n\r\n        \/* 1. Default State (Arabic visible, English hidden) *\/\r\n        .lang-en { display: none; }\r\n        .lang-ar { display: inline; }\r\n\r\n        \/* 2. English State Trigger (Activated by TranslatePress) *\/\r\n        html[lang^=\"en\"] .dynamic-page-header-wrapper, \r\n        html.translated-ltr .dynamic-page-header-wrapper, \r\n        body.translatepress-en .dynamic-page-header-wrapper, \r\n        [dir=\"ltr\"] .dynamic-page-header-wrapper,\r\n        \r\n        html[lang^=\"en\"] .dynamic-page-header, \r\n        html.translated-ltr .dynamic-page-header, \r\n        body.translatepress-en .dynamic-page-header, \r\n        [dir=\"ltr\"] .dynamic-page-header,\r\n        \r\n        html[lang^=\"en\"] .breadcrumb-list, \r\n        html.translated-ltr .breadcrumb-list, \r\n        body.translatepress-en .breadcrumb-list, \r\n        [dir=\"ltr\"] .breadcrumb-list {\r\n            direction: ltr !important;\r\n            font-family: var(--font-en), system-ui, -apple-system, sans-serif !important;\r\n        }\r\n\r\n        \/* Hide Arabic & Show English Text *\/\r\n        html[lang^=\"en\"] .lang-ar, html.translated-ltr .lang-ar, body.translatepress-en .lang-ar, [dir=\"ltr\"] .lang-ar {\r\n            display: none !important;\r\n        }\r\n        html[lang^=\"en\"] .lang-en, html.translated-ltr .lang-en, body.translatepress-en .lang-en, [dir=\"ltr\"] .lang-en {\r\n            display: inline !important;\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"dynamic-page-header-wrapper\">\r\n    <header class=\"dynamic-page-header\">\r\n        <div class=\"header-content\">\r\n            \r\n            <h1 class=\"page-title\">\r\n                <span class=\"lang-ar\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/span>\r\n                <span class=\"lang-en\">Brands in Success<\/span>\r\n            <\/h1>\r\n            \r\n            <div class=\"title-divider\"><\/div>\r\n            \r\n            <nav class=\"breadcrumb-nav\">\r\n                <ol class=\"breadcrumb-list\">\r\n                    <li class=\"breadcrumb-item\">\r\n                        <a href=\"\/\">\r\n                            <span class=\"lang-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\r\n                            <span class=\"lang-en\">Home<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n                    <li class=\"breadcrumb-item active\">\r\n                        <span class=\"lang-ar\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/span>\r\n                        <span class=\"lang-en\">Brands in Success<\/span>\r\n                    <\/li>\r\n                <\/ol>\r\n            <\/nav>\r\n\r\n        <\/div>\r\n    <\/header>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9bd6b6 e-con-full e-flex e-con e-parent\" data-id=\"d9bd6b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-deb92f8 elementor-widget elementor-widget-html\" data-id=\"deb92f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        \/* --- 1. THEME VARIABLES --- *\/\r\n        :root {\r\n            --bg-body: #f8f9fa;\r\n            --card-bg: rgba(255, 255, 255, 0.9);\r\n            --brand-green: #0b3d2e; \r\n            --brand-gold: #c6a87c;\r\n            --shadow-soft: 0 5px 20px rgba(0,0,0,0.04);\r\n            --shadow-hover: 0 15px 35px rgba(11, 61, 46, 0.12);\r\n            --framer-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            --font-arabic: 'Noto Naskh Arabic', serif;\r\n            --font-en: 'Inter', sans-serif;\r\n        }\r\n\r\n        body { \r\n            margin: 0; \r\n            font-family: var(--font-arabic); \r\n            background-color: var(--bg-body); \r\n            -webkit-font-smoothing: antialiased;\r\n            direction: rtl; \/* Default Arabic RTL *\/\r\n        }\r\n\r\n        \/* --- 2. MAIN SECTION --- *\/\r\n        #brands-section { \r\n            padding: 80px 20px 60px; \r\n            text-align: center; \r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .heading-box { margin-bottom: 50px; }\r\n\r\n        .main-heading {\r\n            font-family: var(--font-arabic);\r\n            color: var(--brand-green);\r\n            font-size: 2.8rem; \r\n            margin: 0; \r\n            font-weight: 700; \r\n            line-height: 1.4;\r\n        }\r\n\r\n        .sub-heading {\r\n            display: block; \r\n            color: var(--brand-gold);\r\n            font-size: 1.2rem; \r\n            margin-top: 10px; \r\n            font-family: var(--font-arabic);\r\n        }\r\n\r\n        \/* --- 3. HIGHLY RESPONSIVE GRID FOR LOGOS --- *\/\r\n        .framer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            gap: 20px;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .framer-item {\r\n            text-decoration: none;\r\n            background: var(--card-bg); \r\n            border-radius: 12px;\r\n            overflow: hidden; \r\n            position: relative; \r\n            cursor: pointer;\r\n            transition: var(--framer-transition);\r\n            box-shadow: var(--shadow-soft);\r\n            border: 1px solid rgba(0,0,0,0.05);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            aspect-ratio: 1 \/ 1; \r\n        }\r\n\r\n        .framer-item:hover {\r\n            transform: translateY(-5px) scale(1.03);\r\n            box-shadow: var(--shadow-hover);\r\n            border-color: rgba(198, 168, 124, 0.4);\r\n        }\r\n\r\n        .img-container {\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .framer-item img {\r\n            max-width: 90%; \r\n            max-height: 90%;\r\n            object-fit: contain;\r\n            display: block;\r\n            transition: var(--framer-transition);\r\n            filter: grayscale(10%); \r\n        }\r\n\r\n        .framer-item:hover img { \r\n            transform: scale(1.08); \r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        \/* --- 4. QUICK VIEW HOVER TEXT --- *\/\r\n        .quick-view-btn {\r\n            position: absolute;\r\n            bottom: -40px; \r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex; \r\n            align-items: center; \r\n            gap: 6px;\r\n            padding: 6px 16px;\r\n            background: rgba(11, 61, 46, 0.95);\r\n            color: #fff;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem; \r\n            font-weight: 600;\r\n            transition: var(--framer-transition);\r\n            z-index: 10;\r\n            opacity: 0;\r\n            white-space: nowrap;\r\n            font-family: var(--font-arabic);\r\n        }\r\n\r\n        .framer-item:hover .quick-view-btn { \r\n            bottom: 15px; \r\n            opacity: 1;\r\n        }\r\n        \r\n        .quick-view-btn:hover { \r\n            background: var(--brand-gold); \r\n            color: #111; \r\n        }\r\n\r\n        \/* --- 5. CSS ONLY LIGHTBOX (NO JS) --- *\/\r\n        .lightbox-target {\r\n            visibility: hidden; opacity: 0;\r\n            position: fixed; z-index: 9999;\r\n            left: 0; top: 0; width: 100%; height: 100%;\r\n            background: rgba(11, 61, 46, 0.85); backdrop-filter: blur(10px);\r\n            display: flex; justify-content: center; align-items: center;\r\n            transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        }\r\n        \r\n        .lightbox-target:target {\r\n            visibility: visible; opacity: 1;\r\n        }\r\n        \r\n        .lightbox-target .lightbox-content {\r\n            max-width: 85%; max-height: 85vh;\r\n            transform: scale(0.9) translateY(20px); transition: transform 0.4s ease;\r\n            position: relative; z-index: 2;\r\n        }\r\n        \r\n        .lightbox-target:target .lightbox-content {\r\n            transform: scale(1) translateY(0);\r\n        }\r\n        \r\n        .lightbox-target img {\r\n            width: 100%; height: 100%;\r\n            max-height: 80vh; object-fit: contain;\r\n            border-radius: 12px; background: #fff; padding: 25px;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .lightbox-close-overlay {\r\n            position: absolute; top: 0; left: 0;\r\n            width: 100%; height: 100%; cursor: default; z-index: 1;\r\n        }\r\n\r\n        \/* Default Arabic (RTL) Close Icon - Left Side *\/\r\n        .close-icon {\r\n            position: absolute; \r\n            top: 25px; \r\n            left: 35px; \r\n            right: auto;\r\n            color: #fff; font-size: 45px; cursor: pointer; transition: var(--framer-transition);\r\n            text-decoration: none; z-index: 3; line-height: 1;\r\n        }\r\n        \r\n        .close-icon:hover { color: var(--brand-gold); transform: rotate(90deg) scale(1.1); }\r\n\r\n        \/* --- 6. RESPONSIVE --- *\/\r\n        @media (max-width: 768px) { \r\n            .main-heading { font-size: 2.2rem; }\r\n            .framer-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 15px; }\r\n        }\r\n        @media (max-width: 480px) { \r\n            .framer-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n            .main-heading { font-size: 1.8rem; }\r\n            .sub-heading { font-size: 1rem; }\r\n            .quick-view-btn { display: none; }\r\n        }\r\n\r\n        \/* ========================================================== *\/\r\n        \/* --- 7. DUAL LANGUAGE TOGGLE & TRANSLATEPRESS LTR FIXES --- *\/\r\n        \/* ========================================================== *\/\r\n        .lang-en { display: none; }\r\n        .lang-ar { display: inline; }\r\n\r\n        html[lang^=\"en\"] body, html.translated-ltr body, body.translatepress-en body, [dir=\"ltr\"] body {\r\n            direction: ltr !important;\r\n        }\r\n\r\n        html[lang^=\"en\"] .main-heading, html[lang^=\"en\"] .sub-heading, html[lang^=\"en\"] .quick-view-btn,\r\n        html.translated-ltr .main-heading, html.translated-ltr .sub-heading, html.translated-ltr .quick-view-btn,\r\n        body.translatepress-en .main-heading, body.translatepress-en .sub-heading, body.translatepress-en .quick-view-btn,\r\n        [dir=\"ltr\"] .main-heading, [dir=\"ltr\"] .sub-heading, [dir=\"ltr\"] .quick-view-btn {\r\n            font-family: var(--font-en), system-ui, -apple-system, sans-serif !important;\r\n        }\r\n\r\n        \/* Hide\/Show Logic *\/\r\n        html[lang^=\"en\"] .lang-ar, html.translated-ltr .lang-ar, body.translatepress-en .lang-ar, [dir=\"ltr\"] .lang-ar { display: none !important; }\r\n        html[lang^=\"en\"] .lang-en, html.translated-ltr .lang-en, body.translatepress-en .lang-en, [dir=\"ltr\"] .lang-en { display: inline !important; }\r\n\r\n        \/* TranslatePress English (LTR) Close Icon Auto-Shift - Right Side *\/\r\n        html[lang^=\"en\"] .close-icon, html.translated-ltr .close-icon, body.translatepress-en .close-icon, [dir=\"ltr\"] .close-icon {\r\n            left: auto !important; right: 35px !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"brands-section\">\r\n    <div class=\"heading-box\">\r\n        <!--<h2 class=\"main-heading\">-->\r\n        <!--    <span class=\"lang-ar\">\u0634\u0631\u0643\u0627\u0621\u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/span>-->\r\n        <!--    <span class=\"lang-en\">Brands In Success<\/span>-->\r\n        <!--<\/h2>-->\r\n        <span class=\"sub-heading\">\r\n            <span class=\"lang-ar\">\u0646\u062d\u0646 \u0641\u062e\u0648\u0631\u0648\u0646 \u0628\u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u0647\u0645<\/span>\r\n            <span class=\"lang-en\">We are proud to work with them<\/span>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"framer-grid\">\r\n        <a href=\"#logo1\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-10-1-300x200.png\" alt=\"Brand Logo 1\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo2\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Alya-Sun.png\" alt=\"Brand Logo 2\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo3\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-9-1-300x200.png\" alt=\"Brand Logo 3\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo4\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-7-1-300x200.png\" alt=\"Brand Logo 4\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo5\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-6-1-300x214.png\" alt=\"Brand Logo 5\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo6\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-5-1-300x200.png\" alt=\"Brand Logo 6\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo7\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/logo-1.jpeg\" alt=\"Brand Logo 7\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo8\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-4-1-300x200.png\" alt=\"Brand Logo 8\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo9\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-4-1-300x300.jpg\" alt=\"Brand Logo 9\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo10\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-3-1-300x200.png\" alt=\"Brand Logo 10\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo11\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-3-1-289x300.jpg\" alt=\"Brand Logo 11\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        \r\n        <a href=\"#logo12\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-7-1-300x300.jpg\" alt=\"Brand Logo 12\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n        <a href=\"#logo13\" class=\"framer-item\"><div class=\"img-container\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/logo-2.jpeg\" alt=\"Brand Logo 13\" loading=\"lazy\"><div class=\"quick-view-btn\"><span class=\"lang-ar\">\u062a\u0643\u0628\u064a\u0631<\/span><span class=\"lang-en\">Zoom<\/span> <i class=\"fas fa-search-plus\"><\/i><\/div><\/div><\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div id=\"logo1\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-10-1-300x200.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo2\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Alya-Sun.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo3\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-9-1-300x200.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo4\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-7-1-300x200.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo5\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-6-1-300x214.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo6\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-5-1-300x200.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo7\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/logo-1.jpeg\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo8\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-4-1-300x200.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo9\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-4-1-300x300.jpg\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo10\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-3-1-300x200.png\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo11\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-3-1-289x300.jpg\" alt=\"Zoom\"><\/div><\/div>\r\n\r\n<div id=\"logo12\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/Brand-7-1-300x300.jpg\" alt=\"Zoom\"><\/div><\/div>\r\n<div id=\"logo13\" class=\"lightbox-target\"><a href=\"#!\" class=\"lightbox-close-overlay\"><\/a><a href=\"#!\" class=\"close-icon\">&times;<\/a><div class=\"lightbox-content\"><img decoding=\"async\" src=\"https:\/\/www.mada-alhadithah.com.sa\/wp-content\/uploads\/2026\/04\/logo-2.jpeg\" alt=\"Zoom\"><\/div><\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d Brands in Success \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 Home \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d Brands in Success \u0646\u062d\u0646 \u0641\u062e\u0648\u0631\u0648\u0646 \u0628\u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u0647\u0645 We are proud to work with them \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom \u062a\u0643\u0628\u064a\u0631Zoom &times; &times; &times; &times; &times; &times; &times; &times; &times; &times; &times; &times; &times;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2041","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages\/2041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/comments?post=2041"}],"version-history":[{"count":5,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages\/2041\/revisions"}],"predecessor-version":[{"id":4526,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages\/2041\/revisions\/4526"}],"wp:attachment":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/media?parent=2041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}