{"id":9,"date":"2026-10-12T06:41:38","date_gmt":"2026-10-12T06:41:38","guid":{"rendered":"https:\/\/jeddahrepairing-center.com\/?page_id=9"},"modified":"2026-10-21T09:44:57","modified_gmt":"2026-10-21T09:44:57","slug":"homepage","status":"publish","type":"page","link":"https:\/\/jeddahrepairing-center.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-930035c e-con e-atomic-element e-flexbox-base e-default-div e-4bf0035 \" data-id=\"930035c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"930035c\">\n    <div class=\"elementor-element elementor-element-fb0645e e-con-full e-flex e-con e-parent\" data-id=\"fb0645e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78c96a elementor-widget elementor-widget-html\" data-id=\"e78c96a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n JEDDAH REPAIRING CENTER\r\n REFRIGERATOR + WASHING MACHINE HERO\r\n FULL RESPONSIVE | ARABIC RTL\r\n========================================== -->\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=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============ MAIN HERO ============ *\/\r\n\r\n#jrcHero,\r\n#jrcHero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#jrcHero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 525px;\r\n    margin: 0;\r\n    padding: 0;\r\n    direction: rtl;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    font-family: 'Tajawal', sans-serif;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(240,248,255,.12),\r\n            transparent 70%\r\n        ),\r\n        url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/Coastal-Skyline-Meets-Fridge-Repair.webp');\r\n\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n}\r\n\r\n#jrcHero .jrc-hero-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1500px;\r\n    min-height: 525px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ============ HERO CONTENT ============ *\/\r\n\r\n#jrcHero .jrc-hero-content {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 5%;\r\n    transform: translateY(-50%);\r\n    width: 48%;\r\n    max-width: 610px;\r\n    text-align: center;\r\n    z-index: 2;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n#jrcHero .jrc-hero-title {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: clamp(34px, 3.65vw, 54px);\r\n    line-height: 1.12;\r\n    font-weight: 900;\r\n    letter-spacing: -.5px;\r\n    color: #071d3c;\r\n    margin: 0 0 15px;\r\n    padding: 0;\r\n}\r\n\r\n#jrcHero .jrc-hero-title span {\r\n    display: block;\r\n    color: #075bc1;\r\n}\r\n\r\n#jrcHero .jrc-title-city {\r\n    display: block;\r\n    color: #071d3c;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#jrcHero .jrc-hero-desc {\r\n    font-size: clamp(14px, 1.3vw, 18px);\r\n    font-weight: 700;\r\n    line-height: 1.7;\r\n    color: #0a2a4b;\r\n    max-width: 550px;\r\n    margin: 0 auto 22px;\r\n}\r\n\r\n\/* ============ FEATURES ============ *\/\r\n\r\n#jrcHero .jrc-hero-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n#jrcHero .jrc-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    min-width: 0;\r\n    min-height: 84px;\r\n    padding: 11px 5px;\r\n    border-radius: 12px;\r\n    background: rgba(255,255,255,.9);\r\n    border: 1px solid rgba(255,255,255,.8);\r\n    box-shadow: 0 5px 20px rgba(8,48,104,.07);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    transition: all .3s ease;\r\n}\r\n\r\n#jrcHero .jrc-feature:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 9px 22px rgba(8,48,104,.12);\r\n}\r\n\r\n#jrcHero .jrc-feature svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    color: #0569d6;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#jrcHero .jrc-feature span {\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    color: #08254c;\r\n    white-space: nowrap;\r\n    text-align: center;\r\n}\r\n\r\n\/* ============ BUTTONS ============ *\/\r\n\r\n#jrcHero .jrc-hero-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    width: 100%;\r\n}\r\n\r\n#jrcHero .jrc-hero-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 1;\r\n    gap: 10px;\r\n    min-height: 54px;\r\n    padding: 12px 13px;\r\n    border-radius: 9px;\r\n    text-decoration: none !important;\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    line-height: 1.4;\r\n    white-space: nowrap;\r\n    transition: all .3s ease;\r\n}\r\n\r\n#jrcHero .jrc-hero-btn svg {\r\n    width: 23px;\r\n    height: 23px;\r\n    flex-shrink: 0;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* CALL *\/\r\n\r\n#jrcHero .jrc-btn-phone {\r\n    background: linear-gradient(135deg,#0781ee,#0353b6);\r\n    color: #ffffff !important;\r\n    box-shadow: 0 6px 18px rgba(0,85,188,.2);\r\n}\r\n\r\n#jrcHero .jrc-btn-phone:hover {\r\n    background: #06478f;\r\n    color: #ffffff !important;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* WHATSAPP *\/\r\n\r\n#jrcHero .jrc-btn-whatsapp {\r\n    background: linear-gradient(135deg,#09c553,#039c41);\r\n    color: #ffffff !important;\r\n    box-shadow: 0 6px 18px rgba(0,150,65,.18);\r\n}\r\n\r\n#jrcHero .jrc-btn-whatsapp:hover {\r\n    background: #068e3e;\r\n    color: #ffffff !important;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* ============ RIGHT PROBLEMS ============ *\/\r\n\r\n#jrcHero .jrc-hero-problems {\r\n    position: absolute;\r\n    top: 16%;\r\n    right: 2%;\r\n    width: clamp(155px, 18vw, 225px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    z-index: 2;\r\n}\r\n\r\n#jrcHero .jrc-problem {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 8px;\r\n    min-height: 58px;\r\n    padding: 10px 15px;\r\n    border-radius: 40px;\r\n    background: rgba(255,255,255,.97);\r\n    box-shadow: 0 7px 25px rgba(0,35,75,.09);\r\n    border: 1px solid rgba(255,255,255,.8);\r\n    transition: all .3s ease;\r\n}\r\n\r\n#jrcHero .jrc-problem:hover {\r\n    transform: translateX(-5px);\r\n    box-shadow: 0 10px 28px rgba(0,77,172,.15);\r\n}\r\n\r\n#jrcHero .jrc-problem span {\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    color: #09254d;\r\n    line-height: 1.4;\r\n}\r\n\r\n#jrcHero .jrc-problem svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    min-width: 28px;\r\n    color: #0878ec;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* ============ LAPTOP ============ *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    #jrcHero,\r\n    #jrcHero .jrc-hero-inner {\r\n        min-height: 485px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-content {\r\n        width: 49%;\r\n        left: 4%;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-title {\r\n        font-size: clamp(31px,3.6vw,46px);\r\n    }\r\n\r\n    #jrcHero .jrc-hero-desc {\r\n        font-size: 14px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature {\r\n        min-height: 76px;\r\n        gap: 5px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature svg {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem {\r\n        min-height: 50px;\r\n        padding: 9px 12px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem svg {\r\n        width: 23px;\r\n        height: 23px;\r\n        min-width: 23px;\r\n    }\r\n}\r\n\r\n\/* ============ TABLET ============ *\/\r\n\r\n@media (min-width: 701px) and (max-width: 900px) {\r\n\r\n    #jrcHero,\r\n    #jrcHero .jrc-hero-inner {\r\n        min-height: 440px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-content {\r\n        left: 3%;\r\n        width: 52%;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-desc {\r\n        font-size: 13px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-btn {\r\n        font-size: 12px;\r\n        min-height: 44px;\r\n        gap: 5px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-btn svg {\r\n        width: 17px;\r\n        height: 17px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-problems {\r\n        right: 1%;\r\n        width: 145px;\r\n        gap: 8px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem {\r\n        min-height: 44px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature span {\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n\/* ============ MOBILE ============ *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    #jrcHero {\r\n        min-height: 0;\r\n        background: #f3f9ff;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #jrcHero::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 275px;\r\n        z-index: 0;\r\n        background-image: url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/Coastal-Skyline-Meets-Fridge-Repair.webp');\r\n        background-position: 73% center;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n    }\r\n\r\n    #jrcHero::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 225px;\r\n        height: 90px;\r\n        background: linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            #f3f9ff\r\n        );\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-inner {\r\n        min-height: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        padding: 265px 16px 30px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-content {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        right: auto;\r\n        transform: none;\r\n        width: 100%;\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n        padding: 16px 0 0;\r\n        text-align: center;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-title {\r\n        font-size: clamp(30px,7.6vw,42px);\r\n        line-height: 1.2;\r\n        margin-bottom: 13px;\r\n        letter-spacing: 0;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-desc {\r\n        font-size: 15px;\r\n        line-height: 1.8;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* TWO COLUMN FEATURES *\/\r\n\r\n    #jrcHero .jrc-hero-features {\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 10px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature {\r\n        min-height: 76px;\r\n        background: #ffffff;\r\n        border: 1px solid #dfebfa;\r\n        border-radius: 11px;\r\n        gap: 7px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature svg {\r\n        width: 27px;\r\n        height: 27px;\r\n    }\r\n\r\n    #jrcHero .jrc-feature span {\r\n        font-size: 13px;\r\n    }\r\n\r\n    \/* MOBILE BUTTONS *\/\r\n\r\n    #jrcHero .jrc-hero-actions {\r\n        display: grid;\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 9px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-btn {\r\n        width: 100%;\r\n        min-width: 0;\r\n        min-height: 48px;\r\n        padding: 10px 5px;\r\n        gap: 5px;\r\n        font-size: 13px;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-btn svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n\r\n    \/* PROBLEM BOXES MOBILE *\/\r\n\r\n    #jrcHero .jrc-hero-problems {\r\n        position: relative;\r\n        top: auto;\r\n        right: auto;\r\n        left: auto;\r\n        width: 100%;\r\n        max-width: 520px;\r\n        margin: 22px auto 0;\r\n        display: grid;\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 9px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem {\r\n        min-width: 0;\r\n        min-height: 53px;\r\n        padding: 10px;\r\n        gap: 6px;\r\n        border-radius: 10px;\r\n        background: #ffffff;\r\n        border: 1px solid #deecfa;\r\n        box-shadow: 0 4px 15px rgba(0,35,80,.04);\r\n    }\r\n\r\n    #jrcHero .jrc-problem span {\r\n        font-size: 12px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        min-width: 22px;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    #jrcHero .jrc-hero-inner {\r\n        padding-left: 11px;\r\n        padding-right: 11px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    #jrcHero .jrc-hero-btn {\r\n        font-size: 11px;\r\n    }\r\n\r\n    #jrcHero .jrc-problem span {\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ============ HERO HTML ============ -->\r\n\r\n<section id=\"home\" class=\"jrc-hero\" aria-label=\"\u0635\u064a\u0627\u0646\u0629 \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0641\u064a \u062c\u062f\u0629\">\r\n\r\n<div id=\"jrcHero\" dir=\"rtl\">\r\n\r\n    <div class=\"jrc-hero-inner\">\r\n\r\n        <!-- MAIN CONTENT -->\r\n\r\n        <div class=\"jrc-hero-content\">\r\n\r\n            <h1 class=\"jrc-hero-title\">\r\n                \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d\r\n                <span>\u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a<\/span>\r\n                <span class=\"jrc-title-city\">\u0641\u064a \u062c\u062f\u0629<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"jrc-hero-desc\">\r\n                \u062e\u062f\u0645\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u0627\u062a\r\n                \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643 \u0628\u062c\u062f\u0629.\r\n                \u0641\u0646\u064a\u0648\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0644\u0635\u064a\u0627\u0646\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639\r\n                \u0648\u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a \u0641\u064a \u0645\u0646\u0632\u0644\u0643 \u0628\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629\r\n                \u0648\u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.\r\n            <\/p>\r\n\r\n            <!-- FEATURES -->\r\n\r\n            <div class=\"jrc-hero-features\">\r\n\r\n                <!-- WARRANTY -->\r\n\r\n                <div class=\"jrc-feature\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2 20 5v6c0 5-3.4 8.2-8 11-4.6-2.8-8-6-8-11V5z\"\/>\r\n                        <path d=\"m8 12 3 3 5-6\"\/>\r\n                    <\/svg>\r\n                    <span>\u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/span>\r\n                <\/div>\r\n\r\n                <!-- SAME DAY -->\r\n\r\n                <div class=\"jrc-feature\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 7h11v10H3z\"\/>\r\n                        <path d=\"M14 10h4l3 4v3h-7z\"\/>\r\n                        <circle cx=\"7\" cy=\"18\" r=\"2\"\/>\r\n                        <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\r\n                    <\/svg>\r\n                    <span>\u062e\u062f\u0645\u0629 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u064a\u0648\u0645<\/span>\r\n                <\/div>\r\n\r\n                <!-- TECHNICIANS -->\r\n\r\n                <div class=\"jrc-feature\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"7\" r=\"3\"\/>\r\n                        <path d=\"M5 21v-3a7 7 0 0114 0v3\"\/>\r\n                        <path d=\"M7 4h10M12 4V2\"\/>\r\n                    <\/svg>\r\n                    <span>\u0641\u0646\u064a\u0648\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646<\/span>\r\n                <\/div>\r\n\r\n                <!-- PRICING -->\r\n\r\n                <div class=\"jrc-feature\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/>\r\n                        <path d=\"M4 5v5c0 1.7 3.6 3 8 3s8-1.3 8-3V5\"\/>\r\n                        <path d=\"M4 10v5c0 1.7 3.6 3 8 3s8-1.3 8-3v-5\"\/>\r\n                        <path d=\"M4 15v4c0 1.7 3.6 3 8 3s8-1.3 8-3v-4\"\/>\r\n                    <\/svg>\r\n                    <span>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- CONTACT BUTTONS -->\r\n\r\n            <div class=\"jrc-hero-actions\">\r\n\r\n                <!-- CALL -->\r\n\r\n                <a href=\"tel:0550647256\"\r\n                   class=\"jrc-hero-btn jrc-btn-phone\"\r\n                   aria-label=\"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0639\u0644\u0649 0550647256\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.25 1.01z\"\/>\r\n                    <\/svg>\r\n\r\n                    <span dir=\"ltr\">0550647256<\/span>\r\n\r\n                <\/a>\r\n\r\n                <!-- WHATSAPP -->\r\n\r\n                <a href=\"https:\/\/wa.me\/966550647256?text=\u0627\u0644\u0633\u0644\u0627\u0645%20\u0639\u0644\u064a\u0643\u0645\u060c%20\u0623\u0631\u064a\u062f%20\u0637\u0644\u0628%20\u0635\u064a\u0627\u0646\u0629%20\u062b\u0644\u0627\u062c\u0629%20\u0623\u0648%20\u063a\u0633\u0627\u0644\u0629%20\u0641\u064a%20\u062c\u062f\u0629\"\r\n                   class=\"jrc-hero-btn jrc-btn-whatsapp\"\r\n                   target=\"_blank\"\r\n                   rel=\"noopener noreferrer\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20.52 3.48A11.87 11.87 0 0012.05 0C5.48 0 .13 5.35.12 11.93a11.86 11.86 0 001.59 5.95L0 24l6.3-1.65a11.96 11.96 0 005.74 1.46h.01c6.57 0 11.92-5.35 11.93-11.93a11.87 11.87 0 00-3.46-8.4zM12.05 21.8a9.91 9.91 0 01-5.05-1.38l-.36-.21-3.74.98 1-3.64-.24-.37a9.84 9.84 0 01-1.52-5.25c0-5.46 4.45-9.9 9.91-9.9a9.86 9.86 0 017.01 2.9 9.84 9.84 0 012.89 7c0 5.46-4.45 9.9-9.9 9.9zm5.44-7.42c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.1 4.49.71.31 1.27.49 1.7.63.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.69.25-1.28.17-1.41-.07-.12-.27-.2-.57-.35z\"\/>\r\n                    <\/svg>\r\n\r\n                    <span>\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT SIDE PROBLEMS -->\r\n\r\n        <div class=\"jrc-hero-problems\">\r\n\r\n            <!-- REFRIGERATOR COOLING -->\r\n\r\n            <div class=\"jrc-problem\">\r\n                <span>\u062b\u0644\u0627\u062c\u0629 \u0644\u0627 \u062a\u0628\u0631\u062f\u061f<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 2v20M4 6l16 12M20 6 4 18\"\/>\r\n                    <path d=\"m9 5 3 3 3-3M9 19l3-3 3 3\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- WASHING MACHINE NOT SPINNING -->\r\n\r\n            <div class=\"jrc-problem\">\r\n                <span>\u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0644\u0627 \u062a\u062f\u0648\u0631\u061f<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <rect x=\"3\" y=\"2\" width=\"18\" height=\"20\" rx=\"2\"\/>\r\n                    <circle cx=\"12\" cy=\"13\" r=\"6\"\/>\r\n                    <path d=\"M6 5h2M11 5h2\"\/>\r\n                    <path d=\"M9 13a3 3 0 016-1\"\/>\r\n                    <path d=\"m15 10 0 2-2 0\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- WATER LEAKAGE -->\r\n\r\n            <div class=\"jrc-problem\">\r\n                <span>\u062a\u0633\u0631\u0628 \u0645\u064a\u0627\u0647\u061f<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 2C9 7 5 11 5 15a7 7 0 0014 0c0-4-4-8-7-13z\"\/>\r\n                    <path d=\"M9 17a3 3 0 003 3\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- ELECTRICAL PROBLEM -->\r\n\r\n            <div class=\"jrc-problem\">\r\n                <span>\u0645\u0634\u0643\u0644\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\u061f<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M13 2 4 14h7l-1 8 10-12h-7z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ============ END HERO ============ -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b02c2e2 e-con e-atomic-element e-flexbox-base e-default-div e-c19d660 \" data-id=\"b02c2e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b02c2e2\">\n    <div class=\"elementor-element elementor-element-246ed99 e-con-full e-flex e-con e-parent\" data-id=\"246ed99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90c7a0d elementor-widget elementor-widget-html\" data-id=\"90c7a0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n JEDDAH REPAIRING CENTER - SERVICES\r\n REFRIGERATORS + WASHING MACHINES\r\n 12 CARDS | RTL | RESPONSIVE\r\n========================================== -->\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=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* MAIN SECTION *\/\r\n#jrcServices,\r\n#jrcServices * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#jrcServices {\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 35px 20px 45px;\r\n    margin: 0;\r\n    direction: rtl;\r\n    font-family: 'Tajawal', sans-serif;\r\n}\r\n\r\n#jrcServices .jrc-svc-container {\r\n    width: 100%;\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* SECTION HEADING *\/\r\n#jrcServices .jrc-svc-heading {\r\n    text-align: center;\r\n    margin: 0 0 28px;\r\n}\r\n\r\n#jrcServices .jrc-svc-label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    color: #076bd4;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n#jrcServices .jrc-svc-heading h2 {\r\n    font-family: inherit;\r\n    font-size: clamp(24px,2.7vw,34px);\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n    color: #09234a;\r\n    margin: 0 0 8px;\r\n    padding: 0;\r\n}\r\n\r\n#jrcServices .jrc-svc-heading p {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    font-weight: 600;\r\n    color: #58677d;\r\n    margin: 0;\r\n}\r\n\r\n\/* SERVICE GROUP *\/\r\n#jrcServices .jrc-svc-group {\r\n    margin: 0;\r\n}\r\n\r\n#jrcServices .jrc-svc-group + .jrc-svc-group {\r\n    margin-top: 35px;\r\n}\r\n\r\n#jrcServices .jrc-group-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 16px;\r\n    padding-bottom: 11px;\r\n    border-bottom: 2px solid #e7f1fc;\r\n}\r\n\r\n#jrcServices .jrc-group-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 10px;\r\n    background: #e9f4ff;\r\n    color: #076bd4;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n}\r\n\r\n#jrcServices .jrc-group-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#jrcServices .jrc-group-heading h3 {\r\n    font-family: inherit;\r\n    font-size: 20px;\r\n    line-height: 1.4;\r\n    font-weight: 900;\r\n    color: #09234a;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* GRID *\/\r\n#jrcServices .jrc-svc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6,minmax(0,1fr));\r\n    gap: 12px;\r\n    width: 100%;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* CARDS *\/\r\n#jrcServices .jrc-svc-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    background: #ffffff;\r\n    border: 1px solid #e3edf8;\r\n    border-radius: 9px;\r\n    overflow: hidden;\r\n    box-shadow: 0 3px 13px rgba(6,47,95,.05);\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n#jrcServices .jrc-svc-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #a8d6ff;\r\n    box-shadow: 0 12px 25px rgba(5,78,150,.13);\r\n}\r\n\r\n\/* CARD IMAGES *\/\r\n#jrcServices .jrc-svc-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: clamp(90px,9.2vw,125px);\r\n    flex-shrink: 0;\r\n    background-color: #e9f3fd;\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\/* WASHING MACHINE VISUALS *\/\r\n#jrcServices .jrc-washer-image {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(\r\n            circle at 75% 25%,\r\n            #ffffff 0,\r\n            #e1f1ff 38%,\r\n            #b8dbfb 100%\r\n        );\r\n}\r\n\r\n#jrcServices .jrc-washer-image::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 145px;\r\n    height: 145px;\r\n    border: 2px solid rgba(255,255,255,.65);\r\n    border-radius: 50%;\r\n    top: -70px;\r\n    right: -35px;\r\n}\r\n\r\n#jrcServices .jrc-washer-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 80px;\r\n    height: 80px;\r\n    border: 2px solid rgba(255,255,255,.5);\r\n    border-radius: 50%;\r\n    bottom: -45px;\r\n    left: -20px;\r\n}\r\n\r\n#jrcServices .jrc-washer-image svg {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 110px;\r\n    height: 105px;\r\n    max-width: 85%;\r\n    filter: drop-shadow(0 7px 8px rgba(3,59,117,.16));\r\n}\r\n\r\n#jrcServices .jrc-wash-2 {\r\n    background: linear-gradient(135deg,#d9f2ff,#b8ddfb);\r\n}\r\n\r\n#jrcServices .jrc-wash-3 {\r\n    background: linear-gradient(135deg,#e8f5ff,#a9d6fa);\r\n}\r\n\r\n#jrcServices .jrc-wash-4 {\r\n    background: linear-gradient(135deg,#d1eaff,#b5d6fa);\r\n}\r\n\r\n#jrcServices .jrc-wash-5 {\r\n    background: linear-gradient(135deg,#e1f4ff,#b9e4ff);\r\n}\r\n\r\n#jrcServices .jrc-wash-6 {\r\n    background: linear-gradient(135deg,#d3edff,#a9d1f4);\r\n}\r\n\r\n\/* CARD BODY *\/\r\n#jrcServices .jrc-svc-body {\r\n    position: relative;\r\n    flex: 1;\r\n    padding: 13px 9px 14px;\r\n    background: #ffffff;\r\n    text-align: right;\r\n}\r\n\r\n\/* ICON CIRCLE *\/\r\n#jrcServices .jrc-svc-icon {\r\n    position: absolute;\r\n    top: -22px;\r\n    left: 7px;\r\n    width: 43px;\r\n    height: 43px;\r\n    background: #e4f3ff;\r\n    border: 4px solid #ffffff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #0676e7;\r\n    box-shadow: 0 3px 9px rgba(0,73,150,.06);\r\n    z-index: 2;\r\n    transition: .25s ease;\r\n}\r\n\r\n#jrcServices .jrc-svc-icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.15;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#jrcServices .jrc-svc-card:hover .jrc-svc-icon {\r\n    background: #0875e5;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* TITLE *\/\r\n#jrcServices .jrc-svc-title {\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    font-weight: 900;\r\n    color: #08254e;\r\n    margin: 0 0 7px;\r\n    padding: 0 0 0 34px;\r\n    min-height: 19px;\r\n    text-align: right;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n#jrcServices .jrc-svc-desc {\r\n    font-family: inherit;\r\n    font-size: 11.5px;\r\n    line-height: 1.65;\r\n    font-weight: 600;\r\n    color: #52637c;\r\n    margin: 0;\r\n    padding: 0;\r\n    text-align: center;\r\n}\r\n\r\n\/* SMALL LAPTOP *\/\r\n@media (min-width:901px) and (max-width:1150px) {\r\n    #jrcServices {\r\n        padding: 25px 16px 38px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-grid {\r\n        gap: 10px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-image {\r\n        height: 94px;\r\n    }\r\n\r\n    #jrcServices .jrc-washer-image svg {\r\n        height: 85px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-title {\r\n        font-size: 12px;\r\n        padding-left: 28px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-desc {\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-icon {\r\n        width: 39px;\r\n        height: 39px;\r\n        top: -20px;\r\n    }\r\n}\r\n\r\n\/* TABLET - 3 COLUMNS *\/\r\n@media (min-width:651px) and (max-width:900px) {\r\n    #jrcServices {\r\n        padding: 35px 18px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-grid {\r\n        grid-template-columns: repeat(3,minmax(0,1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-image {\r\n        height: 140px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-title {\r\n        font-size: 15px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-desc {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n\r\n\/* MOBILE - 2 COLUMNS *\/\r\n@media (max-width:650px) {\r\n    #jrcServices {\r\n        padding: 35px 11px 38px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-heading {\r\n        margin-bottom: 26px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-label {\r\n        font-size: 12px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-heading h2 {\r\n        font-size: 24px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-heading p {\r\n        font-size: 12px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    #jrcServices .jrc-group-heading h3 {\r\n        font-size: 17px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-grid {\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 11px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-image {\r\n        height: 112px;\r\n    }\r\n\r\n    #jrcServices .jrc-washer-image svg {\r\n        height: 95px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-body {\r\n        padding: 15px 8px 13px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-icon {\r\n        width: 39px;\r\n        height: 39px;\r\n        top: -20px;\r\n        left: 6px;\r\n        border-width: 3px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-icon svg {\r\n        width: 21px;\r\n        height: 21px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-title {\r\n        font-size: 13px;\r\n        padding-left: 26px;\r\n        margin-bottom: 6px;\r\n        min-height: 0;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-desc {\r\n        font-size: 11px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-group + .jrc-svc-group {\r\n        margin-top: 30px;\r\n    }\r\n}\r\n\r\n\/* EXTRA SMALL MOBILE *\/\r\n@media (max-width:380px) {\r\n    #jrcServices {\r\n        padding-left: 8px;\r\n        padding-right: 8px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-grid {\r\n        gap: 8px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-image {\r\n        height: 96px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-title {\r\n        font-size: 11.5px;\r\n        padding-left: 23px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-desc {\r\n        font-size: 10px;\r\n    }\r\n\r\n    #jrcServices .jrc-svc-icon {\r\n        width: 35px;\r\n        height: 35px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ============ SERVICES HTML ============ -->\r\n\r\n<section id=\"jrcServices\" dir=\"rtl\">\r\n\r\n<div class=\"jrc-svc-container\" id=\"services\">\r\n\r\n    <!-- MAIN HEADING -->\r\n    <div class=\"jrc-svc-heading\">\r\n\r\n        <span class=\"jrc-svc-label\">\r\n            \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n        <\/span>\r\n\r\n        <h2>\r\n            \u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0641\u064a \u062c\u062f\u0629\r\n        <\/h2>\r\n\r\n        <p>\r\n            \u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0625\u0635\u0644\u0627\u062d \u0648\u0635\u064a\u0627\u0646\u0629 \u062b\u0644\u0627\u062c\u0627\u062a\r\n            \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639 \u0648\u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a\r\n            \u0628\u0623\u064a\u062f\u064a \u0641\u0646\u064a\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u064a\u0646.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- =================================\r\n         REFRIGERATOR SERVICES\r\n    ================================= -->\r\n\r\n    <div class=\"jrc-svc-group\">\r\n\r\n        <div class=\"jrc-group-heading\">\r\n            <span class=\"jrc-group-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/>\r\n                    <path d=\"M5 10h14M9 5v2M9 13v3\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <h3>\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u062b\u0644\u0627\u062c\u0627\u062a<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"jrc-svc-grid\">\r\n\r\n            <!-- FRIDGE 1 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u062b\u0644\u0627\u062c\u0627\u062a\"\r\n                     style=\"background-image:url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-12-2026-01_02_29-PM-6.webp');\">\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-3 3-3-3z\"\/>\r\n                            <path d=\"m15 15 6 6\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0643\u0641\u0627\u0621\u0629 \u062b\u0644\u0627\u062c\u0629\r\n                        \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- FRIDGE 2 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u062a\u063a\u064a\u064a\u0631 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u062b\u0644\u0627\u062c\u0627\u062a\"\r\n                     style=\"background-image:url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-12-2026-01_02_27-PM-5.webp');\">\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2v13\"\/>\r\n                            <path d=\"M9 13V5a3 3 0 0 1 6 0v8\"\/>\r\n                            <circle cx=\"12\" cy=\"17\" r=\"5\"\/>\r\n                            <path d=\"M12 17v-5\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u062a\u063a\u064a\u064a\u0631 \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u062a\u0627\u0644\u0641\u0629\r\n                        \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- FRIDGE 3 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0625\u0635\u0644\u0627\u062d \u062a\u0633\u0631\u0628 \u0645\u064a\u0627\u0647 \u062b\u0644\u0627\u062c\u0627\u062a\"\r\n                     style=\"background-image:url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-12-2026-01_02_25-PM-4.webp');\">\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2C9 7 5 11 5 15a7 7 0 0 0 14 0c0-4-4-8-7-13z\"\/>\r\n                            <path d=\"M9 16a3 3 0 0 0 3 3\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0645\u0639\u0627\u0644\u062c\u0629 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\r\n                        \u0648\u0627\u0646\u0633\u062f\u0627\u062f \u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u062a\u0635\u0631\u064a\u0641\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- FRIDGE 4 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0625\u0635\u0644\u0627\u062d \u0643\u0645\u0628\u0631\u0648\u0633\u0631 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\"\r\n                     style=\"background-image:url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-12-2026-01_02_23-PM-3.webp');\">\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"3\" y=\"7\" width=\"18\" height=\"11\" rx=\"3\"\/>\r\n                            <path d=\"M7 7V4h10v3\"\/>\r\n                            <path d=\"M7 18v3M17 18v3\"\/>\r\n                            <path d=\"M9 10v5M12 10v5M15 10v5\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0643\u0645\u0628\u0631\u0648\u0633\u0631\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0641\u062d\u0635 \u0648\u0625\u0635\u0644\u0627\u062d \u0623\u0648 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\r\n                        \u0627\u0644\u0643\u0645\u0628\u0631\u0648\u0633\u0631\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- FRIDGE 5 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u062d\u0644 \u0645\u0634\u0627\u0643\u0644 \u062a\u0628\u0631\u064a\u062f \u062b\u0644\u0627\u062c\u0627\u062a\"\r\n                     style=\"background-image:url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-12-2026-01_02_21-PM-2.webp');\">\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2v20\"\/>\r\n                            <path d=\"M4 6l16 12\"\/>\r\n                            <path d=\"M20 6L4 18\"\/>\r\n                            <path d=\"M9 5l3 3 3-3\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u062d\u0644 \u0645\u0634\u0643\u0644\u0629 \u0639\u062f\u0645 \u0627\u0644\u062a\u0628\u0631\u064a\u062f\r\n                        \u0648\u0636\u0639\u0641 \u0627\u0644\u062a\u0628\u0631\u064a\u062f\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- FRIDGE 6 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u062b\u0644\u0627\u062c\u0627\u062a\"\r\n                     style=\"background-image:url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-12-2026-01_02_14-PM-1-1.webp');\">\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                            <path d=\"M19 10h2v4h-2l-2 4 2 2-3 2-3-3h-3l-2 3-3-2 2-3-2-3H3v-4h2l2-3-2-3 3-2 3 3h3l3-3 3 2-2 3z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0641\u062d\u0635 \u0634\u0627\u0645\u0644 \u0648\u0625\u0635\u0644\u0627\u062d\r\n                        \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0637\u0627\u0644\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- =================================\r\n         WASHING MACHINE SERVICES\r\n    ================================= -->\r\n\r\n    <!-- Reusable washing machine illustration -->\r\n    <svg width=\"0\" height=\"0\"\r\n         style=\"position:absolute;overflow:hidden\"\r\n         aria-hidden=\"true\">\r\n        <defs>\r\n            <symbol id=\"jrcWasherArt\" viewBox=\"0 0 160 125\">\r\n                <rect x=\"40\" y=\"5\" width=\"80\" height=\"112\"\r\n                      rx=\"10\" fill=\"#ffffff\"\r\n                      stroke=\"#7eafdf\" stroke-width=\"2.5\"\/>\r\n                <path d=\"M40 30h80\"\r\n                      stroke=\"#7eafdf\" stroke-width=\"2\"\/>\r\n                <rect x=\"48\" y=\"13\" width=\"28\" height=\"8\"\r\n                      rx=\"3\" fill=\"#cbe6ff\"\/>\r\n                <circle cx=\"105\" cy=\"18\" r=\"4\"\r\n                        fill=\"#0576dc\"\/>\r\n                <circle cx=\"80\" cy=\"72\" r=\"34\"\r\n                        fill=\"#d6ecff\"\r\n                        stroke=\"#1472c8\" stroke-width=\"5\"\/>\r\n                <circle cx=\"80\" cy=\"72\" r=\"26\"\r\n                        fill=\"#83bce9\"\/>\r\n                <path d=\"M60 69Q70 54 82 69T102 69\"\r\n                      fill=\"none\"\r\n                      stroke=\"#ffffff\"\r\n                      stroke-width=\"5\"\r\n                      opacity=\".8\"\/>\r\n                <path d=\"M59 82Q75 66 91 83\"\r\n                      fill=\"none\"\r\n                      stroke=\"#dff5ff\"\r\n                      stroke-width=\"5\"\/>\r\n                <circle cx=\"80\" cy=\"72\" r=\"16\"\r\n                        fill=\"none\"\r\n                        stroke=\"#ffffff\"\r\n                        stroke-width=\"2\"\r\n                        opacity=\".4\"\/>\r\n                <path d=\"M52 117v5M108 117v5\"\r\n                      stroke=\"#346fa5\"\r\n                      stroke-width=\"5\"\r\n                      stroke-linecap=\"round\"\/>\r\n            <\/symbol>\r\n        <\/defs>\r\n    <\/svg>\r\n\r\n    <div class=\"jrc-svc-group\">\r\n\r\n        <div class=\"jrc-group-heading\">\r\n\r\n            <span class=\"jrc-group-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <rect x=\"3\" y=\"2\" width=\"18\" height=\"20\" rx=\"2\"\/>\r\n                    <circle cx=\"12\" cy=\"13\" r=\"6\"\/>\r\n                    <path d=\"M6 5h2M11 5h2\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n\r\n            <h3>\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jrc-svc-grid\">\r\n\r\n            <!-- WASHER 1 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image jrc-washer-image\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0635\u064a\u0627\u0646\u0629 \u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\">\r\n                    <svg viewBox=\"0 0 160 125\" aria-hidden=\"true\">\r\n                        <use href=\"#jrcWasherArt\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"3\" y=\"2\" width=\"18\" height=\"20\" rx=\"2\"\/>\r\n                            <circle cx=\"12\" cy=\"13\" r=\"6\"\/>\r\n                            <path d=\"M6 5h2M11 5h2\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0635\u064a\u0627\u0646\u0629 \u063a\u0633\u0627\u0644\u0627\u062a\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u063a\u0633\u0627\u0644\u0627\u062a\r\n                        \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643 \u0628\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- WASHER 2 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image jrc-washer-image jrc-wash-2\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0625\u0635\u0644\u0627\u062d \u062d\u0644\u0629 \u063a\u0633\u0627\u0644\u0629 \u0648\u0639\u062f\u0645 \u0627\u0644\u062f\u0648\u0631\u0627\u0646\">\r\n                    <svg viewBox=\"0 0 160 125\" aria-hidden=\"true\">\r\n                        <use href=\"#jrcWasherArt\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M20 11a8 8 0 1 0-2 6\"\/>\r\n                            <path d=\"M20 4v7h-7\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u062d\u0644\u0629 \u063a\u0633\u0627\u0644\u0629\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0634\u0627\u0643\u0644 \u0639\u062f\u0645 \u0627\u0644\u062f\u0648\u0631\u0627\u0646\r\n                        \u0648\u0627\u0644\u0627\u0647\u062a\u0632\u0627\u0632 \u0648\u0627\u0644\u0623\u0635\u0648\u0627\u062a\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- WASHER 3 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image jrc-washer-image jrc-wash-3\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0625\u0635\u0644\u0627\u062d \u062a\u0633\u0631\u0628 \u0645\u064a\u0627\u0647 \u063a\u0633\u0627\u0644\u0627\u062a\">\r\n                    <svg viewBox=\"0 0 160 125\" aria-hidden=\"true\">\r\n                        <use href=\"#jrcWasherArt\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2C9 7 5 11 5 15a7 7 0 0 0 14 0c0-4-4-8-7-13z\"\/>\r\n                            <path d=\"M9 16a3 3 0 0 0 3 3\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\r\n                        \u0648\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u0631\u0641 \u0648\u0627\u0644\u0645\u0636\u062e\u0627\u062a\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- WASHER 4 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image jrc-washer-image jrc-wash-4\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0625\u0635\u0644\u0627\u062d \u0645\u0648\u062a\u0648\u0631 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\">\r\n                    <svg viewBox=\"0 0 160 125\" aria-hidden=\"true\">\r\n                        <use href=\"#jrcWasherArt\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"3\" y=\"7\" width=\"18\" height=\"10\" rx=\"2\"\/>\r\n                            <path d=\"M7 7V4M17 7V4M7 17v3M17 17v3\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0648\u062a\u0648\u0631\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0641\u062d\u0635 \u0648\u0625\u0635\u0644\u0627\u062d \u0645\u0648\u062a\u0648\u0631 \u063a\u0633\u0627\u0644\u0629\r\n                        \u0648\u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- WASHER 5 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image jrc-washer-image jrc-wash-5\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u0625\u0635\u0644\u0627\u062d \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u063a\u0633\u0627\u0644\u0627\u062a\">\r\n                    <svg viewBox=\"0 0 160 125\" aria-hidden=\"true\">\r\n                        <use href=\"#jrcWasherArt\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\r\n                            <path d=\"M9 9h6v6H9z\"\/>\r\n                            <path d=\"M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u0625\u0635\u0644\u0627\u062d \u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0628\u0648\u0631\u062f\r\n                        \u0648\u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- WASHER 6 -->\r\n            <article class=\"jrc-svc-card\">\r\n\r\n                <div class=\"jrc-svc-image jrc-washer-image jrc-wash-6\"\r\n                     role=\"img\"\r\n                     aria-label=\"\u062a\u0646\u0638\u064a\u0641 \u0648\u0635\u064a\u0627\u0646\u0629 \u063a\u0633\u0627\u0644\u0627\u062a\">\r\n                    <svg viewBox=\"0 0 160 125\" aria-hidden=\"true\">\r\n                        <use href=\"#jrcWasherArt\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <div class=\"jrc-svc-body\">\r\n\r\n                    <span class=\"jrc-svc-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l2 6 6 2-6 2-2 6-2-6-6-2 6-2z\"\/>\r\n                            <path d=\"M19 17l1 3 3 1-3 1-1 3-1-3-3-1 3-1z\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <h4 class=\"jrc-svc-title\">\r\n                        \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629\r\n                    <\/h4>\r\n\r\n                    <p class=\"jrc-svc-desc\">\r\n                        \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062d\u0644\u0629 \u0648\u0627\u0644\u0641\u0644\u0627\u062a\u0631\r\n                        \u0648\u0641\u062d\u0635 \u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\r\n                    <\/p>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ============ END SERVICES SECTION ============ -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a44e816 e-con e-atomic-element e-flexbox-base e-default-div e-7f145ac \" data-id=\"a44e816\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a44e816\">\n    <div class=\"elementor-element elementor-element-f41e10d e-con-full e-flex e-con e-parent\" data-id=\"f41e10d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c346a05 elementor-widget elementor-widget-html\" data-id=\"c346a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n JEDDAH REPAIRING CENTER - ABOUT US\r\n REFRIGERATOR + WASHING MACHINE REPAIR\r\n ARABIC RTL | RESPONSIVE | ELEMENTOR\r\n========================================== -->\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=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ===== MAIN SECTION ===== *\/\r\n\r\n#about,\r\n#about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#about {\r\n    width: 100%;\r\n    padding: 75px 20px;\r\n    margin: 0;\r\n    background: linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f3f9ff 100%\r\n    );\r\n    direction: rtl;\r\n    font-family: 'Tajawal', sans-serif;\r\n    scroll-margin-top: 100px;\r\n}\r\n\r\n#about .jrc-about-container {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.07fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n\/* ===== RIGHT IMAGE ===== *\/\r\n\r\n#about .jrc-about-image-wrap {\r\n    width: 100%;\r\n    height: 440px;\r\n    position: relative;\r\n    border-radius: 18px;\r\n    overflow: visible;\r\n}\r\n\r\n#about .jrc-about-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    box-shadow: 0 18px 45px rgba(5,60,120,.12);\r\n    position: relative;\r\n    background: #dbeeff;\r\n}\r\n\r\n#about .jrc-about-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: 83% center;\r\n    transition: transform .6s ease;\r\n}\r\n\r\n#about .jrc-about-image-wrap:hover img {\r\n    transform: scale(1.045);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n#about .jrc-about-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 18px;\r\n    background: linear-gradient(\r\n        180deg,\r\n        transparent 50%,\r\n        rgba(2,28,62,.45) 100%\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== FLOATING BADGE ===== *\/\r\n\r\n#about .jrc-about-floating {\r\n    position: absolute;\r\n    bottom: 26px;\r\n    right: 22px;\r\n    left: 22px;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(255,255,255,.96);\r\n    padding: 13px 16px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 28px rgba(0,33,76,.17);\r\n}\r\n\r\n#about .jrc-about-floating-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    flex: 0 0 46px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 11px;\r\n    background: linear-gradient(135deg,#0b8bff,#0756ba);\r\n    color: #ffffff;\r\n}\r\n\r\n#about .jrc-about-floating-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#about .jrc-about-floating-text {\r\n    min-width: 0;\r\n}\r\n\r\n#about .jrc-about-floating-text strong {\r\n    display: block;\r\n    color: #08264d;\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    line-height: 1.4;\r\n}\r\n\r\n#about .jrc-about-floating-text span {\r\n    display: block;\r\n    color: #576b83;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    margin-top: 4px;\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n\r\n#about .jrc-about-content {\r\n    min-width: 0;\r\n    text-align: right;\r\n}\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n#about .jrc-about-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #0874dd;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n#about .jrc-about-label::before {\r\n    content: \"\";\r\n    width: 33px;\r\n    height: 3px;\r\n    background: #0874dd;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n#about .jrc-about-title {\r\n    font-family: 'Tajawal', sans-serif;\r\n    color: #092750 !important;\r\n    font-size: clamp(29px,3.3vw,44px);\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n    margin: 0 0 20px;\r\n    padding: 0;\r\n}\r\n\r\n#about .jrc-about-title span {\r\n    display: block;\r\n    color: #0871d7;\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#about .jrc-about-desc {\r\n    font-family: inherit;\r\n    color: #53647c;\r\n    font-size: 16px;\r\n    line-height: 2;\r\n    font-weight: 600;\r\n    margin: 0 0 16px;\r\n}\r\n\r\n#about .jrc-about-desc strong {\r\n    color: #08366a;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* ===== FOUR FEATURES ===== *\/\r\n\r\n#about .jrc-about-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(2,minmax(0,1fr));\r\n    gap: 12px;\r\n    margin: 25px 0;\r\n}\r\n\r\n#about .jrc-about-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    min-width: 0;\r\n    padding: 14px 12px;\r\n    background: #ffffff;\r\n    border: 1px solid #e0edfa;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 15px rgba(7,65,127,.04);\r\n    transition: all .3s ease;\r\n}\r\n\r\n#about .jrc-about-feature:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #aed7ff;\r\n    box-shadow: 0 9px 20px rgba(7,65,127,.09);\r\n}\r\n\r\n#about .jrc-about-feature-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    min-width: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #e6f3ff;\r\n    border-radius: 9px;\r\n    color: #0874e5;\r\n}\r\n\r\n#about .jrc-about-feature-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#about .jrc-about-feature span:last-child {\r\n    color: #102f56;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n\r\n#about .jrc-about-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-top: 27px;\r\n}\r\n\r\n#about .jrc-about-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 51px;\r\n    padding: 12px 23px;\r\n    border-radius: 9px;\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    line-height: 1.4;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    transition: .3s ease;\r\n}\r\n\r\n#about .jrc-about-btn svg {\r\n    width: 21px;\r\n    height: 21px;\r\n    fill: currentColor;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* PHONE *\/\r\n\r\n#about .jrc-about-call {\r\n    background: linear-gradient(135deg,#087fea,#0653b0);\r\n    color: #ffffff !important;\r\n    box-shadow: 0 6px 18px rgba(0,91,193,.16);\r\n}\r\n\r\n#about .jrc-about-call:hover {\r\n    background: #063e86;\r\n    color: #ffffff !important;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* WHATSAPP *\/\r\n\r\n#about .jrc-about-whatsapp {\r\n    background: #07b956;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 6px 18px rgba(0,140,65,.12);\r\n}\r\n\r\n#about .jrc-about-whatsapp:hover {\r\n    background: #078c43;\r\n    color: #ffffff !important;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n\r\n@media (max-width:1050px) {\r\n\r\n    #about {\r\n        padding: 55px 18px;\r\n    }\r\n\r\n    #about .jrc-about-container {\r\n        gap: 30px;\r\n    }\r\n\r\n    #about .jrc-about-image-wrap {\r\n        height: 420px;\r\n    }\r\n\r\n    #about .jrc-about-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n    #about .jrc-about-desc {\r\n        font-size: 14px;\r\n        line-height: 1.85;\r\n    }\r\n\r\n    #about .jrc-about-feature {\r\n        padding: 11px 9px;\r\n        gap: 8px;\r\n    }\r\n\r\n    #about .jrc-about-feature span:last-child {\r\n        font-size: 12px;\r\n    }\r\n\r\n    #about .jrc-about-feature-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n        min-width: 34px;\r\n    }\r\n\r\n    #about .jrc-about-feature-icon svg {\r\n        width: 19px;\r\n        height: 19px;\r\n    }\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n    #about {\r\n        padding: 45px 15px 50px;\r\n    }\r\n\r\n    #about .jrc-about-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* IMAGE FIRST *\/\r\n\r\n    #about .jrc-about-image-wrap {\r\n        width: 100%;\r\n        max-width: 540px;\r\n        height: 300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #about .jrc-about-image {\r\n        border-radius: 13px;\r\n    }\r\n\r\n    #about .jrc-about-image img {\r\n        object-position: 82% center;\r\n    }\r\n\r\n    #about .jrc-about-floating {\r\n        bottom: 15px;\r\n        right: 12px;\r\n        left: 12px;\r\n        padding: 11px;\r\n        gap: 9px;\r\n    }\r\n\r\n    #about .jrc-about-floating-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        flex-basis: 40px;\r\n    }\r\n\r\n    #about .jrc-about-floating-icon svg {\r\n        width: 23px;\r\n        height: 23px;\r\n    }\r\n\r\n    #about .jrc-about-floating-text strong {\r\n        font-size: 14px;\r\n    }\r\n\r\n    #about .jrc-about-floating-text span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    \/* CONTENT *\/\r\n\r\n    #about .jrc-about-content {\r\n        width: 100%;\r\n        max-width: 540px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #about .jrc-about-label {\r\n        font-size: 14px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    #about .jrc-about-title {\r\n        font-size: 30px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    #about .jrc-about-desc {\r\n        font-size: 14px;\r\n        line-height: 1.9;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    \/* TWO FEATURE COLUMNS *\/\r\n\r\n    #about .jrc-about-features {\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 10px;\r\n        margin: 22px 0;\r\n    }\r\n\r\n    #about .jrc-about-feature {\r\n        padding: 11px 8px;\r\n        gap: 7px;\r\n    }\r\n\r\n    #about .jrc-about-feature span:last-child {\r\n        font-size: 12px;\r\n    }\r\n\r\n    \/* TWO BUTTONS *\/\r\n\r\n    #about .jrc-about-buttons {\r\n        display: grid;\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    #about .jrc-about-btn {\r\n        width: 100%;\r\n        padding: 12px 7px;\r\n        font-size: 13px;\r\n        gap: 6px;\r\n        min-height: 49px;\r\n    }\r\n\r\n    #about .jrc-about-btn svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width:380px) {\r\n\r\n    #about .jrc-about-image-wrap {\r\n        height: 245px;\r\n    }\r\n\r\n    #about .jrc-about-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n    #about .jrc-about-feature span:last-child {\r\n        font-size: 11px;\r\n    }\r\n\r\n    #about .jrc-about-feature-icon {\r\n        width: 31px;\r\n        height: 31px;\r\n        min-width: 31px;\r\n    }\r\n\r\n    #about .jrc-about-btn {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n    #about .jrc-about-image img,\r\n    #about .jrc-about-feature,\r\n    #about .jrc-about-btn {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- =================================\r\n ABOUT US HTML START\r\n================================= -->\r\n\r\n<section id=\"about\" dir=\"rtl\">\r\n\r\n    <div class=\"jrc-about-container\">\r\n\r\n        <!-- ===== RIGHT SIDE IMAGE ===== -->\r\n\r\n        <div class=\"jrc-about-image-wrap\">\r\n\r\n            <div class=\"jrc-about-image\">\r\n\r\n                <img\r\n                    src=\"https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-05_05_43-PM.webp\"\r\n                    alt=\"\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629 \u0644\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\">\r\n\r\n            <\/div>\r\n\r\n            <!-- FLOATING BADGE -->\r\n\r\n            <div class=\"jrc-about-floating\">\r\n\r\n                <span class=\"jrc-about-floating-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/>\r\n                        <path d=\"M5 10h14\"\/>\r\n                        <path d=\"M15 5h1M15 13h1\"\/>\r\n                        <path d=\"M8 6h3M8 14h3\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                <div class=\"jrc-about-floating-text\">\r\n\r\n                    <strong>\r\n                        \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ===== LEFT SIDE CONTENT ===== -->\r\n\r\n        <div class=\"jrc-about-content\">\r\n\r\n            <!-- SMALL LABEL -->\r\n\r\n            <span class=\"jrc-about-label\">\r\n                \u0645\u0646 \u0646\u062d\u0646\r\n            <\/span>\r\n\r\n            <!-- MAIN HEADING -->\r\n\r\n            <h2 class=\"jrc-about-title\">\r\n\r\n                \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629\r\n\r\n                <span>\r\n                    \u0644\u0635\u064a\u0627\u0646\u0629 \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n            <!-- FIRST PARAGRAPH -->\r\n\r\n            <p class=\"jrc-about-desc\">\r\n\r\n                \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a\r\n                <strong>\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629<\/strong>\u060c\r\n                \u0648\u062c\u0647\u062a\u0643\u0645 \u0644\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d\r\n                <strong>\u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a\u0629 \u0641\u064a \u062c\u062f\u0629<\/strong>.\r\n                \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0639\u0645\u0644\u064a\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u0623\u0639\u0637\u0627\u0644\r\n                \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645\r\n                \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n                \u0648\u062a\u0648\u0641\u064a\u0631 \u062e\u062f\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0645\u0646\u0632\u0644\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629.\r\n\r\n            <\/p>\r\n\r\n            <!-- SECOND PARAGRAPH -->\r\n\r\n            <p class=\"jrc-about-desc\">\r\n\r\n                \u062a\u0634\u0645\u0644 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0625\u0635\u0644\u0627\u062d \u0623\u0639\u0637\u0627\u0644 \u062a\u0628\u0631\u064a\u062f\r\n                \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0648\u0627\u0644\u0643\u0645\u0628\u0631\u0648\u0633\u0631 \u0648\u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\u060c\r\n                \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0635\u064a\u0627\u0646\u0629 \u063a\u0633\u0627\u0644\u0627\u062a\r\n                \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0648\u062a\u0648\u0631 \u0648\u0627\u0644\u062d\u0644\u0629 \u0648\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\r\n                \u0648\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0639\u0635\u0631 \u0648\u062a\u0635\u0631\u064a\u0641 \u0627\u0644\u0645\u064a\u0627\u0647.\r\n                \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0628\u062f\u0642\u0629\r\n                \u0648\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644.\r\n\r\n            <\/p>\r\n\r\n            <!-- ===== FOUR FEATURES ===== -->\r\n\r\n            <div class=\"jrc-about-features\">\r\n\r\n                <!-- FEATURE 1 -->\r\n\r\n                <div class=\"jrc-about-feature\">\r\n\r\n                    <span class=\"jrc-about-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"8\" r=\"3\"\/>\r\n                            <path d=\"M5 21v-3a7 7 0 0114 0v3\"\/>\r\n                            <path d=\"M8 4h8M12 4V2\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u0641\u0646\u064a\u0648\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- FEATURE 2 -->\r\n\r\n                <div class=\"jrc-about-feature\">\r\n\r\n                    <span class=\"jrc-about-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z\"\/>\r\n                            <path d=\"m8 12 3 3 5-6\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- FEATURE 3 -->\r\n\r\n                <div class=\"jrc-about-feature\">\r\n\r\n                    <span class=\"jrc-about-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M3 7h11v10H3z\"\/>\r\n                            <path d=\"M14 10h4l3 4v3h-7z\"\/>\r\n                            <circle cx=\"7\" cy=\"18\" r=\"2\"\/>\r\n                            <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u062e\u062f\u0645\u0629 \u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u062c\u062f\u0629\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- FEATURE 4 -->\r\n\r\n                <div class=\"jrc-about-feature\">\r\n\r\n                    <span class=\"jrc-about-feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                            <path d=\"M12 7v5l3 2\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u0633\u0647\u0648\u0644\u0629 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0627\u0644\u0635\u064a\u0627\u0646\u0629\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- ===== CONTACT BUTTONS ===== -->\r\n\r\n            <div class=\"jrc-about-buttons\">\r\n\r\n                <!-- CALL BUTTON -->\r\n\r\n                <a\r\n                    href=\"tel:0550647256\"\r\n                    class=\"jrc-about-btn jrc-about-call\"\r\n                    aria-label=\"\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.25 1.01z\"\/>\r\n                    <\/svg>\r\n\r\n                    \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\r\n\r\n                <\/a>\r\n\r\n                <!-- WHATSAPP BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/966550647256?text=\u0627\u0644\u0633\u0644\u0627\u0645%20\u0639\u0644\u064a\u0643\u0645\u060c%20\u0623\u0631\u064a\u062f%20\u0637\u0644\u0628%20\u0635\u064a\u0627\u0646\u0629%20\u062b\u0644\u0627\u062c\u0629%20\u0623\u0648%20\u063a\u0633\u0627\u0644\u0629%20\u0641\u064a%20\u062c\u062f\u0629\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"jrc-about-btn jrc-about-whatsapp\"\r\n                    aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20.52 3.48A11.87 11.87 0 0012.05 0C5.48 0 .13 5.35.12 11.93a11.86 11.86 0 001.59 5.95L0 24l6.3-1.65a11.96 11.96 0 005.74 1.46h.01c6.57 0 11.92-5.35 11.93-11.93a11.87 11.87 0 00-3.46-8.4zM12.05 21.8a9.91 9.91 0 01-5.05-1.38l-.36-.21-3.74.98 1-3.64-.24-.37a9.84 9.84 0 01-1.52-5.25c0-5.46 4.45-9.9 9.91-9.9a9.86 9.86 0 017.01 2.9 9.84 9.84 0 012.89 7c0 5.46-4.45 9.9-9.9 9.9zm5.44-7.42c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.1 4.49.71.31 1.27.49 1.7.63.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.69.25-1.28.17-1.41-.07-.12-.27-.2-.57-.35z\"\/>\r\n                    <\/svg>\r\n\r\n                    \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- END ABOUT US SECTION -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cb6f119 e-con e-atomic-element e-flexbox-base e-default-div e-0276f27 \" data-id=\"cb6f119\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb6f119\">\n    <div class=\"elementor-element elementor-element-a07b477 e-con-full e-flex e-con e-parent\" data-id=\"a07b477\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6f3b21 elementor-widget elementor-widget-html\" data-id=\"c6f3b21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- ============================================\n     \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629\n     WHY CHOOSE US SECTION\n     Arabic RTL | Responsive | Elementor Ready\n============================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== MAIN SECTION ===== *\/\n\n#jrcWhy,\n#jrcWhy * {\n    box-sizing: border-box;\n}\n\n#jrcWhy {\n    position: relative;\n    width: 100%;\n    min-height: 225px;\n    margin: 0;\n    padding: 0;\n    direction: rtl;\n    isolation: isolate;\n    overflow: hidden;\n    background: linear-gradient(\n        110deg,\n        #05274e 0%,\n        #06366c 60%,\n        #0873cb 100%\n    );\n    color: #ffffff;\n    font-family: 'Tajawal', sans-serif;\n}\n\n\/* BACKGROUND IMAGE *\/\n\n#jrcWhy::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    background-image: url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/Stainless-Steel-Refrigerators-Against-Blue-Cityscape.webp');\n    background-repeat: no-repeat;\n    background-size: auto 410px;\n    background-position: right -10px bottom -100px;\n}\n\n\/* DARK BLUE GRADIENT *\/\n\n#jrcWhy::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    background: linear-gradient(\n        90deg,\n        rgba(3,31,65,.34) 0%,\n        rgba(5,40,80,.12) 58%,\n        transparent 77%\n    );\n}\n\n\/* ===== CONTAINER ===== *\/\n\n#jrcWhy .jrc-why-container {\n    width: 100%;\n    max-width: 1440px;\n    min-height: 225px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    direction: ltr;\n    padding: 19px 24px 22px;\n}\n\n\/* ===== LEFT CONTENT ===== *\/\n\n#jrcWhy .jrc-why-content {\n    width: 68%;\n    max-width: 900px;\n    min-width: 0;\n    direction: rtl;\n    position: relative;\n    z-index: 2;\n}\n\n\/* HEADING *\/\n\n#jrcWhy .jrc-why-title {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 25px;\n    font-weight: 900;\n    line-height: 1.3;\n    color: #ffffff !important;\n    margin: 0 0 19px;\n    padding: 0 0 0 120px;\n    text-align: center;\n}\n\n\/* ===== FIVE COLUMNS ===== *\/\n\n#jrcWhy .jrc-why-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 12px;\n    direction: rtl;\n    align-items: start;\n}\n\n\/* ITEM *\/\n\n#jrcWhy .jrc-why-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    min-width: 0;\n    text-align: center;\n    padding: 0 2px;\n}\n\n\/* ROUND ICON *\/\n\n#jrcWhy .jrc-why-icon {\n    width: 51px;\n    height: 51px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin: 0 auto 10px;\n    background: linear-gradient(\n        145deg,\n        #1188fb,\n        #0553aa\n    );\n    box-shadow: 0 5px 15px rgba(0,28,70,.18);\n    transition: transform .3s ease;\n}\n\n#jrcWhy .jrc-why-icon svg {\n    width: 28px;\n    height: 28px;\n    color: #ffffff;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#jrcWhy .jrc-why-item:hover .jrc-why-icon {\n    transform: translateY(-5px);\n}\n\n\/* ITEM TITLE *\/\n\n#jrcWhy .jrc-why-item h3 {\n    font-family: 'Tajawal', sans-serif;\n    color: #ffffff !important;\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0 0 7px;\n    padding: 0;\n    text-align: center;\n}\n\n\/* ITEM DESCRIPTION *\/\n\n#jrcWhy .jrc-why-item p {\n    font-family: 'Tajawal', sans-serif;\n    color: #e4efff !important;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1.65;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n}\n\n\/* ===== LARGE DESKTOP ===== *\/\n\n@media (min-width: 1400px) {\n    #jrcWhy,\n    #jrcWhy .jrc-why-container {\n        min-height: 245px;\n    }\n\n    #jrcWhy::before {\n        background-size: auto 455px;\n        background-position: right -5px bottom -115px;\n    }\n\n    #jrcWhy .jrc-why-title {\n        font-size: 29px;\n    }\n\n    #jrcWhy .jrc-why-item h3 {\n        font-size: 16px;\n    }\n\n    #jrcWhy .jrc-why-item p {\n        font-size: 13px;\n    }\n}\n\n\/* ===== LAPTOP ===== *\/\n\n@media (min-width: 761px) and (max-width: 1100px) {\n\n    #jrcWhy .jrc-why-container {\n        padding-left: 16px;\n        padding-right: 16px;\n    }\n\n    #jrcWhy .jrc-why-content {\n        width: 66%;\n    }\n\n    #jrcWhy .jrc-why-grid {\n        gap: 6px;\n    }\n\n    #jrcWhy .jrc-why-title {\n        font-size: 23px;\n        padding-left: 75px;\n    }\n\n    #jrcWhy .jrc-why-item h3 {\n        font-size: 12px;\n    }\n\n    #jrcWhy .jrc-why-item p {\n        font-size: 11px;\n    }\n\n    #jrcWhy .jrc-why-icon {\n        width: 46px;\n        height: 46px;\n    }\n\n    #jrcWhy .jrc-why-icon svg {\n        width: 25px;\n        height: 25px;\n    }\n\n}\n\n\/* ===== MOBILE ===== *\/\n\n@media (max-width: 760px) {\n\n    #jrcWhy {\n        min-height: 0;\n        background: #062b57;\n    }\n\n    \/* REFRIGERATORS AT TOP *\/\n    #jrcWhy::before {\n        inset: auto;\n        top: 0;\n        right: 0;\n        left: 0;\n        height: 195px;\n        background-size: auto 335px;\n        background-position: right -8px bottom -77px;\n    }\n\n    #jrcWhy::after {\n        background: linear-gradient(\n            180deg,\n            transparent 0%,\n            rgba(6,43,87,.05) 145px,\n            #062b57 195px,\n            transparent 240px\n        );\n    }\n\n    #jrcWhy .jrc-why-container {\n        min-height: 0;\n        display: block;\n        padding: 208px 15px 35px;\n    }\n\n    #jrcWhy .jrc-why-content {\n        width: 100%;\n        max-width: 540px;\n        margin: 0 auto;\n    }\n\n    #jrcWhy .jrc-why-title {\n        font-size: 27px;\n        padding: 0;\n        margin-bottom: 25px;\n        text-align: center;\n    }\n\n    #jrcWhy .jrc-why-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 26px 13px;\n    }\n\n    #jrcWhy .jrc-why-icon {\n        width: 55px;\n        height: 55px;\n        margin-bottom: 11px;\n    }\n\n    #jrcWhy .jrc-why-icon svg {\n        width: 29px;\n        height: 29px;\n    }\n\n    #jrcWhy .jrc-why-item h3 {\n        font-size: 15px;\n        margin-bottom: 7px;\n    }\n\n    #jrcWhy .jrc-why-item p {\n        font-size: 12px;\n        max-width: 180px;\n    }\n\n    \/* LAST ITEM CENTER *\/\n    #jrcWhy .jrc-why-item:last-child {\n        grid-column: 1 \/ -1;\n        width: 50%;\n        justify-self: center;\n    }\n\n}\n\n@media (max-width: 360px) {\n    #jrcWhy .jrc-why-grid {\n        gap: 22px 9px;\n    }\n\n    #jrcWhy .jrc-why-item h3 {\n        font-size: 13px;\n    }\n\n    #jrcWhy .jrc-why-item p {\n        font-size: 11px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #jrcWhy .jrc-why-icon {\n        transition: none;\n    }\n}\n<\/style>\n\n<!-- ====================================\n     WHY CHOOSE US HTML START\n==================================== -->\n\n<section id=\"jrcWhy\" dir=\"rtl\">\n\n    <div class=\"jrc-why-container\">\n\n        <div class=\"jrc-why-content\" id=\"why-us\">\n\n            <!-- MAIN HEADING -->\n            <h2 class=\"jrc-why-title\">\n                \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f\n            <\/h2>\n\n            <!-- FIVE FEATURES -->\n            <div class=\"jrc-why-grid\">\n\n                <!-- 1 - AVAILABLE -->\n                <div class=\"jrc-why-item\">\n\n                    <div class=\"jrc-why-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                            <path d=\"M12 7v5l3 2\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <h3>\n                        \u0645\u062a\u0627\u062d\u0648\u0646 \u0637\u0648\u0627\u0644 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\n                    <\/h3>\n\n                    <p>\n                        \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0648\u0641\u0631\u0629\n                        \u0645\u0646 \u0627\u0644\u0633\u0628\u062a \u0625\u0644\u0649 \u0627\u0644\u062c\u0645\u0639\u0629\n                    <\/p>\n\n                <\/div>\n\n                <!-- 2 - WARRANTY -->\n                <div class=\"jrc-why-item\">\n\n                    <div class=\"jrc-why-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z\"\/>\n                            <path d=\"m8.5 12 2.5 2.5 4.5-5\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <h3>\n                        \u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\n                    <\/h3>\n\n                    <p>\n                        \u0646\u0648\u0641\u0631 \u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639\n                        \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629\n                    <\/p>\n\n                <\/div>\n\n                <!-- 3 - PRICES -->\n                <div class=\"jrc-why-item\">\n\n                    <div class=\"jrc-why-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/>\n                            <path d=\"M4 5v5c0 1.7 3.6 3 8 3s8-1.3 8-3V5\"\/>\n                            <path d=\"M4 10v5c0 1.7 3.6 3 8 3s8-1.3 8-3v-5\"\/>\n                            <path d=\"M4 15v4c0 1.7 3.6 3 8 3s8-1.3 8-3v-4\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <h3>\n                        \u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629\n                    <\/h3>\n\n                    <p>\n                        \u062e\u062f\u0645\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\n                        \u0628\u0623\u0633\u0639\u0627\u0631 \u0645\u0639\u0642\u0648\u0644\u0629\n                    <\/p>\n\n                <\/div>\n\n                <!-- 4 - TECHNICIANS -->\n                <div class=\"jrc-why-item\">\n\n                    <div class=\"jrc-why-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n                            <circle cx=\"17.5\" cy=\"8.5\" r=\"2.5\"\/>\n                            <path d=\"M2 20v-2a7 7 0 0114 0v2z\"\/>\n                            <path d=\"M17 14a5 5 0 015 5v1h-4\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <h3>\n                        \u0641\u0646\u064a\u0648\u0646 \u0645\u062d\u062a\u0631\u0641\u0648\u0646\n                    <\/h3>\n\n                    <p>\n                        \u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062f\u0631\u0628\n                        \u0648\u0630\u0648 \u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629\n                    <\/p>\n\n                <\/div>\n\n                <!-- 5 - FAST RESPONSE -->\n                <div class=\"jrc-why-item\">\n\n                    <div class=\"jrc-why-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 14v-3a8 8 0 0116 0v3\"\/>\n                            <rect x=\"2\" y=\"12\" width=\"4\" height=\"7\" rx=\"2\"\/>\n                            <rect x=\"18\" y=\"12\" width=\"4\" height=\"7\" rx=\"2\"\/>\n                            <path d=\"M20 19a4 4 0 01-4 3h-3\"\/>\n                            <path d=\"M11 22h3\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <h3>\n                        \u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629\n                    <\/h3>\n\n                    <p>\n                        \u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629\n                        \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u062c\u062f\u0629\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n            <!-- END GRID -->\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<!-- END WHY CHOOSE US SECTION -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4f44dfc e-con e-atomic-element e-flexbox-base e-default-div e-35888bc \" data-id=\"4f44dfc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4f44dfc\">\n    <div class=\"elementor-element elementor-element-cf7cb9e e-con-full e-flex e-con e-parent\" data-id=\"cf7cb9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f002119 elementor-widget elementor-widget-html\" data-id=\"f002119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- ============================================\n  \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629 - HOW WE WORK SECTION\n  Arabic RTL | 3 Steps | Elementor Ready\n  HTML + CSS\n============================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== MAIN SECTION ===== *\/\n\n#jrcHow,\n#jrcHow * {\n    box-sizing: border-box;\n}\n\n#jrcHow {\n    width: 100%;\n    margin: 0;\n    padding: 28px 20px 35px;\n    background: #ffffff;\n    direction: rtl;\n    font-family: 'Tajawal', sans-serif;\n    overflow: hidden;\n}\n\n#jrcHow .jrc-how-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* ===== HEADING ===== *\/\n\n#jrcHow .jrc-how-heading {\n    text-align: center;\n    margin-bottom: 24px;\n}\n\n#jrcHow .jrc-how-heading h2 {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 28px;\n    font-weight: 900;\n    line-height: 1.3;\n    color: #09254e !important;\n    margin: 0 0 5px;\n    padding: 0;\n}\n\n#jrcHow .jrc-how-heading p {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.6;\n    color: #354b6d;\n    margin: 0;\n}\n\n\/* ===== STEPS GRID ===== *\/\n\n#jrcHow .jrc-how-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 45px;\n    align-items: center;\n}\n\n\/* ===== INDIVIDUAL STEP ===== *\/\n\n#jrcHow .jrc-how-step {\n    position: relative;\n    min-width: 0;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    direction: rtl;\n    padding: 0;\n}\n\n\/* TEXT *\/\n\n#jrcHow .jrc-how-info {\n    flex: 1;\n    min-width: 0;\n    text-align: right;\n}\n\n#jrcHow .jrc-how-info h3 {\n    font-family: 'Tajawal', sans-serif;\n    color: #09254e !important;\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0 0 5px;\n    padding: 0;\n}\n\n#jrcHow .jrc-how-info p {\n    font-family: 'Tajawal', sans-serif;\n    color: #52627c !important;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.6;\n    margin: 0;\n    padding: 0;\n}\n\n#jrcHow .jrc-how-info a {\n    color: #52627c;\n    text-decoration: none;\n}\n\n#jrcHow .jrc-how-info a:hover {\n    color: #0878e9;\n}\n\n\/* ===== BLUE CIRCULAR ICON ===== *\/\n\n#jrcHow .jrc-how-icon-wrap {\n    position: relative;\n    width: 70px;\n    height: 70px;\n    flex: 0 0 70px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#jrcHow .jrc-how-icon {\n    width: 59px;\n    height: 59px;\n    border-radius: 50%;\n    background: linear-gradient(\n        145deg,\n        #1594ff,\n        #0064db\n    );\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #ffffff;\n    box-shadow: 0 5px 15px rgba(0,104,218,.14);\n    transition: transform .3s ease;\n}\n\n#jrcHow .jrc-how-icon svg {\n    width: 30px;\n    height: 30px;\n    stroke: currentColor;\n    stroke-width: 2.3;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#jrcHow .jrc-how-step:hover .jrc-how-icon {\n    transform: translateY(-4px);\n}\n\n\/* ===== NUMBER BADGE ===== *\/\n\n#jrcHow .jrc-how-number {\n    position: absolute;\n    top: 50%;\n    left: -13px;\n    transform: translateY(-50%);\n    z-index: 2;\n    width: 32px;\n    height: 34px;\n    background: #e1f0ff;\n    color: #0767cf;\n    border-radius: 0 20px 20px 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Tajawal', sans-serif;\n    font-size: 18px;\n    font-weight: 900;\n    padding: 0;\n}\n\n\/* ===== CONNECTING ARROWS ===== *\/\n\n#jrcHow .jrc-how-step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: -30px;\n    width: 11px;\n    height: 11px;\n    border-left: 4px solid #c4def8;\n    border-bottom: 4px solid #c4def8;\n    transform: translateY(-50%) rotate(45deg);\n    border-radius: 1px;\n}\n\n\/* ===== TABLET VIEW ===== *\/\n\n@media (max-width: 1000px) and (min-width: 701px) {\n\n    #jrcHow .jrc-how-grid {\n        gap: 30px;\n    }\n\n    #jrcHow .jrc-how-step {\n        gap: 9px;\n    }\n\n    #jrcHow .jrc-how-info h3 {\n        font-size: 15px;\n    }\n\n    #jrcHow .jrc-how-info p {\n        font-size: 12px;\n    }\n\n    #jrcHow .jrc-how-icon-wrap {\n        width: 61px;\n        height: 61px;\n        flex-basis: 61px;\n    }\n\n    #jrcHow .jrc-how-icon {\n        width: 52px;\n        height: 52px;\n    }\n\n    #jrcHow .jrc-how-number {\n        width: 27px;\n        height: 29px;\n        left: -10px;\n        font-size: 15px;\n    }\n\n    #jrcHow .jrc-how-step:not(:last-child)::after {\n        left: -21px;\n    }\n}\n\n\/* ===== MOBILE VIEW ===== *\/\n\n@media (max-width: 700px) {\n\n    #jrcHow {\n        padding: 38px 18px 45px;\n    }\n\n    #jrcHow .jrc-how-heading {\n        margin-bottom: 27px;\n    }\n\n    #jrcHow .jrc-how-heading h2 {\n        font-size: 26px;\n    }\n\n    #jrcHow .jrc-how-heading p {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    #jrcHow .jrc-how-grid {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 30px;\n        max-width: 480px;\n        margin: 0 auto;\n    }\n\n    #jrcHow .jrc-how-step {\n        flex-direction: row;\n        justify-content: flex-start;\n        gap: 19px;\n        padding: 17px 14px;\n        background: #f7fbff;\n        border: 1px solid #e0edfb;\n        border-radius: 13px;\n    }\n\n    #jrcHow .jrc-how-info h3 {\n        font-size: 17px;\n    }\n\n    #jrcHow .jrc-how-info p {\n        font-size: 13px;\n        line-height: 1.7;\n    }\n\n    #jrcHow .jrc-how-icon-wrap {\n        width: 64px;\n        height: 64px;\n        flex-basis: 64px;\n    }\n\n    #jrcHow .jrc-how-icon {\n        width: 56px;\n        height: 56px;\n    }\n\n    #jrcHow .jrc-how-number {\n        left: -12px;\n        font-size: 16px;\n    }\n\n    \/* DOWNWARD ARROW BETWEEN STEPS *\/\n    #jrcHow .jrc-how-step:not(:last-child)::after {\n        top: auto;\n        bottom: -24px;\n        left: 50%;\n        transform: translateX(-50%) rotate(-45deg);\n        width: 11px;\n        height: 11px;\n    }\n\n}\n\n\/* ===== SMALL PHONES ===== *\/\n\n@media (max-width: 380px) {\n\n    #jrcHow {\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n\n    #jrcHow .jrc-how-step {\n        gap: 12px;\n        padding: 14px 10px;\n    }\n\n    #jrcHow .jrc-how-info h3 {\n        font-size: 15px;\n    }\n\n    #jrcHow .jrc-how-info p {\n        font-size: 12px;\n    }\n\n    #jrcHow .jrc-how-icon-wrap {\n        width: 57px;\n        height: 57px;\n        flex-basis: 57px;\n    }\n\n    #jrcHow .jrc-how-icon {\n        width: 50px;\n        height: 50px;\n    }\n\n    #jrcHow .jrc-how-icon svg {\n        width: 26px;\n        height: 26px;\n    }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #jrcHow .jrc-how-icon {\n        transition: none;\n    }\n}\n<\/style>\n\n<!-- ===== HOW WE WORK HTML ===== -->\n\n<section id=\"jrcHow\" dir=\"rtl\">\n\n    <div class=\"jrc-how-container\" id=\"how-we-work\">\n\n        <!-- MAIN HEADING -->\n        <div class=\"jrc-how-heading\">\n\n            <h2>\u0643\u064a\u0641 \u0646\u0639\u0645\u0644\u061f<\/h2>\n\n            <p>\n                3 \u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062e\u062f\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a\n            <\/p>\n\n        <\/div>\n\n        <!-- THREE STEPS -->\n        <div class=\"jrc-how-grid\">\n\n            <!-- STEP 1: CONTACT -->\n            <div class=\"jrc-how-step\">\n\n                <div class=\"jrc-how-info\">\n\n                    <h3>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\n\n                    <p>\n                        \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0639\u0644\u0649\n                        <a href=\"tel:0550647256\"\n                           dir=\"ltr\">\n                            0550647256\n                        <\/a>\n                        \u0623\u0648 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"jrc-how-icon-wrap\">\n\n                    <div class=\"jrc-how-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3 5.18 2 2 0 0 1 5 3h3a2 2 0 0 1 2 1.72l.4 2.81a2 2 0 0 1-.57 1.7L8.1 10.96a16 16 0 0 0 4.94 4.94l1.73-1.73a2 2 0 0 1 1.7-.57l2.81.4A2 2 0 0 1 22 16.92z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"jrc-how-number\">1<\/span>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- STEP 2: SCHEDULE -->\n            <div class=\"jrc-how-step\">\n\n                <div class=\"jrc-how-info\">\n\n                    <h3>\u062d\u062f\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0632\u064a\u0627\u0631\u0629<\/h3>\n\n                    <p>\n                        \u0646\u062d\u062f\u062f \u0644\u0643 \u0645\u0648\u0639\u062f \u0645\u0646\u0627\u0633\u0628\n                        \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628\u0643\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"jrc-how-icon-wrap\">\n\n                    <div class=\"jrc-how-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n                            <path d=\"M7 3v4M17 3v4M3 10h18\"\/>\n                            <path d=\"M8 14h2M14 14h2M8 18h2M14 18h2\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"jrc-how-number\">2<\/span>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- STEP 3: REPAIR -->\n            <div class=\"jrc-how-step\">\n\n                <div class=\"jrc-how-info\">\n\n                    <h3>\u0646\u0635\u0644\u062d \u062b\u0644\u0627\u062c\u062a\u0643<\/h3>\n\n                    <p>\n                        \u064a\u0642\u0648\u0645 \u0641\u0646\u064a \u0645\u062e\u062a\u0635 \u0628\u0641\u062d\u0635\n                        \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0639\u0637\u0644 \u0641\u064a \u0645\u0646\u0632\u0644\u0643\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"jrc-how-icon-wrap\">\n\n                    <div class=\"jrc-how-icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                            <path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.88l.05.05-2.86 2.86-.05-.05A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 1.57V21h-4v-.08a1.7 1.7 0 0 0-1-1.57 1.7 1.7 0 0 0-1.88.34l-.05.05-2.86-2.86.05-.05A1.7 1.7 0 0 0 4.6 15 1.7 1.7 0 0 0 3 14H3v-4h.08a1.7 1.7 0 0 0 1.57-1 1.7 1.7 0 0 0-.34-1.88l-.05-.05 2.86-2.86.05.05A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.57V3h4v.08a1.7 1.7 0 0 0 1 1.57 1.7 1.7 0 0 0 1.88-.34l.05-.05 2.86 2.86-.05.05A1.7 1.7 0 0 0 19.4 9 1.7 1.7 0 0 0 21 10v4a1.7 1.7 0 0 0-1.6 1z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"jrc-how-number\">3<\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<!-- END HOW WE WORK -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9105d00 e-con e-atomic-element e-flexbox-base e-default-div e-5ba3779 \" data-id=\"9105d00\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9105d00\">\n    <div class=\"elementor-element elementor-element-f83bd1c e-con-full e-flex e-con e-parent\" data-id=\"f83bd1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a33424d elementor-widget elementor-widget-html\" data-id=\"a33424d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n JEDDAH REPAIRING CENTER - BRANDS SECTION\r\n REFRIGERATOR + WASHING MACHINE BRANDS\r\n 16 BRANDS | ARABIC RTL | RESPONSIVE\r\n========================================== -->\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=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ========== MAIN SECTION ========== *\/\r\n\r\n#jrcBrands,\r\n#jrcBrands * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#jrcBrands {\r\n    width: 100%;\r\n    padding: 40px 20px 50px;\r\n    margin: 0;\r\n    background: #ffffff;\r\n    font-family: 'Tajawal', sans-serif;\r\n    direction: rtl;\r\n    scroll-margin-top: 100px;\r\n}\r\n\r\n#jrcBrands .jrc-brands-container {\r\n    max-width: 1350px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ========== HEADING ========== *\/\r\n\r\n#jrcBrands .jrc-brands-heading {\r\n    text-align: center;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n#jrcBrands .jrc-brands-label {\r\n    display: inline-block;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    color: #076bd4;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n#jrcBrands .jrc-brands-heading h2 {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: clamp(25px,2.8vw,34px);\r\n    font-weight: 900;\r\n    color: #092650;\r\n    margin: 0 0 9px;\r\n    line-height: 1.4;\r\n}\r\n\r\n#jrcBrands .jrc-brands-heading h2 span {\r\n    color: #0874dd;\r\n}\r\n\r\n#jrcBrands .jrc-brands-heading p {\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    color: #5d6c80;\r\n    font-weight: 600;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n    max-width: 700px;\r\n}\r\n\r\n\/* ========== GRID ========== *\/\r\n\r\n#jrcBrands .jrc-brands-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(8,minmax(0,1fr));\r\n    gap: 12px;\r\n    direction: rtl;\r\n}\r\n\r\n\/* ========== BRAND CARD ========== *\/\r\n\r\n#jrcBrands .jrc-brand-card {\r\n    min-width: 0;\r\n    height: 100px;\r\n    background: #ffffff;\r\n    border: 1px solid #e1eaf4;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 12px 6px;\r\n    box-shadow: 0 3px 12px rgba(0,44,90,.04);\r\n    transition: all .3s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n#jrcBrands .jrc-brand-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #a8d6ff;\r\n    box-shadow: 0 10px 25px rgba(0,87,175,.1);\r\n}\r\n\r\n\/* ========== ENGLISH LOGO TEXT ========== *\/\r\n\r\n#jrcBrands .jrc-brand-logo {\r\n    width: 100%;\r\n    min-height: 33px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 5px;\r\n    white-space: nowrap;\r\n    direction: ltr;\r\n    line-height: 1;\r\n}\r\n\r\n\/* ========== ARABIC NAME ========== *\/\r\n\r\n#jrcBrands .jrc-brand-arabic {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: #283e5c;\r\n    line-height: 1.3;\r\n    text-align: center;\r\n}\r\n\r\n\/* =================================\r\n   BRAND LOGO STYLES\r\n================================= *\/\r\n\r\n\/* SAMSUNG *\/\r\n#jrcBrands .jrc-samsung {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    letter-spacing: -.7px;\r\n    font-style: italic;\r\n    color: #102f95;\r\n}\r\n\r\n\/* LG *\/\r\n#jrcBrands .jrc-lg {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    color: #676767;\r\n}\r\n\r\n#jrcBrands .jrc-lg-mark {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    background: #a50034;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\/* WHIRLPOOL *\/\r\n#jrcBrands .jrc-whirlpool {\r\n    position: relative;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 17px;\r\n    color: #252525;\r\n    font-weight: 700;\r\n    letter-spacing: -.8px;\r\n}\r\n\r\n#jrcBrands .jrc-whirlpool::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 15%;\r\n    bottom: 0;\r\n    width: 70%;\r\n    height: 7px;\r\n    border-bottom: 2px solid #f2a400;\r\n    border-radius: 50%;\r\n    transform: rotate(-10deg);\r\n}\r\n\r\n\/* BOSCH *\/\r\n#jrcBrands .jrc-bosch {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    color: #e30613;\r\n}\r\n\r\n#jrcBrands .jrc-bosch-mark {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    border: 2px solid #555;\r\n    border-radius: 50%;\r\n    color: #555;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* HAIER *\/\r\n#jrcBrands .jrc-haier {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    letter-spacing: -1.1px;\r\n    color: #005aaa;\r\n}\r\n\r\n\/* HITACHI *\/\r\n#jrcBrands .jrc-hitachi {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    color: #e60012;\r\n}\r\n\r\n\/* PANASONIC *\/\r\n#jrcBrands .jrc-panasonic {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n    color: #003e89;\r\n    letter-spacing: -.7px;\r\n}\r\n\r\n\/* TOSHIBA *\/\r\n#jrcBrands .jrc-toshiba {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    color: #eb001b;\r\n}\r\n\r\n\/* MIDEA *\/\r\n#jrcBrands .jrc-midea {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    font-style: italic;\r\n    color: #168bd2;\r\n}\r\n\r\n\/* BEKO *\/\r\n#jrcBrands .jrc-beko {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 27px;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n    color: #008bc9;\r\n    text-transform: lowercase;\r\n}\r\n\r\n\/* ELECTROLUX *\/\r\n#jrcBrands .jrc-electrolux {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: -.5px;\r\n    color: #001c5b;\r\n}\r\n\r\n\/* DAEWOO *\/\r\n#jrcBrands .jrc-daewoo {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 900;\r\n    letter-spacing: -.8px;\r\n    color: #1352a2;\r\n}\r\n\r\n\/* SHARP *\/\r\n#jrcBrands .jrc-sharp {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n    letter-spacing: -.5px;\r\n    color: #e30613;\r\n}\r\n\r\n\/* ARISTON *\/\r\n#jrcBrands .jrc-ariston {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    color: #df2029;\r\n}\r\n\r\n\/* MAYTAG *\/\r\n#jrcBrands .jrc-maytag {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n    color: #202e45;\r\n}\r\n\r\n\/* HISENSE *\/\r\n#jrcBrands .jrc-hisense {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    color: #00a8a2;\r\n}\r\n\r\n\/* ========== TABLET ========== *\/\r\n\r\n@media(max-width:1050px) {\r\n    #jrcBrands .jrc-brands-grid {\r\n        grid-template-columns: repeat(4,minmax(0,1fr));\r\n        gap: 13px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brand-card {\r\n        height: 98px;\r\n    }\r\n}\r\n\r\n\/* ========== MOBILE ========== *\/\r\n\r\n@media(max-width:600px) {\r\n    #jrcBrands {\r\n        padding: 38px 12px 45px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brands-heading {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brands-heading h2 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brands-heading p {\r\n        font-size: 13px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    #jrcBrands .jrc-brands-grid {\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 11px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brand-card {\r\n        height: 96px;\r\n        padding: 12px 6px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brand-arabic {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* ========== SMALL MOBILE ========== *\/\r\n\r\n@media(max-width:360px) {\r\n    #jrcBrands .jrc-brands-grid {\r\n        gap: 8px;\r\n    }\r\n\r\n    #jrcBrands .jrc-brand-card {\r\n        height: 90px;\r\n    }\r\n\r\n    #jrcBrands .jrc-samsung,\r\n    #jrcBrands .jrc-whirlpool,\r\n    #jrcBrands .jrc-panasonic,\r\n    #jrcBrands .jrc-electrolux {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n    #jrcBrands .jrc-brand-card {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ========== BRANDS HTML ========== -->\r\n\r\n<section id=\"jrcBrands\" dir=\"rtl\">\r\n\r\n<div class=\"jrc-brands-container\" id=\"brands\">\r\n\r\n    <!-- HEADING -->\r\n    <div class=\"jrc-brands-heading\">\r\n\r\n        <span class=\"jrc-brands-label\">\r\n            \u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627\r\n        <\/span>\r\n\r\n        <h2>\r\n            \u0635\u064a\u0627\u0646\u0629 \u062c\u0645\u064a\u0639 \u0645\u0627\u0631\u0643\u0627\u062a\r\n            <span>\u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a<\/span>\r\n            \u0641\u064a \u062c\u062f\u0629\r\n        <\/h2>\r\n\r\n        <p>\r\n            \u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u0627\u062a\r\n            \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\r\n            \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a\u060c\r\n            \u0645\u0639 \u0641\u062d\u0635 \u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0648\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- ========== BRAND GRID ========== -->\r\n\r\n    <div class=\"jrc-brands-grid\">\r\n\r\n        <!-- 1 SAMSUNG -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-samsung\">\r\n                SAMSUNG\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0633\u0627\u0645\u0633\u0648\u0646\u062c\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 2 LG -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-lg\">\r\n                <span class=\"jrc-lg-mark\">LG<\/span>\r\n                <span>LG<\/span>\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0625\u0644 \u062c\u064a\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 3 WHIRLPOOL -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-whirlpool\">\r\n                Whirlpool\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0648\u064a\u0631\u0644\u0628\u0648\u0644\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 4 BOSCH -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-bosch\">\r\n                <span class=\"jrc-bosch-mark\">H<\/span>\r\n                BOSCH\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0628\u0648\u0634\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 5 HAIER -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-haier\">\r\n                Haier\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0647\u0627\u064a\u0631\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 6 HITACHI -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-hitachi\">\r\n                HITACHI\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0647\u064a\u062a\u0627\u0634\u064a\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 7 PANASONIC -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-panasonic\">\r\n                Panasonic\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0628\u0627\u0646\u0627\u0633\u0648\u0646\u064a\u0643\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 8 TOSHIBA -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-toshiba\">\r\n                TOSHIBA\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u062a\u0648\u0634\u064a\u0628\u0627\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 9 MIDEA -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-midea\">\r\n                Midea\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0645\u064a\u062f\u064a\u0627\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 10 BEKO -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-beko\">\r\n                beko\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0628\u064a\u0643\u0648\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 11 ELECTROLUX -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-electrolux\">\r\n                Electrolux\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0625\u0644\u0643\u062a\u0631\u0648\u0644\u0648\u0643\u0633\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 12 DAEWOO -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-daewoo\">\r\n                DAEWOO\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u062f\u0627\u064a\u0648\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 13 SHARP -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-sharp\">\r\n                SHARP\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0634\u0627\u0631\u0628\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 14 ARISTON -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-ariston\">\r\n                ARISTON\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0623\u0631\u064a\u0633\u062a\u0648\u0646\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 15 MAYTAG -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-maytag\">\r\n                MAYTAG\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0645\u064a\u062a\u0627\u062c\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- 16 HISENSE -->\r\n        <div class=\"jrc-brand-card\">\r\n            <div class=\"jrc-brand-logo jrc-hisense\">\r\n                Hisense\r\n            <\/div>\r\n            <span class=\"jrc-brand-arabic\">\r\n                \u0647\u0627\u064a\u0633\u0646\u0633\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<!-- END BRANDS SECTION -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ef455d0 e-con e-atomic-element e-flexbox-base e-default-div e-f2aef8a \" data-id=\"ef455d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ef455d0\">\n    <div class=\"elementor-element elementor-element-52b81a4 e-con-full e-flex e-con e-parent\" data-id=\"52b81a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-071069f elementor-widget elementor-widget-html\" data-id=\"071069f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- ============================================\n     \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629\n     CUSTOMER REVIEWS SECTION\n     Arabic RTL | 4 Reviews | Responsive\n============================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== MAIN SECTION ===== *\/\n#jrcReviews,\n#jrcReviews * {\n    box-sizing: border-box;\n}\n\n#jrcReviews {\n    width: 100%;\n    margin: 0;\n    padding: 36px 20px 48px;\n    background: linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #f7fbff 100%\n    );\n    direction: rtl;\n    font-family: 'Tajawal', sans-serif;\n}\n\n#jrcReviews .jrc-reviews-container {\n    width: 100%;\n    max-width: 1320px;\n    margin: 0 auto;\n}\n\n\/* ===== SECTION HEADING ===== *\/\n#jrcReviews .jrc-reviews-heading {\n    text-align: center;\n    margin-bottom: 26px;\n}\n\n#jrcReviews .jrc-reviews-heading h2 {\n    font-family: 'Tajawal', sans-serif;\n    color: #08264e !important;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1.35;\n    margin: 0 0 5px;\n    padding: 0;\n}\n\n#jrcReviews .jrc-reviews-heading p {\n    font-family: 'Tajawal', sans-serif;\n    color: #566984;\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.7;\n    margin: 0;\n    padding: 0;\n}\n\n\/* ===== REVIEWS GRID ===== *\/\n#jrcReviews .jrc-reviews-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n    align-items: stretch;\n}\n\n\/* ===== REVIEW CARD ===== *\/\n#jrcReviews .jrc-review-card {\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 13px;\n    min-width: 0;\n    min-height: 137px;\n    padding: 17px 14px;\n    background: #ffffff;\n    border: 1px solid #e5edf7;\n    border-radius: 11px;\n    box-shadow: 0 4px 18px rgba(7, 48, 95, .055);\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n#jrcReviews .jrc-review-card:hover {\n    transform: translateY(-5px);\n    border-color: #bedfff;\n    box-shadow: 0 12px 28px rgba(8, 66, 135, .11);\n}\n\n\/* ===== CUSTOMER PHOTO ===== *\/\n#jrcReviews .jrc-review-avatar {\n    position: relative;\n    width: 60px;\n    height: 60px;\n    min-width: 60px;\n    border-radius: 50%;\n    overflow: hidden;\n    background: #e8f2fd;\n    border: 2px solid #e9f1fa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#jrcReviews .jrc-review-avatar img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n}\n\n#jrcReviews .jrc-review-avatar span {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 21px;\n    font-weight: 900;\n    color: #0873d9;\n    z-index: 0;\n}\n\n#jrcReviews .jrc-review-avatar img {\n    position: relative;\n    z-index: 1;\n}\n\n\/* ===== TEXT AREA ===== *\/\n#jrcReviews .jrc-review-content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    text-align: right;\n}\n\n\/* ===== FIVE STARS ===== *\/\n#jrcReviews .jrc-review-stars {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 2px;\n    direction: ltr;\n    color: #ff9b00;\n    margin: 0 0 7px;\n}\n\n#jrcReviews .jrc-review-stars svg {\n    width: 15px;\n    height: 15px;\n    fill: currentColor;\n    flex-shrink: 0;\n}\n\n\/* ===== REVIEW DESCRIPTION ===== *\/\n#jrcReviews .jrc-review-text {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 12.5px;\n    font-weight: 600;\n    line-height: 1.65;\n    color: #5a6680;\n    margin: 0 0 9px;\n    padding: 0;\n}\n\n\/* ===== CUSTOMER NAME ===== *\/\n#jrcReviews .jrc-review-name {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 13px;\n    font-weight: 900;\n    line-height: 1.4;\n    color: #082a54;\n    margin: auto 0 2px;\n    padding: 0;\n}\n\n\/* ===== LOCATION ===== *\/\n#jrcReviews .jrc-review-city {\n    font-family: 'Tajawal', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    color: #788ba3;\n    margin: 0;\n}\n\n\/* ===== LAPTOP ===== *\/\n@media (max-width: 1150px) and (min-width: 901px) {\n\n    #jrcReviews .jrc-reviews-grid {\n        gap: 10px;\n    }\n\n    #jrcReviews .jrc-review-card {\n        padding: 14px 10px;\n        gap: 9px;\n    }\n\n    #jrcReviews .jrc-review-avatar {\n        width: 49px;\n        height: 49px;\n        min-width: 49px;\n    }\n\n    #jrcReviews .jrc-review-text {\n        font-size: 11.5px;\n    }\n\n    #jrcReviews .jrc-review-name {\n        font-size: 12px;\n    }\n}\n\n\/* ===== TABLET ===== *\/\n@media (max-width: 900px) and (min-width: 601px) {\n\n    #jrcReviews .jrc-reviews-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 15px;\n    }\n\n    #jrcReviews .jrc-review-card {\n        min-height: 140px;\n    }\n\n    #jrcReviews .jrc-review-text {\n        font-size: 13px;\n    }\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 600px) {\n\n    #jrcReviews {\n        padding: 36px 14px 42px;\n    }\n\n    #jrcReviews .jrc-reviews-heading {\n        margin-bottom: 23px;\n    }\n\n    #jrcReviews .jrc-reviews-heading h2 {\n        font-size: 27px;\n    }\n\n    #jrcReviews .jrc-reviews-heading p {\n        font-size: 13px;\n    }\n\n    #jrcReviews .jrc-reviews-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n\n    #jrcReviews .jrc-review-card {\n        min-height: 0;\n        padding: 16px 14px;\n        gap: 13px;\n    }\n\n    #jrcReviews .jrc-review-avatar {\n        width: 58px;\n        height: 58px;\n        min-width: 58px;\n    }\n\n    #jrcReviews .jrc-review-stars svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    #jrcReviews .jrc-review-text {\n        font-size: 13px;\n        line-height: 1.75;\n    }\n\n    #jrcReviews .jrc-review-name {\n        font-size: 14px;\n    }\n\n    #jrcReviews .jrc-review-city {\n        font-size: 12px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #jrcReviews .jrc-review-card {\n        transition: none;\n    }\n}\n<\/style>\n\n<!-- ====================================\n     REVIEWS HTML START\n==================================== -->\n\n<section id=\"jrcReviews\" dir=\"rtl\">\n\n    <div class=\"jrc-reviews-container\" id=\"reviews\">\n\n        <!-- HEADING -->\n        <div class=\"jrc-reviews-heading\">\n\n            <h2>\u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/h2>\n\n            <p>\n                \u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0645\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u062c\u062f\u0629\n            <\/p>\n\n        <\/div>\n\n        <!-- FOUR REVIEWS -->\n        <div class=\"jrc-reviews-grid\">\n\n            <!-- CUSTOMER 1 -->\n            <article class=\"jrc-review-card\">\n\n                <div class=\"jrc-review-avatar\">\n                    <span>\u0645<\/span>\n                    <img decoding=\"async\"\n                        src=\"https:\/\/i.pravatar.cc\/160?img=12\"\n                        alt=\"\u0635\u0648\u0631\u0629 \u0631\u0645\u0632\u064a\u0629 \u0644\u0644\u0639\u0645\u064a\u0644\"\n                        loading=\"lazy\"\n                        onerror=\"this.style.display='none'\">\n                <\/div>\n\n                <div class=\"jrc-review-content\">\n\n                    <div class=\"jrc-review-stars\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                    <\/div>\n\n                    <p class=\"jrc-review-text\">\n                        \u0641\u0646\u064a \u0645\u062d\u062a\u0631\u0641 \u0648\u0648\u0635\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f\n                        \u0648\u062a\u0645 \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0628\u0633\u0631\u0639\u0629.\n                    <\/p>\n\n                    <h3 class=\"jrc-review-name\">\n                        \u0645\u062d\u0645\u062f \u0633\u0627\u0644\u0645\n                    <\/h3>\n\n                    <span class=\"jrc-review-city\">\n                        \u062c\u062f\u0629\n                    <\/span>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CUSTOMER 2 -->\n            <article class=\"jrc-review-card\">\n\n                <div class=\"jrc-review-avatar\">\n                    <span>\u062e<\/span>\n                    <img decoding=\"async\"\n                        src=\"https:\/\/i.pravatar.cc\/160?img=13\"\n                        alt=\"\u0635\u0648\u0631\u0629 \u0631\u0645\u0632\u064a\u0629 \u0644\u0644\u0639\u0645\u064a\u0644\"\n                        loading=\"lazy\"\n                        onerror=\"this.style.display='none'\">\n                <\/div>\n\n                <div class=\"jrc-review-content\">\n\n                    <div class=\"jrc-review-stars\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                    <\/div>\n\n                    <p class=\"jrc-review-text\">\n                        \u062a\u0639\u0627\u0645\u0644 \u0631\u0627\u0642\u064d \u0648\u062e\u062f\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.\n                        \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u062a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0645\u0645\u062a\u0627\u0632 \u0627\u0644\u0622\u0646.\n                    <\/p>\n\n                    <h3 class=\"jrc-review-name\">\n                        \u062e\u0627\u0644\u062f \u0627\u0644\u0645\u0637\u064a\u0631\u064a\n                    <\/h3>\n\n                    <span class=\"jrc-review-city\">\n                        \u062c\u062f\u0629\n                    <\/span>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CUSTOMER 3 -->\n            <article class=\"jrc-review-card\">\n\n                <div class=\"jrc-review-avatar\">\n                    <span>\u0646<\/span>\n                    <img decoding=\"async\"\n                        src=\"https:\/\/i.pravatar.cc\/160?img=11\"\n                        alt=\"\u0635\u0648\u0631\u0629 \u0631\u0645\u0632\u064a\u0629 \u0644\u0644\u0639\u0645\u064a\u0644\"\n                        loading=\"lazy\"\n                        onerror=\"this.style.display='none'\">\n                <\/div>\n\n                <div class=\"jrc-review-content\">\n\n                    <div class=\"jrc-review-stars\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                    <\/div>\n\n                    <p class=\"jrc-review-text\">\n                        \u062a\u0645 \u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u062a\u064a \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u064a\u0648\u0645\u060c\n                        \u0648\u0628\u0633\u0639\u0631 \u0645\u0646\u0627\u0633\u0628. \u0634\u0643\u0631\u0627\u064b \u0644\u0643\u0645 \u0639\u0644\u0649 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\n                    <\/p>\n\n                    <h3 class=\"jrc-review-name\">\n                        \u0646\u0648\u0627\u0641 \u0627\u0644\u062d\u0631\u0628\u064a\n                    <\/h3>\n\n                    <span class=\"jrc-review-city\">\n                        \u062c\u062f\u0629\n                    <\/span>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CUSTOMER 4 -->\n            <article class=\"jrc-review-card\">\n\n                <div class=\"jrc-review-avatar\">\n                    <span>\u0623<\/span>\n                    <img decoding=\"async\"\n                        src=\"https:\/\/i.pravatar.cc\/160?img=14\"\n                        alt=\"\u0635\u0648\u0631\u0629 \u0631\u0645\u0632\u064a\u0629 \u0644\u0644\u0639\u0645\u064a\u0644\"\n                        loading=\"lazy\"\n                        onerror=\"this.style.display='none'\">\n                <\/div>\n\n                <div class=\"jrc-review-content\">\n\n                    <div class=\"jrc-review-stars\" aria-label=\"5 \u0645\u0646 5 \u0646\u062c\u0648\u0645\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 3.1 6.3 7 1-5.1 5 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5.1-5 7-1z\"\/><\/svg>\n                    <\/div>\n\n                    <p class=\"jrc-review-text\">\n                        \u062e\u062f\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0633\u0631\u064a\u0639\u0629\u060c\n                        \u0648\u0627\u0644\u0641\u0646\u064a \u0645\u062d\u062a\u0631\u0641 \u062c\u062f\u0627\u064b.\n                        \u0623\u0646\u0635\u062d \u0628\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0645.\n                    <\/p>\n\n                    <h3 class=\"jrc-review-name\">\n                        \u0623\u062d\u0645\u062f \u0627\u0644\u0634\u0647\u0631\u0627\u0646\u064a\n                    <\/h3>\n\n                    <span class=\"jrc-review-city\">\n                        \u062c\u062f\u0629\n                    <\/span>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<!-- END CUSTOMER REVIEWS -->\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5519822 e-con e-atomic-element e-flexbox-base e-default-div e-2d1c4b1 \" data-id=\"5519822\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5519822\">\n    <div class=\"elementor-element elementor-element-bce114f e-con-full e-flex e-con e-parent\" data-id=\"bce114f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c98d3b elementor-widget elementor-widget-html\" data-id=\"6c98d3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==========================================\r\n JEDDAH REPAIRING CENTER\r\n CONTACT US + AREAS WE SERVE\r\n REFRIGERATOR + WASHING MACHINE\r\n ARABIC RTL | RESPONSIVE | WHATSAPP FORM\r\n========================================== -->\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=Tajawal:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ========== MAIN SECTION ========== *\/\r\n\r\n#jrcContact,\r\n#jrcContact * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#jrcContact {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 335px;\r\n    margin: 0;\r\n    padding: 22px 20px;\r\n    direction: rtl;\r\n    font-family: 'Tajawal', sans-serif;\r\n    color: #08264c;\r\n    background-color: #cbe7ff;\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(235,247,255,.12),\r\n            rgba(221,240,255,.12)\r\n        ),\r\n        url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/Jeddah-Corniche-at-Golden-Hour.webp');\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center center;\r\n    overflow: hidden;\r\n    scroll-margin-top: 90px;\r\n}\r\n\r\n\/* MAIN CONTAINER *\/\r\n\r\n#jrcContact .jrc-contact-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    min-height: 291px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 36% 30% 34%;\r\n    gap: 0;\r\n    align-items: center;\r\n    direction: rtl;\r\n}\r\n\r\n\/* ========== RIGHT VISUAL ========== *\/\r\n\r\n#jrcContact .jrc-contact-visual {\r\n    position: relative;\r\n    height: 100%;\r\n    min-height: 270px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* LOCATION *\/\r\n\r\n#jrcContact .jrc-location-display {\r\n    position: absolute;\r\n    top: 44%;\r\n    right: 30%;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    color: #062951;\r\n    text-shadow: 0 1px 5px rgba(255,255,255,.75);\r\n}\r\n\r\n#jrcContact .jrc-location-display svg {\r\n    width: 35px;\r\n    height: 35px;\r\n    fill: #07376a;\r\n    stroke: #ffffff;\r\n    stroke-width: 1.5;\r\n}\r\n\r\n#jrcContact .jrc-location-display span {\r\n    font-size: 23px;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* ========== SERVICE AREAS ========== *\/\r\n\r\n#jrcContact .jrc-areas {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 14px 12px;\r\n    text-align: center;\r\n}\r\n\r\n#jrcContact .jrc-areas h2 {\r\n    font-family: inherit;\r\n    font-size: 24px;\r\n    line-height: 1.35;\r\n    font-weight: 900;\r\n    color: #082850;\r\n    margin: 0 0 7px;\r\n    padding: 0;\r\n}\r\n\r\n#jrcContact .jrc-areas-desc {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #24486c;\r\n    line-height: 1.6;\r\n    margin: 0 0 19px;\r\n}\r\n\r\n#jrcContact .jrc-areas-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4,minmax(0,1fr));\r\n    gap: 8px;\r\n    direction: rtl;\r\n}\r\n\r\n\/* AREA CARDS *\/\r\n\r\n#jrcContact .jrc-area {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 4px;\r\n    min-width: 0;\r\n    min-height: 34px;\r\n    padding: 7px 4px;\r\n    background: rgba(255,255,255,.87);\r\n    border: 1px solid rgba(224,238,252,.9);\r\n    border-radius: 7px;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    white-space: nowrap;\r\n    color: #0a376b;\r\n    box-shadow: 0 3px 12px rgba(0,65,135,.04);\r\n    transition: .25s ease;\r\n}\r\n\r\n#jrcContact .jrc-area::after {\r\n    content: \"\ud83d\udccd\";\r\n    font-size: 11px;\r\n    line-height: 1;\r\n}\r\n\r\n#jrcContact .jrc-area:hover {\r\n    background: #0774df;\r\n    color: #ffffff;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* ALL AREAS *\/\r\n\r\n#jrcContact .jrc-all-areas {\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n    padding: 9px 17px;\r\n    border-radius: 7px;\r\n    background: rgba(255,255,255,.92);\r\n    color: #0a376b;\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* ========== CONTACT FORM CARD ========== *\/\r\n\r\n#jrcContact .jrc-form-card {\r\n    width: 100%;\r\n    max-width: 430px;\r\n    margin: 0 auto 0 0;\r\n    padding: 19px 17px 17px;\r\n    background: rgba(255,255,255,.97);\r\n    border: 1px solid #eaf1fa;\r\n    border-radius: 13px;\r\n    box-shadow: 0 9px 35px rgba(0,67,140,.11);\r\n    direction: rtl;\r\n}\r\n\r\n\/* HEADING *\/\r\n\r\n#jrcContact .jrc-form-heading {\r\n    text-align: right;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n#jrcContact .jrc-form-heading h2 {\r\n    font-family: inherit;\r\n    font-size: 23px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    color: #082850;\r\n    margin: 0 0 5px;\r\n    padding: 0;\r\n}\r\n\r\n#jrcContact .jrc-form-heading p {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #526b87;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* FORM *\/\r\n\r\n#jrcContact .jrc-contact-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin: 0;\r\n}\r\n\r\n#jrcContact .jrc-form-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2,minmax(0,1fr));\r\n    gap: 9px;\r\n}\r\n\r\n\/* FIELD *\/\r\n\r\n#jrcContact .jrc-field {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n}\r\n\r\n#jrcContact .jrc-field svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 11px;\r\n    transform: translateY(-50%);\r\n    width: 17px;\r\n    height: 17px;\r\n    color: #0871d9;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* INPUTS *\/\r\n\r\n#jrcContact .jrc-field input,\r\n#jrcContact .jrc-field select,\r\n#jrcContact .jrc-field textarea {\r\n    display: block;\r\n    width: 100%;\r\n    min-width: 0;\r\n    margin: 0;\r\n    background: #ffffff;\r\n    border: 1px solid #cbd9e7;\r\n    border-radius: 6px;\r\n    color: #13395e;\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    outline: none;\r\n    box-shadow: none;\r\n    transition: border-color .25s,\r\n                box-shadow .25s;\r\n}\r\n\r\n#jrcContact .jrc-field input,\r\n#jrcContact .jrc-field select {\r\n    height: 42px;\r\n    padding: 9px 36px 9px 10px;\r\n}\r\n\r\n#jrcContact .jrc-field textarea {\r\n    min-height: 78px;\r\n    max-height: 150px;\r\n    padding: 12px 36px 10px 10px;\r\n    resize: vertical;\r\n    line-height: 1.6;\r\n}\r\n\r\n#jrcContact .jrc-field input::placeholder,\r\n#jrcContact .jrc-field textarea::placeholder {\r\n    color: #8998a9;\r\n    opacity: 1;\r\n}\r\n\r\n#jrcContact .jrc-field input:focus,\r\n#jrcContact .jrc-field select:focus,\r\n#jrcContact .jrc-field textarea:focus {\r\n    border-color: #0879e9;\r\n    box-shadow: 0 0 0 3px rgba(8,121,233,.1);\r\n    background: #ffffff;\r\n}\r\n\r\n\/* SELECT *\/\r\n\r\n#jrcContact .jrc-field select {\r\n    cursor: pointer;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    padding-left: 30px;\r\n    direction: rtl;\r\n}\r\n\r\n#jrcContact .jrc-field select:invalid {\r\n    color: #8998a9;\r\n}\r\n\r\n#jrcContact .jrc-select-arrow {\r\n    position: absolute;\r\n    left: 12px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #647d97;\r\n    font-size: 17px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* TEXTAREA ICON *\/\r\n\r\n#jrcContact .jrc-textarea-icon {\r\n    top: 12px !important;\r\n    transform: none !important;\r\n}\r\n\r\n\/* SUBMIT BUTTON *\/\r\n\r\n#jrcContact .jrc-submit-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: 100%;\r\n    min-height: 47px;\r\n    margin: 0;\r\n    padding: 11px 15px;\r\n    background: linear-gradient(135deg,#0878e8,#0651ae);\r\n    border: none;\r\n    border-radius: 7px;\r\n    color: #ffffff !important;\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    cursor: pointer;\r\n    box-shadow: 0 5px 14px rgba(0,82,180,.14);\r\n    transition: all .3s ease;\r\n}\r\n\r\n#jrcContact .jrc-submit-btn svg {\r\n    width: 23px;\r\n    height: 23px;\r\n    fill: currentColor;\r\n}\r\n\r\n#jrcContact .jrc-submit-btn:hover {\r\n    background: #064487;\r\n    color: #ffffff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* ========== MEDIUM DESKTOP ========== *\/\r\n\r\n@media (min-width:901px) and (max-width:1150px) {\r\n    #jrcContact {\r\n        padding: 20px 15px;\r\n    }\r\n\r\n    #jrcContact .jrc-contact-container {\r\n        grid-template-columns: 31% 33% 36%;\r\n    }\r\n\r\n    #jrcContact .jrc-areas {\r\n        padding: 10px 8px;\r\n    }\r\n\r\n    #jrcContact .jrc-areas h2 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    #jrcContact .jrc-areas-grid {\r\n        gap: 5px;\r\n    }\r\n\r\n    #jrcContact .jrc-area {\r\n        font-size: 10px;\r\n    }\r\n\r\n    #jrcContact .jrc-form-card {\r\n        padding: 15px 12px;\r\n    }\r\n\r\n    #jrcContact .jrc-form-heading h2 {\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n\/* ========== TABLET ========== *\/\r\n\r\n@media (min-width:701px) and (max-width:900px) {\r\n    #jrcContact {\r\n        min-height: 0;\r\n        padding: 35px 20px;\r\n    }\r\n\r\n    #jrcContact .jrc-contact-container {\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n        gap: 22px;\r\n    }\r\n\r\n    #jrcContact .jrc-contact-visual {\r\n        display: none;\r\n    }\r\n\r\n    #jrcContact .jrc-areas {\r\n        padding: 15px;\r\n        border-radius: 12px;\r\n        background: rgba(224,242,255,.72);\r\n    }\r\n\r\n    #jrcContact .jrc-areas-grid {\r\n        grid-template-columns: repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n    #jrcContact .jrc-form-card {\r\n        margin: auto;\r\n    }\r\n}\r\n\r\n\/* ========== MOBILE ========== *\/\r\n\r\n@media (max-width:700px) {\r\n    #jrcContact {\r\n        min-height: 0;\r\n        padding: 0 0 36px;\r\n        background-image: linear-gradient(\r\n            180deg,\r\n            #e5f4ff,\r\n            #cce8fc\r\n        );\r\n    }\r\n\r\n    #jrcContact .jrc-contact-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-height: 0;\r\n        gap: 0;\r\n    }\r\n\r\n    \/* CITY IMAGE *\/\r\n\r\n    #jrcContact .jrc-contact-visual {\r\n        width: 100%;\r\n        height: 205px;\r\n        min-height: 205px;\r\n        margin: 0 0 24px;\r\n        background-image: url('https:\/\/jeddahrepairing-center.com\/wp-content\/uploads\/2026\/10\/Jeddah-Corniche-at-Golden-Hour.webp');\r\n        background-size: cover;\r\n        background-position: 80% center;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    #jrcContact .jrc-location-display {\r\n        top: 37%;\r\n        right: 28%;\r\n    }\r\n\r\n    #jrcContact .jrc-location-display svg {\r\n        width: 29px;\r\n        height: 29px;\r\n    }\r\n\r\n    #jrcContact .jrc-location-display span {\r\n        font-size: 19px;\r\n    }\r\n\r\n    \/* AREAS *\/\r\n\r\n    #jrcContact .jrc-areas {\r\n        order: 1;\r\n        width: calc(100% - 28px);\r\n        max-width: 520px;\r\n        margin: 0 auto 25px;\r\n        padding: 20px 15px;\r\n        border-radius: 12px;\r\n        background: rgba(255,255,255,.45);\r\n    }\r\n\r\n    #jrcContact .jrc-areas h2 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    #jrcContact .jrc-areas-desc {\r\n        font-size: 13px;\r\n        margin-bottom: 17px;\r\n    }\r\n\r\n    #jrcContact .jrc-areas-grid {\r\n        grid-template-columns: repeat(3,minmax(0,1fr));\r\n        gap: 8px;\r\n    }\r\n\r\n    #jrcContact .jrc-area {\r\n        font-size: 12px;\r\n        min-height: 37px;\r\n    }\r\n\r\n    \/* FORM *\/\r\n\r\n    #jrcContact .jrc-form-card {\r\n        order: 2;\r\n        width: calc(100% - 28px);\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n        padding: 22px 16px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    #jrcContact .jrc-form-heading {\r\n        text-align: center;\r\n    }\r\n\r\n    #jrcContact .jrc-form-heading h2 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    #jrcContact .jrc-form-heading p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    #jrcContact .jrc-contact-form {\r\n        gap: 11px;\r\n    }\r\n\r\n    #jrcContact .jrc-field input,\r\n    #jrcContact .jrc-field select {\r\n        height: 47px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    #jrcContact .jrc-field textarea {\r\n        min-height: 95px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    #jrcContact .jrc-submit-btn {\r\n        min-height: 50px;\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n\/* ========== SMALL MOBILE ========== *\/\r\n\r\n@media (max-width:380px) {\r\n    #jrcContact .jrc-areas-grid {\r\n        grid-template-columns: repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    #jrcContact .jrc-form-card {\r\n        padding: 18px 12px;\r\n    }\r\n\r\n    #jrcContact .jrc-form-row {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n    #jrcContact .jrc-area,\r\n    #jrcContact .jrc-submit-btn {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ========== CONTACT HTML ========== -->\r\n\r\n<section id=\"jrcContact\" dir=\"rtl\">\r\n\r\n    <div class=\"jrc-contact-container\">\r\n\r\n        <!-- RIGHT SIDE CITY VISUAL -->\r\n\r\n        <div class=\"jrc-contact-visual\">\r\n\r\n            <div class=\"jrc-location-display\">\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1116 0z\"\/>\r\n                    <circle cx=\"12\" cy=\"10\" r=\"3\"\r\n                            fill=\"#fff\" stroke=\"none\"\/>\r\n                <\/svg>\r\n\r\n                <span>\u062c\u062f\u0629<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ========== AREAS WE SERVE ========== -->\r\n\r\n        <div class=\"jrc-areas\">\r\n\r\n            <h2>\u0645\u0646\u0627\u0637\u0642 \u062e\u062f\u0645\u062a\u0646\u0627 \u0641\u064a \u062c\u062f\u0629<\/h2>\r\n\r\n            <p class=\"jrc-areas-desc\">\r\n                \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0648\u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0641\u064a \u0623\u062d\u064a\u0627\u0621 \u062c\u062f\u0629.\r\n                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u0648\u0641\u0631 \u0627\u0644\u062e\u062f\u0645\u0629 \u0641\u064a \u062d\u064a\u0651\u0643.\r\n            <\/p>\r\n\r\n            <div class=\"jrc-areas-grid\">\r\n\r\n                <span class=\"jrc-area\">\u0627\u0644\u0631\u0648\u064a\u0633<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0646\u0632\u0647\u0629<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0641\u064a\u0635\u0644\u064a\u0629<\/span>\r\n\r\n                <span class=\"jrc-area\">\u0627\u0644\u0635\u0641\u0627<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0628\u0648\u0627\u062f\u064a<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0639\u0632\u064a\u0632\u064a\u0629<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u062d\u0645\u062f\u0627\u0646\u064a\u0629<\/span>\r\n\r\n                <span class=\"jrc-area\">\u0627\u0644\u0645\u0631\u0648\u0629<\/span>\r\n                <span class=\"jrc-area\">\u0623\u0628\u062d\u0631<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0645\u062d\u0645\u062f\u064a\u0629<\/span>\r\n                <span class=\"jrc-area\">\u0627\u0644\u0646\u0639\u064a\u0645<\/span>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"jrc-all-areas\">\r\n                \u0627\u0633\u062a\u0641\u0633\u0631 \u0639\u0646 \u0627\u0644\u062e\u062f\u0645\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u062a\u0643\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n        <!-- ========== CONTACT FORM ========== -->\r\n\r\n        <div class=\"jrc-form-card\" id=\"contact\">\r\n\r\n            <div class=\"jrc-form-heading\">\r\n\r\n                <h2>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/h2>\r\n\r\n                <p>\r\n                    \u0627\u062d\u062c\u0632 \u062e\u062f\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a\r\n                    \u0648\u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a\u0629 \u0641\u064a \u062c\u062f\u0629\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <form\r\n                class=\"jrc-contact-form\"\r\n                id=\"jrcWhatsappForm\">\r\n\r\n                <!-- NAME + PHONE -->\r\n\r\n                <div class=\"jrc-form-row\">\r\n\r\n                    <!-- PHONE -->\r\n                    <div class=\"jrc-field\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M22 16.92v3a2 2 0 01-2.18 2A19.8 19.8 0 013 5.18 2 2 0 015 3h3a2 2 0 012 1.72l.4 2.81a2 2 0 01-.57 1.7L8.1 10.96a16 16 0 004.94 4.94l1.73-1.73a2 2 0 011.7-.57l2.81.4A2 2 0 0122 16.92z\"\/>\r\n                        <\/svg>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            id=\"jrcCustomerPhone\"\r\n                            name=\"phone\"\r\n                            placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\"\r\n                            aria-label=\"\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\"\r\n                            minlength=\"9\"\r\n                            maxlength=\"20\"\r\n                            autocomplete=\"tel\"\r\n                            required>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- NAME -->\r\n                    <div class=\"jrc-field\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n                            <path d=\"M4 21v-2a8 8 0 0116 0v2\"\/>\r\n                        <\/svg>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"jrcCustomerName\"\r\n                            name=\"name\"\r\n                            placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\"\r\n                            aria-label=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\"\r\n                            autocomplete=\"name\"\r\n                            required>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- =================================\r\n                     REFRIGERATOR + WASHER SERVICES\r\n                ================================= -->\r\n\r\n                <div class=\"jrc-field\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 6h16M4 12h16M4 18h16\"\/>\r\n                    <\/svg>\r\n\r\n                    <select\r\n                        id=\"jrcServiceType\"\r\n                        name=\"service\"\r\n                        aria-label=\"\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\"\r\n                        required>\r\n\r\n                        <option value=\"\" selected disabled>\r\n                            \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\r\n                        <\/option>\r\n\r\n                        <!-- REFRIGERATOR SERVICES -->\r\n\r\n                        <optgroup label=\"\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a\">\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0639\u0627\u0645\">\r\n                                \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u0644\u0627 \u062a\u0628\u0631\u062f\">\r\n                                \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0644\u0627 \u062a\u0628\u0631\u062f\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u0636\u0639\u0641 \u0627\u0644\u062a\u0628\u0631\u064a\u062f\">\r\n                                \u0636\u0639\u0641 \u062a\u0628\u0631\u064a\u062f \u0627\u0644\u062b\u0644\u0627\u062c\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0643\u0645\u0628\u0631\u0648\u0633\u0631\">\r\n                                \u0625\u0635\u0644\u0627\u062d \u0643\u0645\u0628\u0631\u0648\u0633\u0631 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\">\r\n                                \u062a\u0633\u0631\u0628 \u0645\u064a\u0627\u0647 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u062a\u063a\u064a\u064a\u0631 \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631\">\r\n                                \u062a\u063a\u064a\u064a\u0631 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0627\u0644\u062b\u0644\u0627\u062c\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u0635\u064a\u0627\u0646\u0629 \u062f\u0648\u0631\u064a\u0629\">\r\n                                \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0644\u0644\u062b\u0644\u0627\u062c\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u062b\u0644\u0627\u062c\u0629 - \u0623\u0639\u0637\u0627\u0644 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\">\r\n                                \u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\r\n                            <\/option>\r\n\r\n                        <\/optgroup>\r\n\r\n                        <!-- WASHING MACHINE SERVICES -->\r\n\r\n                        <optgroup label=\"\u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a\">\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0639\u0627\u0645\">\r\n                                \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0644\u0627 \u062a\u0639\u0645\u0644\">\r\n                                \u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0644\u0627 \u062a\u0639\u0645\u0644\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0644\u0627 \u062a\u062f\u0648\u0631\">\r\n                                \u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0644\u0627 \u062a\u062f\u0648\u0631\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0644\u0627 \u062a\u0639\u0635\u0631\">\r\n                                \u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0644\u0627 \u062a\u0639\u0635\u0631 \u0627\u0644\u0645\u0644\u0627\u0628\u0633\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647\">\r\n                                \u062a\u0633\u0631\u0628 \u0645\u064a\u0627\u0647 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0645\u0634\u0643\u0644\u0629 \u062a\u0635\u0631\u064a\u0641 \u0627\u0644\u0645\u064a\u0627\u0647\">\r\n                                \u0645\u0634\u0643\u0644\u0629 \u062a\u0635\u0631\u064a\u0641 \u0627\u0644\u0645\u064a\u0627\u0647\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0648\u062a\u0648\u0631\">\r\n                                \u0625\u0635\u0644\u0627\u062d \u0645\u0648\u062a\u0648\u0631 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062d\u0644\u0629\">\r\n                                \u0625\u0635\u0644\u0627\u062d \u062d\u0644\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0625\u0635\u0644\u0627\u062d \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\">\r\n                                \u0625\u0635\u0644\u0627\u062d \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u0623\u0635\u0648\u0627\u062a \u0623\u0648 \u0627\u0647\u062a\u0632\u0627\u0632\u0627\u062a\">\r\n                                \u0623\u0635\u0648\u0627\u062a \u0623\u0648 \u0627\u0647\u062a\u0632\u0627\u0632\u0627\u062a \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u062a\u0646\u0638\u064a\u0641 \u0648\u0635\u064a\u0627\u0646\u0629 \u062f\u0648\u0631\u064a\u0629\">\r\n                                \u062a\u0646\u0638\u064a\u0641 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                            <option value=\"\u063a\u0633\u0627\u0644\u0629 - \u062a\u063a\u064a\u064a\u0631 \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631\">\r\n                                \u062a\u063a\u064a\u064a\u0631 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0627\u0644\u063a\u0633\u0627\u0644\u0629\r\n                            <\/option>\r\n\r\n                        <\/optgroup>\r\n\r\n                        <!-- OTHER -->\r\n\r\n                        <optgroup label=\"\u062e\u062f\u0645\u0627\u062a \u0623\u062e\u0631\u0649\">\r\n\r\n                            <option value=\"\u062e\u062f\u0645\u0629 \u0623\u062e\u0631\u0649\">\r\n                                \u062e\u062f\u0645\u0629 \u0623\u062e\u0631\u0649\r\n                            <\/option>\r\n\r\n                        <\/optgroup>\r\n\r\n                    <\/select>\r\n\r\n                    <span class=\"jrc-select-arrow\">\u2304<\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- MESSAGE FIELD -->\r\n\r\n                <div class=\"jrc-field\">\r\n\r\n                    <svg class=\"jrc-textarea-icon\"\r\n                         viewBox=\"0 0 24 24\">\r\n                        <path d=\"M21 11.5a8.4 8.4 0 01-.9 3.8A8.5 8.5 0 0112.5 20a8.4 8.4 0 01-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 01-.9-3.8A8.5 8.5 0 018.7 3.9a8.4 8.4 0 013.8-.9h.5a8.48 8.48 0 018 8z\"\/>\r\n                    <\/svg>\r\n\r\n                    <textarea\r\n                        id=\"jrcCustomerMessage\"\r\n                        name=\"message\"\r\n                        placeholder=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0623\u0648 \u0645\u0627\u0631\u0643\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\"\r\n                        aria-label=\"\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\"\r\n                        rows=\"3\"><\/textarea>\r\n\r\n                <\/div>\r\n\r\n                <!-- SEND BUTTON -->\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"jrc-submit-btn\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20.52 3.48A11.87 11.87 0 0012.05 0C5.48 0 .13 5.35.12 11.93a11.86 11.86 0 001.59 5.95L0 24l6.3-1.65a11.96 11.96 0 005.74 1.46h.01c6.57 0 11.92-5.35 11.93-11.93a11.87 11.87 0 00-3.46-8.4zM12.05 21.8a9.91 9.91 0 01-5.05-1.38l-.36-.21-3.74.98 1-3.64-.24-.37a9.84 9.84 0 01-1.52-5.25c0-5.46 4.45-9.9 9.91-9.9a9.86 9.86 0 017.01 2.9 9.84 9.84 0 012.89 7c0 5.46-4.45 9.9-9.9 9.9zm5.44-7.42c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.1 4.49.71.31 1.27.49 1.7.63.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.69.25-1.28.17-1.41-.07-.12-.27-.2-.57-.35z\"\/>\r\n                    <\/svg>\r\n\r\n                    \u0625\u0631\u0633\u0627\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n WHATSAPP FORM JAVASCRIPT\r\n========================================== -->\r\n\r\n<script>\r\n(function () {\r\n\r\n    const form = document.getElementById('jrcWhatsappForm');\r\n\r\n    if (!form || form.dataset.jrcBound === 'true') return;\r\n    form.dataset.jrcBound = 'true';\r\n\r\n    form.addEventListener('submit', function (e) {\r\n\r\n        e.preventDefault();\r\n\r\n        if (!form.reportValidity()) return;\r\n\r\n        const name = document\r\n            .getElementById('jrcCustomerName')\r\n            .value.trim();\r\n\r\n        const phone = document\r\n            .getElementById('jrcCustomerPhone')\r\n            .value.trim();\r\n\r\n        const service = document\r\n            .getElementById('jrcServiceType')\r\n            .value;\r\n\r\n        const message = document\r\n            .getElementById('jrcCustomerMessage')\r\n            .value.trim();\r\n\r\n        \/* VALIDATE FORM *\/\r\n\r\n        if (!name || !phone || !service) {\r\n            alert('\u064a\u0631\u062c\u0649 \u062a\u0639\u0628\u0626\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629');\r\n            return;\r\n        }\r\n\r\n        \/* SUPPORT ENGLISH AND ARABIC NUMERALS *\/\r\n\r\n        const normalizedPhone = phone\r\n            .replace(\/[\u0660-\u0669]\/g, d =>\r\n                String(d.charCodeAt(0) - 1632)\r\n            )\r\n            .replace(\/[\u06f0-\u06f9]\/g, d =>\r\n                String(d.charCodeAt(0) - 1776)\r\n            );\r\n\r\n        const phoneDigits = normalizedPhone.replace(\/\\D\/g, '');\r\n\r\n        if (phoneDigits.length < 9 || phoneDigits.length > 15) {\r\n            alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u062c\u0648\u0627\u0644 \u0635\u062d\u064a\u062d');\r\n            return;\r\n        }\r\n\r\n        \/* DETECT APPLIANCE TYPE *\/\r\n\r\n        let applianceType = '\u062e\u062f\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0623\u062e\u0631\u0649';\r\n\r\n        if (service.startsWith('\u062b\u0644\u0627\u062c\u0629')) {\r\n            applianceType = '\u062b\u0644\u0627\u062c\u0629';\r\n        } else if (service.startsWith('\u063a\u0633\u0627\u0644\u0629')) {\r\n            applianceType = '\u063a\u0633\u0627\u0644\u0629 \u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a\u0629';\r\n        }\r\n\r\n        \/* WHATSAPP NUMBER *\/\r\n\r\n        const whatsappNumber = '966550647256';\r\n\r\n        \/* MESSAGE *\/\r\n\r\n        const whatsappMessage = [\r\n            '\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u064a\u0643\u0645 \u0648\u0631\u062d\u0645\u0629 \u0627\u0644\u0644\u0647 \u0648\u0628\u0631\u0643\u0627\u062a\u0647',\r\n            '',\r\n            '\u0623\u0631\u063a\u0628 \u0641\u064a \u0637\u0644\u0628 \u062e\u062f\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0645\u0646 \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629',\r\n            '',\r\n            '\u0627\u0644\u0627\u0633\u0645: ' + name,\r\n            '\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644: ' + phone,\r\n            '\u0646\u0648\u0639 \u0627\u0644\u062c\u0647\u0627\u0632: ' + applianceType,\r\n            '\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629: ' + service,\r\n            '\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629: ' +\r\n                (message || '\u0644\u0627 \u062a\u0648\u062c\u062f \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629'),\r\n            '',\r\n            '\u0627\u0644\u0645\u062f\u064a\u0646\u0629: \u062c\u062f\u0629',\r\n            '',\r\n            '\u062a\u0645 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0637\u0644\u0628 \u0645\u0646 \u0645\u0648\u0642\u0639 \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u062c\u062f\u0629'\r\n        ].join('\\n');\r\n\r\n        \/* OPEN WHATSAPP *\/\r\n\r\n        const whatsappURL =\r\n            'https:\/\/wa.me\/' +\r\n            whatsappNumber +\r\n            '?text=' +\r\n            encodeURIComponent(whatsappMessage);\r\n\r\n        window.location.href = whatsappURL;\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- END CONTACT SECTION -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0641\u064a \u062c\u062f\u0629 \u062e\u062f\u0645\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u062b\u0644\u0627\u062c\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643 \u0628\u062c\u062f\u0629. \u0641\u0646\u064a\u0648\u0646 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0644\u0635\u064a\u0627\u0646\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":22,"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/jeddahrepairing-center.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}