{"id":70,"date":"2026-07-18T17:12:41","date_gmt":"2026-07-18T17:12:41","guid":{"rendered":"https:\/\/ejacsaudi.com\/contact\/"},"modified":"2026-07-19T15:23:05","modified_gmt":"2026-07-19T15:23:05","slug":"contact","status":"publish","type":"page","link":"https:\/\/ejacsaudi.com\/ar\/contact\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"    <section class=\"ejac-dual-lang-wrapper relative w-full h-[350px] md:h-[450px] flex items-center overflow-hidden bg-[#0f172a]\">\n        <!-- Background Image with Overlay -->\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/ejacsaudi.com\/wp-content\/uploads\/2026\/07\/ice-texture-ySXNz-0e.webp?t=1789131317\" alt=\"Contact\" class=\"w-full h-full object-cover opacity-30\">\n            <div class=\"absolute inset-0 bg-gradient-to-r from-[#0f172a]\/90 via-[#0f172a]\/70 to-transparent\"><\/div>\n        <\/div>\n        \n        <!-- Content Container -->\n        <div class=\"relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12 md:mt-16\">\n            \n            <!-- Breadcrumbs -->\n            <nav class=\"flex mb-6 text-sm font-medium\" aria-label=\"Breadcrumb\">\n                <ol class=\"inline-flex items-center space-x-2 md:space-x-3 rtl:space-x-reverse\">\n                    <li class=\"inline-flex items-center\">\n                        <a href=\"\/\" class=\"inline-flex items-center text-gray-300 hover:text-white transition-colors\">\n                            <svg class=\"w-4 h-4 me-2\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path d=\"m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z\"\/>\n                            <\/svg>\n                            \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629                        <\/a>\n                    <\/li>\n                    <li aria-current=\"page\">\n                        <div class=\"flex items-center\">\n                            <svg class=\"w-3 h-3 text-gray-400 mx-1 rtl:rotate-180\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 6 10\">\n                                <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m1 9 4-4-4-4\"\/>\n                            <\/svg>\n                            <span class=\"ms-1 text-gray-100 md:ms-2\">Contact<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ol>\n            <\/nav>\n\n            <!-- Title & Line -->\n            <div class=\"text-start max-w-2xl\">\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-white uppercase tracking-wider font-display\">\n                    Contact                <\/h1>\n                <div class=\"mt-5 mb-6 h-1.5 w-20 md:w-24 bg-[#1d4ed8] rounded-full\"><\/div>\n                \n                <!-- Description -->\n                <p class=\"text-gray-200 text-base md:text-lg lg:text-xl leading-relaxed\">\n                    Get in touch with our team of experts for all your concrete cooling and industrial refrigeration needs.                <\/p>\n            <\/div>\n            \n        <\/div>\n    <\/section>\n    \n\n\n    <!-- CONTACT US SECTION -->\n    <section id=\"ejac-contact-section\" class=\"ejac-dual-lang-wrapper py-16 md:py-24 bg-[#f8fafc]\">\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 grid lg:grid-cols-12 gap-10 lg:gap-14\">\n            \n            <!-- LEFT COLUMN: Contact Information Cards -->\n            <div class=\"lg:col-span-5 space-y-4 md:space-y-5 flex flex-col justify-start\">\n                \n                <!-- Address Card -->\n                <a href=\"#\" class=\"group flex items-center gap-4 rounded-2xl border border-gray-100 bg-white p-4 md:p-5 shadow-[0_4px_20px_rgba(0,0,0,0.02)] hover:shadow-[0_10px_40px_rgba(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300\">\n                    <div class=\"h-12 w-12 md:h-14 md:w-14 rounded-xl bg-[#1d4ed8] flex items-center justify-center shrink-0 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5 md:h-6 md:w-6 text-white\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                    <\/div>\n                    <div class=\"min-w-0 flex-1 text-start\">\n                        <div class=\"text-[10px] md:text-[11px] uppercase tracking-widest text-gray-500 font-bold mb-1\">\n                            <span >Address<\/span>\n                        <\/div>\n                        <div class=\"text-[13px] md:text-sm font-bold text-gray-800 leading-snug break-words group-hover:text-[#1d4ed8] transition-colors\">\n                            <span data-ar=\"\u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\">JCRA 4488, Hilat Al Badr, 7353, AR Rihab District, 23343 Jeddah, Makkah Province, Saudi Arabia<\/span>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <!-- Phone Card 1 -->\n                                <a href=\"tel:+966551074683\" class=\"group flex items-center gap-4 rounded-2xl border border-gray-100 bg-white p-4 md:p-5 shadow-[0_4px_20px_rgba(0,0,0,0.02)] hover:shadow-[0_10px_40px_rgba(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300\">\n                    <div class=\"h-12 w-12 md:h-14 md:w-14 rounded-xl bg-[#1d4ed8] flex items-center justify-center shrink-0 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5 md:h-6 md:w-6 text-white rtl-flip\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"min-w-0 flex-1 text-start\">\n                        <div class=\"text-[10px] md:text-[11px] uppercase tracking-widest text-gray-500 font-bold mb-1\">\n                            <span >Phone<\/span>\n                        <\/div>\n                        <div class=\"text-[14px] md:text-[15px] font-bold text-gray-800 break-words group-hover:text-[#1d4ed8] transition-colors rtl:tracking-normal tracking-wide\">\n                            +966 55 107 4683                        <\/div>\n                    <\/div>\n                <\/a>\n                \n                <!-- Phone Card 2 -->\n                                <a href=\"tel:+966549752809\" class=\"group flex items-center gap-4 rounded-2xl border border-gray-100 bg-white p-4 md:p-5 shadow-[0_4px_20px_rgba(0,0,0,0.02)] hover:shadow-[0_10px_40px_rgba(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300\">\n                    <div class=\"h-12 w-12 md:h-14 md:w-14 rounded-xl bg-[#1d4ed8] flex items-center justify-center shrink-0 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5 md:h-6 md:w-6 text-white rtl-flip\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"min-w-0 flex-1 text-start\">\n                        <div class=\"text-[10px] md:text-[11px] uppercase tracking-widest text-gray-500 font-bold mb-1\">\n                            <span >Phone<\/span>\n                        <\/div>\n                        <div class=\"text-[14px] md:text-[15px] font-bold text-gray-800 break-words group-hover:text-[#1d4ed8] transition-colors rtl:tracking-normal tracking-wide\">\n                            +966 54 975 2809                        <\/div>\n                    <\/div>\n                <\/a>\n                \n                <!-- Email Card 1 -->\n                                <a href=\"mailto:info@ejacsaudi.com\" class=\"group flex items-center gap-4 rounded-2xl border border-gray-100 bg-white p-4 md:p-5 shadow-[0_4px_20px_rgba(0,0,0,0.02)] hover:shadow-[0_10px_40px_rgba(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300\">\n                    <div class=\"h-12 w-12 md:h-14 md:w-14 rounded-xl bg-[#1d4ed8] flex items-center justify-center shrink-0 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5 md:h-6 md:w-6 text-white\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"min-w-0 flex-1 text-start\">\n                        <div class=\"text-[10px] md:text-[11px] uppercase tracking-widest text-gray-500 font-bold mb-1\">\n                            <span >Email<\/span>\n                        <\/div>\n                        <div class=\"text-[14px] md:text-[15px] font-bold text-gray-800 break-words group-hover:text-[#1d4ed8] transition-colors\">\n                            info@ejacsaudi.com                        <\/div>\n                    <\/div>\n                <\/a>\n                \n                <!-- Email Card 2 -->\n                                <a href=\"mailto:syed@ejacsaudi.com\" class=\"group flex items-center gap-4 rounded-2xl border border-gray-100 bg-white p-4 md:p-5 shadow-[0_4px_20px_rgba(0,0,0,0.02)] hover:shadow-[0_10px_40px_rgba(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300\">\n                    <div class=\"h-12 w-12 md:h-14 md:w-14 rounded-xl bg-[#1d4ed8] flex items-center justify-center shrink-0 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5 md:h-6 md:w-6 text-white\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"min-w-0 flex-1 text-start\">\n                        <div class=\"text-[10px] md:text-[11px] uppercase tracking-widest text-gray-500 font-bold mb-1\">\n                            <span >Email<\/span>\n                        <\/div>\n                        <div class=\"text-[14px] md:text-[15px] font-bold text-gray-800 break-words group-hover:text-[#1d4ed8] transition-colors\">\n                            syed@ejacsaudi.com                        <\/div>\n                    <\/div>\n                <\/a>\n                \n                <!-- Emergency Support Box -->\n                <div class=\"mt-2 rounded-2xl border border-red-200 bg-red-50 p-5 shadow-sm text-start\">\n                    <div class=\"flex items-center gap-3 mb-2.5\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5 text-red-600 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n                        <h4 class=\"font-black text-red-700 text-sm md:text-base tracking-wide\">\n                            <span >Emergency Support<\/span>\n                        <\/h4>\n                    <\/div>\n                    <p class=\"text-[13px] md:text-sm text-red-800\/80 font-medium leading-relaxed\">\n                        <span >24\/7 technical support for installed plants, chillers and ice systems across Saudi Arabia.<\/span>\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- RIGHT COLUMN: Contact Form -->\n            <div class=\"lg:col-span-7\">\n                <form class=\"rounded-[32px] border border-gray-100 bg-white p-7 sm:p-10 shadow-[0_8px_40px_rgba(0,0,0,0.04)] space-y-6 md:space-y-8\">\n                    \n                    <div class=\"text-start\">\n                        <h2 class=\"font-display text-2xl md:text-3xl lg:text-[34px] font-black text-gray-900 tracking-tight\">\n                            <span >Send us an inquiry<\/span>\n                        <\/h2>\n                        <div class=\"mt-3 h-1 w-12 bg-[#1d4ed8] rounded-full\"><\/div>\n                    <\/div>\n\n                    <div class=\"space-y-5 text-start\">\n                        \n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"text-[10px] md:text-[11px] font-bold uppercase tracking-widest text-gray-500\">\n                                    <span >Full name<\/span>\n                                <\/label>\n                                <input name=\"lead_name\" required type=\"text\" class=\"w-full h-[52px] px-4 bg-gray-50 border border-gray-200 rounded-xl text-[14px] text-gray-800 placeholder:text-gray-400 focus:bg-white focus:border-[#1d4ed8] focus:ring-2 focus:ring-[#1d4ed8]\/20 outline-none transition-all duration-200 shadow-sm\" placeholder=\"Your name\">\n                            <\/div>\n                            \n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"text-[10px] md:text-[11px] font-bold uppercase tracking-widest text-gray-500\">\n                                    <span >Company<\/span>\n                                <\/label>\n                                <input name=\"lead_company\" type=\"text\" class=\"w-full h-[52px] px-4 bg-gray-50 border border-gray-200 rounded-xl text-[14px] text-gray-800 placeholder:text-gray-400 focus:bg-white focus:border-[#1d4ed8] focus:ring-2 focus:ring-[#1d4ed8]\/20 outline-none transition-all duration-200 shadow-sm\" placeholder=\"Company name\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"text-[10px] md:text-[11px] font-bold uppercase tracking-widest text-gray-500\">\n                                    <span >Email<\/span>\n                                <\/label>\n                                <input name=\"lead_email\" required type=\"email\" class=\"w-full h-[52px] px-4 bg-gray-50 border border-gray-200 rounded-xl text-[14px] text-gray-800 placeholder:text-gray-400 focus:bg-white focus:border-[#1d4ed8] focus:ring-2 focus:ring-[#1d4ed8]\/20 outline-none transition-all duration-200 shadow-sm\" placeholder=\"you@company.com\">\n                            <\/div>\n                            \n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"text-[10px] md:text-[11px] font-bold uppercase tracking-widest text-gray-500\">\n                                    <span >Phone<\/span>\n                                <\/label>\n                                <input name=\"lead_phone\" type=\"tel\" class=\"w-full h-[52px] px-4 bg-gray-50 border border-gray-200 rounded-xl text-[14px] text-gray-800 placeholder:text-gray-400 focus:bg-white focus:border-[#1d4ed8] focus:ring-2 focus:ring-[#1d4ed8]\/20 outline-none transition-all duration-200 shadow-sm rtl:text-end\" placeholder=\"+966 ...\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex flex-col gap-2\">\n                            <label class=\"text-[10px] md:text-[11px] font-bold uppercase tracking-widest text-gray-500\">\n                                <span >Project type<\/span>\n                            <\/label>\n                            <select name=\"lead_type\" class=\"w-full h-[52px] px-4 bg-gray-50 border border-gray-200 rounded-xl text-[14px] text-gray-800 focus:bg-white focus:border-[#1d4ed8] focus:ring-2 focus:ring-[#1d4ed8]\/20 outline-none transition-all duration-200 shadow-sm appearance-none cursor-pointer\" style=\"background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 0.65em auto;\">\n                                <option  data-ar=\"\u0646\u0638\u0627\u0645 \u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629\">Concrete Cooling System<\/option>\n                                <option  data-ar=\"\u0645\u0635\u0646\u0639 \u062b\u0644\u062c \u0627\u0644\u0642\u0634\u0648\u0631\">Flake Ice Plant<\/option>\n                                <option  data-ar=\"\u0622\u0644\u0629 \u062b\u0644\u062c \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628\">Tube Ice Machine<\/option>\n                                <option  data-ar=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u062b\u0644\u062c \u0627\u0644\u0642\u0627\u0644\u0628\u064a\">Block Ice Plant<\/option>\n                                <option  data-ar=\"\u0645\u0628\u0631\u062f \u0635\u0646\u0627\u0639\u064a\">Industrial Chiller<\/option>\n                                <option  data-ar=\"\u0646\u0638\u0627\u0645 \u062a\u0628\u0631\u064a\u062f\">Refrigeration System<\/option>\n                                <option  data-ar=\"\u0635\u064a\u0627\u0646\u0629 \/ AMC\">AMC \/ Maintenance<\/option>\n                                <option  data-ar=\"\u0642\u0637\u0639 \u063a\u064a\u0627\u0631\">Spare Parts<\/option>\n                                <option  data-ar=\"\u0623\u062e\u0631\u0649\">Other<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"flex flex-col gap-2\">\n                            <label class=\"text-[10px] md:text-[11px] font-bold uppercase tracking-widest text-gray-500\">\n                                <span >Message<\/span>\n                            <\/label>\n                            <textarea name=\"lead_message\" required rows=\"4\" class=\"w-full py-3 px-4 bg-gray-50 border border-gray-200 rounded-xl text-[14px] text-gray-800 placeholder:text-gray-400 focus:bg-white focus:border-[#1d4ed8] focus:ring-2 focus:ring-[#1d4ed8]\/20 outline-none transition-all duration-200 shadow-sm resize-none\" placeholder=\"Tell us about your project...\"><\/textarea>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"pt-2 text-start\">\n                        <button type=\"submit\" class=\"w-full sm:w-auto inline-flex justify-center items-center gap-3 rounded-full bg-[#1d4ed8] px-9 py-4 text-[14px] md:text-[15px] font-bold text-white shadow-[0_8px_20px_rgba(29,78,216,0.3)] hover:bg-[#0f308a] hover:shadow-[0_10px_25px_rgba(29,78,216,0.4)] hover:-translate-y-0.5 transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[#1d4ed8]\">\n                            <span >Send inquiry<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl-flip\"><path d=\"m22 2-7 20-4-9-9-4Z\"><\/path><path d=\"M22 2 11 13\"><\/path><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n            \n        <\/div>\n    <\/section>\n\n    <!-- MAP SECTION -->\n    <section id=\"ejac-map-section\" class=\"ejac-dual-lang-wrapper pb-16 md:pb-24 bg-[#f8fafc]\">\n        <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"mb-8 md:mb-12 text-center flex flex-col items-center\">\n                <h2 class=\"font-display text-2xl md:text-3xl font-black text-gray-900 tracking-tight\">\n                    <span >Our Location in Jeddah<\/span>\n                <\/h2>\n                <div class=\"mt-3 h-1 w-12 bg-[#1d4ed8] rounded-full\"><\/div>\n            <\/div>\n\n            <div class=\"relative bg-white rounded-[32px] border border-gray-100 shadow-[0_8px_40px_rgba(0,0,0,0.04)] p-2 sm:p-3 md:p-4 transition-shadow hover:shadow-[0_12px_50px_rgba(0,0,0,0.06)] duration-500\">\n                <div class=\"relative overflow-hidden rounded-[24px] bg-gray-50 h-[350px] sm:h-[400px] md:h-[500px] w-full group\">\n                    <div class=\"absolute inset-0 flex flex-col items-center justify-center bg-gray-100 text-gray-400 z-0\">\n                        <svg class=\"animate-spin h-8 w-8 mb-3 text-[#1d4ed8]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                            <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                        <\/svg>\n                        <span class=\"text-xs font-semibold tracking-widest uppercase\">Loading Map...<\/span>\n                    <\/div>\n\n                    <iframe \n                        title=\"EJAC Cooling Solutions\" \n                        src=\"https:\/\/www.google.com\/maps?q=AR+Rihab+District,Jeddah,Saudi+Arabia&#038;output=embed\" \n                        class=\"absolute inset-0 w-full h-full z-10 border-0 mix-blend-luminosity opacity-90 group-hover:mix-blend-normal group-hover:opacity-100 transition-all duration-700 ease-in-out\" \n                        loading=\"lazy\" \n                        allowfullscreen=\"\" \n                        referrerpolicy=\"no-referrer-when-downgrade\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":47,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"boxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-70","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":6,"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/pages\/70\/revisions\/167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/media\/47"}],"wp:attachment":[{"href":"https:\/\/ejacsaudi.com\/ar\/wp-json\/wp\/v2\/media?parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}