{"id":3008,"date":"2026-02-01T10:36:15","date_gmt":"2026-02-01T07:36:15","guid":{"rendered":"https:\/\/www.mada-alhadithah.com.sa\/?page_id=3008"},"modified":"2026-04-25T15:56:58","modified_gmt":"2026-04-25T12:56:58","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.mada-alhadithah.com.sa\/en\/contact-us\/","title":{"rendered":"Get in touch now"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3008\" class=\"elementor elementor-3008\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d09fa77 e-con-full e-flex e-con e-parent\" data-id=\"d09fa77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d84af60 elementor-widget elementor-widget-html\" data-id=\"d84af60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- 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    }\r\n\r\n    \/* Force RTL (Right to Left) for Arabic *\/\r\n    .dynamic-page-header-wrapper {\r\n        direction: rtl !important;\r\n        text-align: right;\r\n        \/* Added Arabic friendly fonts like Cairo or Tajawal *\/\r\n        font-family: 'Cairo', 'Tajawal', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\r\n    }\r\n\r\n    body { margin: 0; }\r\n\r\n    \/* --- 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 !important; \/* Arabic Direction *\/\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; right: 0; width: 100%; height: 100%; \/* Changed left to right *\/\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 !important; \r\n    }\r\n\r\n    \/* --- TITLE STYLING --- *\/\r\n    .page-title {\r\n        color: var(--color-white);\r\n        font-size: 3.5rem; \r\n        font-weight: 800;\r\n        margin: 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0px; \/* Reduced letter spacing for Arabic as it looks better *\/\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    \/* --- 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: 1rem; font-weight: 500;\r\n        text-transform: uppercase; \r\n        direction: rtl !important; \/* Arabic Direction *\/\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    .breadcrumb-item a {\r\n        color: var(--color-white); text-decoration: none; transition: color 0.3s;\r\n    }\r\n    .breadcrumb-item a:hover { color: var(--color-gold); }\r\n\r\n    .breadcrumb-item:not(:last-child)::after {\r\n        content: '\/'; margin: 0 15px; color: var(--color-gold); font-weight: bold;\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: 2rem; }\r\n    }\r\n<\/style>\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            <h1 class=\"page-title\" id=\"dynamicTitle\">\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/h1>\r\n            <div class=\"title-divider\"><\/div>\r\n            <nav class=\"breadcrumb-nav\">\r\n                <ol class=\"breadcrumb-list\" id=\"dynamicBreadcrumb\"><\/ol>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n<\/div>\r\n    \r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ 1. Browser Title Utthao\r\n        let fullTitle = document.title; \r\n\r\n        \/\/ 2. Safai Karo (Cleaning Logic)\r\n        if (fullTitle.includes('\u2013')) {\r\n            fullTitle = fullTitle.split('\u2013')[0]; \r\n        } \r\n        else if (fullTitle.includes('-')) {\r\n            fullTitle = fullTitle.split('-')[0];\r\n        }\r\n        else if (fullTitle.includes('|')) {\r\n            fullTitle = fullTitle.split('|')[0];\r\n        }\r\n\r\n        let cleanTitle = fullTitle.trim();\r\n\r\n        \/\/ 3. Title Set Karo\r\n        const titleElement = document.getElementById('dynamicTitle');\r\n        if(titleElement) titleElement.textContent = cleanTitle;\r\n\r\n        \/\/ 4. Breadcrumb Set Karo (Home changed to Arabic)\r\n        const breadcrumbList = document.getElementById('dynamicBreadcrumb');\r\n        const breadcrumbHTML = `\r\n            <li class=\"breadcrumb-item\"><a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n            <li class=\"breadcrumb-item active\">${cleanTitle}<\/li>\r\n        `;\r\n        if(breadcrumbList) breadcrumbList.innerHTML = breadcrumbHTML;\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4641fbc e-con-full e-flex e-con e-parent\" data-id=\"4641fbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4744041 elementor-widget elementor-widget-html\" data-id=\"4744041\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contact Us - Bilingual Perfect<\/title>\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n    \r\n    <style>\r\n        \/* --- CUSTOM FONT IMPORT --- *\/\r\n        @font-face {\r\n            font-family: 'Nura';\r\n            src: url('path\/to\/your\/nura-font.woff2') format('woff2'),\r\n                 url('path\/to\/your\/nura-font.woff') format('woff');\r\n            font-weight: normal;\r\n            font-style: normal;\r\n        }\r\n\r\n        \/* --- 1. GLOBAL VARIABLES & RESET --- *\/\r\n        :root {\r\n            --primary: #006eb6;    \/* Mada Blue *\/\r\n            --secondary: #00a99d;  \/* Mada Teal *\/\r\n            --dark: #1e293b;       \/* Dark Text *\/\r\n            --light: #f1f5f9;      \/* Background *\/\r\n            --white: #ffffff;\r\n            --shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n            --radius: 16px;\r\n        }\r\n\r\n        \/* Default Arabic (RTL) Settings *\/\r\n        .mada-contact-page {\r\n            font-family: 'Nura', system-ui, sans-serif !important;\r\n            background-color: var(--light);\r\n            padding: 60px 20px;\r\n            color: var(--dark);\r\n            box-sizing: border-box;\r\n            direction: rtl; \/* Default RTL *\/\r\n            text-align: right; \r\n        }\r\n        \r\n        .mada-contact-page * { \r\n            box-sizing: border-box; \r\n            font-family: 'Nura', system-ui, sans-serif !important; \r\n        }\r\n\r\n        \/* --- 2. MAIN CARD LAYOUT --- *\/\r\n        .contact-card {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            background: var(--white);\r\n            border-radius: var(--radius);\r\n            box-shadow: var(--shadow);\r\n            display: flex;\r\n            flex-direction: row; \r\n            flex-wrap: wrap;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* --- 3. LEFT PANEL (INFO) --- *\/\r\n        .info-panel {\r\n            flex: 1;\r\n            min-width: 300px;\r\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n            color: var(--white);\r\n            padding: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .info-panel h3 { margin-top: 0; font-size: 28px; font-weight: 800; margin-bottom: 10px; }\r\n        .info-panel .subtitle { opacity: 0.9; margin-bottom: 40px; line-height: 1.6; font-size: 15px; }\r\n\r\n        .info-item { \r\n            display: flex; \r\n            align-items: flex-start; \r\n            gap: 15px; \r\n            margin-bottom: 30px; \r\n        }\r\n        \r\n        .icon-circle {\r\n            width: 45px; height: 45px;\r\n            background: rgba(255,255,255,0.15);\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 18px; \r\n            flex-shrink: 0; \r\n        }\r\n\r\n        .info-text { flex-grow: 1; }\r\n        .info-text span.label-text { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.7; margin-bottom: 5px; }\r\n        .info-text p, .info-text a { margin: 0; font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; line-height: 1.4; display: block; }\r\n\r\n        .social-icons { display: flex; gap: 10px; margin-top: 50px; }\r\n        .social-icons a {\r\n            width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center; color: #fff; transition: 0.3s;\r\n            text-decoration: none;\r\n        }\r\n        .social-icons a:hover { background: #fff; color: var(--primary); }\r\n\r\n        \/* --- 4. RIGHT PANEL (FORM) --- *\/\r\n        .form-panel {\r\n            flex: 1.3;\r\n            min-width: 350px;\r\n            padding: 50px;\r\n            background: var(--white);\r\n        }\r\n\r\n        .form-panel h3 { color: var(--primary); font-size: 26px; font-weight: 800; margin-top: 0; margin-bottom: 30px; }\r\n\r\n        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n        .form-group { margin-bottom: 20px; }\r\n        .form-group.full-width { grid-column: span 2; }\r\n\r\n        .form-group label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px; color: #64748b; }\r\n        \r\n        .form-control {\r\n            width: 100%; padding: 12px 15px;\r\n            border: 1px solid #e2e8f0; border-radius: 8px;\r\n            background: #f8fafc; \r\n            font-size: 14px; transition: 0.3s;\r\n        }\r\n        .form-control::placeholder { opacity: 0.6; }\r\n        .form-control:focus { outline: none; border-color: var(--primary); background: #fff; box-shadow: 0 0 0 3px rgba(0,110,182,0.1); }\r\n        textarea.form-control { resize: vertical; min-height: 120px; }\r\n\r\n        \/* Custom Select Arrow RTL Default *\/\r\n        .select-wrapper { position: relative; display: block; }\r\n        .select-wrapper i { \r\n            position: absolute; \r\n            top: 50%; \r\n            left: 15px; \/* Arrow on left for RTL *\/\r\n            right: auto;\r\n            transform: translateY(-50%); \r\n            font-size: 14px; \r\n            color: var(--primary); \r\n            pointer-events: none; \r\n            z-index: 2;\r\n        }\r\n        .select-wrapper select { appearance: none; cursor: pointer; padding-left: 40px; padding-right: 15px; position: relative; z-index: 1; }\r\n\r\n        .submit-btn {\r\n            background: var(--primary); color: #fff;\r\n            border: none; padding: 14px 40px; border-radius: 50px;\r\n            font-weight: 700; cursor: pointer; transition: 0.3s;\r\n            display: inline-flex; \r\n            align-items: center; \r\n            justify-content: center;\r\n            gap: 12px;\r\n        }\r\n        .submit-btn i { transform: scaleX(-1); \/* Flip paper plane for RTL *\/ }\r\n        .submit-btn:hover { background: var(--dark); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.15); }\r\n\r\n        \/* Global Inputs LTR Force for Email\/Phone *\/\r\n        input[type=\"email\"], input[type=\"tel\"] { direction: ltr !important; text-align: left !important; }\r\n\r\n        \/* --- 5. MAP SECTION --- *\/\r\n        .map-wrapper {\r\n            max-width: 1100px; margin: 40px auto;\r\n            border-radius: var(--radius); overflow: hidden;\r\n            box-shadow: var(--shadow); height: 400px;\r\n        }\r\n\r\n        \/* --- 6. FLOATING WHATSAPP --- *\/\r\n        .float-wa {\r\n            position: fixed; bottom: 30px; left: 30px; right: auto; \/* Left for RTL *\/\r\n            width: 60px; height: 60px; background: #25d366; color: #fff;\r\n            border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n            font-size: 32px; box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);\r\n            z-index: 9999; transition: 0.3s; text-decoration: none;\r\n        }\r\n        .float-wa:hover { transform: scale(1.1); background: #128c7e; }\r\n\r\n        \/* --- 7. MOBILE RESPONSIVE --- *\/\r\n        @media (max-width: 768px) {\r\n            .contact-card { flex-direction: column; }\r\n            .info-panel, .form-panel { padding: 30px 20px; min-width: 100%; }\r\n            .form-grid { grid-template-columns: 1fr; }\r\n            .form-group.full-width { grid-column: span 1; }\r\n            .form-panel { order: 1; }\r\n            .info-panel { order: 2; border-radius: 0 0 var(--radius) var(--radius); }\r\n            .submit-btn { width: 100%; }\r\n        }\r\n\r\n        \/* ========================================================== *\/\r\n        \/* --- 8. DUAL LANGUAGE TOGGLE & TRANSLATEPRESS LTR FIXES --- *\/\r\n        \/* ========================================================== *\/\r\n        .lang-en { display: none; }\r\n        .lang-ar { display: inline; }\r\n\r\n        \/* Toggle text spans *\/\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        \/* Switch Page to LTR for English *\/\r\n        html[lang^=\"en\"] .mada-contact-page, \r\n        html.translated-ltr .mada-contact-page, \r\n        body.translatepress-en .mada-contact-page, \r\n        [dir=\"ltr\"] .mada-contact-page {\r\n            direction: ltr !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        \/* Fix Select Dropdown Arrow for LTR *\/\r\n        html[lang^=\"en\"] .select-wrapper i, html.translated-ltr .select-wrapper i, body.translatepress-en .select-wrapper i, [dir=\"ltr\"] .select-wrapper i {\r\n            left: auto !important; right: 15px !important;\r\n        }\r\n        html[lang^=\"en\"] .select-wrapper select, html.translated-ltr .select-wrapper select, body.translatepress-en .select-wrapper select, [dir=\"ltr\"] .select-wrapper select {\r\n            padding-left: 15px !important; padding-right: 40px !important;\r\n        }\r\n\r\n        \/* Fix Submit Button Icon for LTR *\/\r\n        html[lang^=\"en\"] .submit-btn i, html.translated-ltr .submit-btn i, body.translatepress-en .submit-btn i, [dir=\"ltr\"] .submit-btn i {\r\n            transform: scaleX(1) !important;\r\n        }\r\n\r\n        \/* Fix WhatsApp Button Position for LTR *\/\r\n        html[lang^=\"en\"] .float-wa, html.translated-ltr .float-wa, body.translatepress-en .float-wa, [dir=\"ltr\"] .float-wa {\r\n            left: auto !important; right: 30px !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"mada-contact-page\">\r\n    \r\n    <div class=\"contact-card\">\r\n        \r\n        <div class=\"info-panel\">\r\n            <h3>\r\n                <span class=\"lang-ar\">\u0627\u0628\u0642 \u0639\u0644\u0649 \u062a\u0648\u0627\u0635\u0644<\/span>\r\n                <span class=\"lang-en\">Get in Touch<\/span>\r\n            <\/h3>\r\n            <p class=\"subtitle\">\r\n                <span class=\"lang-ar\">\u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0625\u0644\u064a\u0643. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u0623\u063a\u0630\u064a\u0629\u060c \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a\u060c \u0623\u0648 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621.<\/span>\r\n                <span class=\"lang-en\">We are happy to hear from you. Contact us for any inquiries regarding food, electronics, or building materials.<\/span>\r\n            <\/p>\r\n            \r\n            <div class=\"info-item\">\r\n                <div class=\"icon-circle\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                <div class=\"info-text\">\r\n                    <span class=\"label-text\">\r\n                        <span class=\"lang-ar\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\r\n                        <span class=\"lang-en\">Call Us<\/span>\r\n                    <\/span>\r\n                    <a href=\"tel:00966505300714\" dir=\"ltr\">00966 50 530 0714<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-item\">\r\n                <div class=\"icon-circle\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                <div class=\"info-text\">\r\n                    <span class=\"label-text\">\r\n                        <span class=\"lang-ar\">\u062f\u0639\u0645 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\r\n                        <span class=\"lang-en\">Email Support<\/span>\r\n                    <\/span>\r\n                    <a href=\"mailto:info@mada-alhadithah.com.sa\">info@mada-alhadithah.com.sa<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-item\">\r\n                <div class=\"icon-circle\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n                <div class=\"info-text\">\r\n                    <span class=\"label-text\">\r\n                        <span class=\"lang-ar\">\u0627\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/span>\r\n                        <span class=\"lang-en\">Head Office<\/span>\r\n                    <\/span>\r\n                    <p>\r\n                        <span class=\"lang-ar\">\u0634\u0627\u0631\u0639 \u0642\u064a\u0633 \u0628\u0646 \u0632\u0647\u064a\u0631\u060c \u062d\u064a \u0627\u0644\u0645\u0646\u0627\u0631\u060c<br>\u062c\u062f\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\r\n                        <span class=\"lang-en\">Qais ibn Zuhair street, Almanar District,<br>Jeddah Saudi Arabia.<\/span>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-item\">\r\n                <div class=\"icon-circle\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n                <div class=\"info-text\">\r\n                    <span class=\"label-text\">\r\n                        <span class=\"lang-ar\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/span>\r\n                        <span class=\"lang-en\">Working Hours<\/span>\r\n                    <\/span>\r\n                    <p>\r\n                        <span class=\"lang-ar\">\u0627\u0644\u0623\u062d\u062f - \u0627\u0644\u062e\u0645\u064a\u0633: 9:00 \u0635 - 6:00 \u0645<\/span>\r\n                        <span class=\"lang-en\">Sunday - Thursday: 9:00 AM - 6:00 PM<\/span>\r\n                    <\/p>\r\n                    <p style=\"font-size:13px; font-weight:400; opacity:0.8;\">\r\n                        <span class=\"lang-ar\">\u0627\u0644\u062c\u0645\u0639\u0629: \u0645\u063a\u0644\u0642<\/span>\r\n                        <span class=\"lang-en\">Friday: Closed<\/span>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"social-icons\">\r\n                <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n                <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-panel\">\r\n            <form action=\"#\" method=\"post\">\r\n                <h3>\r\n                    <span class=\"lang-ar\">\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629<\/span>\r\n                    <span class=\"lang-en\">Send Us a Message<\/span>\r\n                <\/h3>\r\n                \r\n                <div class=\"form-grid\">\r\n                    <div class=\"form-group\">\r\n                        <label>\r\n                            <span class=\"lang-ar\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/span>\r\n                            <span class=\"lang-en\">Full Name<\/span>\r\n                        <\/label>\r\n                        <input type=\"text\" name=\"name\" class=\"form-control\" placeholder=\"...\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>\r\n                            <span class=\"lang-ar\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\r\n                            <span class=\"lang-en\">Email Address<\/span>\r\n                        <\/label>\r\n                        <input type=\"email\" name=\"email\" class=\"form-control\" placeholder=\"Email@example.com\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>\r\n                            <span class=\"lang-ar\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/span>\r\n                            <span class=\"lang-en\">Phone Number<\/span>\r\n                        <\/label>\r\n                        <input type=\"tel\" name=\"phone\" class=\"form-control\" placeholder=\"+966...\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>\r\n                            <span class=\"lang-ar\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n                            <span class=\"lang-en\">Select Department<\/span>\r\n                        <\/label>\r\n                        <div class=\"select-wrapper\">\r\n                            <select name=\"department\" class=\"form-control\">\r\n                                <option value=\"General\" class=\"lang-ar\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645<\/option>\r\n                                <option value=\"General\" class=\"lang-en\" style=\"display:none;\">General Inquiry<\/option>\r\n                                \r\n                                <option value=\"Foods\" class=\"lang-ar\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629<\/option>\r\n                                <option value=\"Foods\" class=\"lang-en\" style=\"display:none;\">Food Products<\/option>\r\n                                \r\n                                <option value=\"Electronics\" class=\"lang-ar\">\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a<\/option>\r\n                                <option value=\"Electronics\" class=\"lang-en\" style=\"display:none;\">Electronics<\/option>\r\n                                \r\n                                <option value=\"Building\" class=\"lang-ar\">\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621<\/option>\r\n                                <option value=\"Building\" class=\"lang-en\" style=\"display:none;\">Building Materials<\/option>\r\n                                \r\n                                <option value=\"HR\" class=\"lang-ar\">\u0627\u0644\u0648\u0638\u0627\u0626\u0641 \/ \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/option>\r\n                                <option value=\"HR\" class=\"lang-en\" style=\"display:none;\">Careers \/ HR<\/option>\r\n                            <\/select>\r\n                            <i class=\"fas fa-chevron-down\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group full-width\">\r\n                        <label>\r\n                            <span class=\"lang-ar\">\u0627\u0644\u0645\u0648\u0636\u0648\u0639<\/span>\r\n                            <span class=\"lang-en\">Subject<\/span>\r\n                        <\/label>\r\n                        <input type=\"text\" name=\"subject\" class=\"form-control\" placeholder=\"...\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group full-width\">\r\n                        <label>\r\n                            <span class=\"lang-ar\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n                            <span class=\"lang-en\">Message<\/span>\r\n                        <\/label>\r\n                        <textarea name=\"message\" class=\"form-control\" placeholder=\"...\"><\/textarea>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"submit-btn\">\r\n                    <span>\r\n                        <span class=\"lang-ar\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n                        <span class=\"lang-en\">Send Message<\/span>\r\n                    <\/span>\r\n                    <i class=\"fas fa-paper-plane\"><\/i>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"map-wrapper\">\r\n        <iframe \r\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3710.0264669818863!2d39.172778!3d21.543333!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3d01fb1137e59%3A0xe059579737b118db!2sJeddah%2C%20Saudi%20Arabia!5e0!3m2!1sen!2ssa!4v1614161234567!5m2!1sen!2ssa\" \r\n            width=\"100%\" \r\n            height=\"100%\" \r\n            style=\"border:0; filter: grayscale(100%) invert(92%) contrast(83%);\" \r\n            allowfullscreen=\"\" \r\n            loading=\"lazy\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<a href=\"https:\/\/wa.me\/966505300714\" class=\"float-wa\" target=\"_blank\">\r\n    <i class=\"fab fa-whatsapp\"><\/i>\r\n<\/a>\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>\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644&#8230; Contact Us &#8211; Bilingual Perfect \u0627\u0628\u0642 \u0639\u0644\u0649 \u062a\u0648\u0627\u0635\u0644 Get in Touch \u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0625\u0644\u064a\u0643. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u0623\u063a\u0630\u064a\u0629\u060c \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a\u060c \u0623\u0648 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621. We are happy to hear from you. Contact us for any inquiries regarding food, electronics, or building materials. \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 Call Us 00966 50 530 0714 \u062f\u0639\u0645 \u0627\u0644\u0628\u0631\u064a\u062f [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3008","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages\/3008","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/comments?post=3008"}],"version-history":[{"count":5,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages\/3008\/revisions"}],"predecessor-version":[{"id":4488,"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/pages\/3008\/revisions\/4488"}],"wp:attachment":[{"href":"https:\/\/www.mada-alhadithah.com.sa\/en\/wp-json\/wp\/v2\/media?parent=3008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}