{"id":27,"date":"2026-05-23T01:58:17","date_gmt":"2026-05-23T01:58:17","guid":{"rendered":"https:\/\/alkaabiadvocate.com\/?page_id=27"},"modified":"2026-06-09T13:50:26","modified_gmt":"2026-06-09T13:50:26","slug":"%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/alkaabiadvocate.com\/?page_id=27","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2599b0 e-con-full e-flex e-con e-parent\" data-id=\"d2599b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96b7c5a elementor-widget elementor-widget-html\" data-id=\"96b7c5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n  \u0635\u0641\u062d\u0629 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 (Contact)\r\n  \u0645\u0648\u0642\u0639: \u0634\u064a\u0645\u0627\u0621 \u063a\u0627\u0646\u0645 \u0627\u0644\u0643\u0639\u0628\u064a \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629\r\n  \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0646\u0633\u062e \u0641\u064a Elementor HTML Widget\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&family=Cormorant+Garamond:wght@500;600;700&display=swap');\r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css');\r\n\r\n    :root {\r\n        --sgk-navy: #1F3A5F;\r\n        --sgk-navy-dark: #152843;\r\n        --sgk-navy-light: #2C4F7C;\r\n        --sgk-gold: #B89B5E;\r\n        --sgk-gold-bright: #D4B574;\r\n        --sgk-gold-soft: #E8D9B5;\r\n        --sgk-gold-deep: #8A7140;\r\n        --sgk-black: #0A1628;\r\n        --sgk-cream: #F5F1E8;\r\n        --sgk-white: #FFFFFF;\r\n        --sgk-dark-gray: #2C2C2C;\r\n        --sgk-mid-gray: #8A8A8A;\r\n        --sgk-light-gray: #E8E5DC;\r\n    }\r\n\r\n    .sgk-contact-page * { box-sizing: border-box; }\r\n\r\n    .sgk-contact-page {\r\n        font-family: 'Tajawal', sans-serif;\r\n        color: var(--sgk-dark-gray);\r\n        line-height: 1.7;\r\n        direction: rtl;\r\n    }\r\n\r\n    .sgk-contact-page h1, .sgk-contact-page h2, .sgk-contact-page h3 {\r\n        font-family: 'Tajawal', sans-serif;\r\n        margin: 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .sgk-contact-page p { margin: 0; }\r\n    .sgk-contact-page ul { list-style: none; padding: 0; margin: 0; }\r\n    .sgk-contact-page a { text-decoration: none; color: inherit; }\r\n\r\n    @keyframes sgkGoldShimmer {\r\n        0% { background-position: 200% center; }\r\n        100% { background-position: -200% center; }\r\n    }\r\n\r\n    @keyframes sgkBtnGoldFlow {\r\n        0% { background-position: 0% center; }\r\n        100% { background-position: -300% center; }\r\n    }\r\n\r\n    .sgk-animated-gold {\r\n        background: linear-gradient(\r\n            90deg, var(--sgk-gold-deep), var(--sgk-gold), var(--sgk-gold-bright),\r\n            var(--sgk-gold-soft), var(--sgk-gold-bright), var(--sgk-gold), var(--sgk-gold-deep)\r\n        );\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: transparent;\r\n        animation: sgkGoldShimmer 4s linear infinite;\r\n    }\r\n\r\n    \/* \u0623\u0632\u0631\u0627\u0631 *\/\r\n    .sgk-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 16px 32px;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        font-family: 'Tajawal', sans-serif;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        letter-spacing: 0.5px;\r\n        border: 2px solid transparent;\r\n        text-decoration: none;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sgk-btn--gold {\r\n        color: var(--sgk-navy);\r\n        background: linear-gradient(\r\n            90deg, var(--sgk-gold-deep), var(--sgk-gold), var(--sgk-gold-bright),\r\n            var(--sgk-gold-soft), var(--sgk-gold-bright), var(--sgk-gold), var(--sgk-gold-deep)\r\n        );\r\n        background-size: 300% auto;\r\n        animation: sgkBtnGoldFlow 5s linear infinite;\r\n    }\r\n\r\n    .sgk-btn--gold:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 25px rgba(184, 155, 94, 0.5);\r\n        color: var(--sgk-black);\r\n    }\r\n\r\n    .sgk-eyebrow {\r\n        display: inline-block;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: var(--sgk-gold);\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .sgk-fade-in {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: opacity 0.8s ease, transform 0.8s ease;\r\n    }\r\n\r\n    .sgk-fade-in.sgk-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       1. Hero\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .sgk-contact-hero {\r\n        background: var(--sgk-navy);\r\n        color: var(--sgk-cream);\r\n        padding: 80px 20px 60px;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sgk-contact-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background:\r\n            radial-gradient(circle at 30% 30%, rgba(184, 155, 94, 0.12) 0%, transparent 40%),\r\n            radial-gradient(circle at 70% 70%, rgba(184, 155, 94, 0.08) 0%, transparent 40%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sgk-breadcrumb {\r\n        font-size: 13px;\r\n        color: rgba(245, 241, 232, 0.7);\r\n        margin-bottom: 16px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .sgk-breadcrumb a {\r\n        color: var(--sgk-gold);\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .sgk-breadcrumb a:hover { opacity: 0.7; }\r\n\r\n    .sgk-breadcrumb-sep {\r\n        margin: 0 8px;\r\n        color: var(--sgk-gold);\r\n    }\r\n\r\n    .sgk-contact-hero h1 {\r\n        font-size: 56px;\r\n        font-weight: 900;\r\n        color: var(--sgk-white);\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .sgk-contact-hero p {\r\n        font-size: 18px;\r\n        color: rgba(245, 241, 232, 0.85);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       2. Quick Contact Cards (3 \u0623\u0639\u0645\u062f\u0629)\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .sgk-info-section {\r\n        padding: 80px 20px;\r\n        background: var(--sgk-cream);\r\n        margin-top: -40px;\r\n        position: relative;\r\n        z-index: 3;\r\n    }\r\n\r\n    .sgk-info-grid {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 24px;\r\n    }\r\n\r\n    .sgk-info-card {\r\n        background: var(--sgk-white);\r\n        padding: 36px 28px;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n        border: 1px solid var(--sgk-light-gray);\r\n        transition: all 0.4s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .sgk-info-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, var(--sgk-gold-deep), var(--sgk-gold-bright), var(--sgk-gold-deep));\r\n        background-size: 200% auto;\r\n        transform: scaleX(0);\r\n        transform-origin: center;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .sgk-info-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 16px 36px rgba(31, 58, 95, 0.12);\r\n        border-color: var(--sgk-gold);\r\n    }\r\n\r\n    .sgk-info-card:hover::before {\r\n        transform: scaleX(1);\r\n        animation: sgkBtnGoldFlow 4s linear infinite;\r\n    }\r\n\r\n    .sgk-info-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(180deg, var(--sgk-navy), var(--sgk-navy-dark));\r\n        color: var(--sgk-gold);\r\n        font-size: 26px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 22px;\r\n        border: 2px solid var(--sgk-gold);\r\n    }\r\n\r\n    .sgk-info-card h3 {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: var(--sgk-navy);\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .sgk-info-card .sgk-info-text {\r\n        font-size: 15px;\r\n        color: var(--sgk-dark-gray);\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .sgk-info-card .sgk-info-text a {\r\n        color: var(--sgk-navy);\r\n        font-weight: 600;\r\n        transition: color 0.3s ease;\r\n        display: block;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .sgk-info-card .sgk-info-text a:hover {\r\n        color: var(--sgk-gold);\r\n    }\r\n\r\n    .sgk-info-card .sgk-phone-list a {\r\n        direction: ltr;\r\n        font-family: 'Tajawal', sans-serif;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       3. Working Hours\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .sgk-hours-section {\r\n        padding: 80px 20px;\r\n        background: var(--sgk-white);\r\n    }\r\n\r\n    .sgk-hours-wrap {\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        background: linear-gradient(180deg, var(--sgk-navy) 0%, var(--sgk-navy-dark) 100%);\r\n        border-radius: 12px;\r\n        padding: 50px 40px;\r\n        color: var(--sgk-cream);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(184, 155, 94, 0.3);\r\n    }\r\n\r\n    .sgk-hours-wrap::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(circle at 50% 0%, rgba(184, 155, 94, 0.15) 0%, transparent 60%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .sgk-hours-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .sgk-hours-header {\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .sgk-hours-icon {\r\n        font-size: 36px;\r\n        color: var(--sgk-gold);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .sgk-hours-header h2 {\r\n        font-size: 28px;\r\n        color: var(--sgk-white);\r\n        font-weight: 700;\r\n    }\r\n\r\n    .sgk-hours-list li {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 14px 0;\r\n        border-bottom: 1px solid rgba(184, 155, 94, 0.2);\r\n        font-size: 16px;\r\n    }\r\n\r\n    .sgk-hours-list li:last-child { border-bottom: none; }\r\n\r\n    .sgk-hours-day {\r\n        font-weight: 700;\r\n        color: var(--sgk-white);\r\n    }\r\n\r\n    .sgk-hours-time {\r\n        color: var(--sgk-gold);\r\n        font-weight: 500;\r\n        direction: ltr;\r\n    }\r\n\r\n    .sgk-hours-time.sgk-closed {\r\n        color: rgba(245, 241, 232, 0.5);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       4. Booking Form\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .sgk-form-section {\r\n        padding: 80px 20px;\r\n        background: var(--sgk-cream);\r\n    }\r\n\r\n    .sgk-form-wrap {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sgk-section-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .sgk-section-title {\r\n        font-size: 42px;\r\n        font-weight: 900;\r\n        color: var(--sgk-navy);\r\n        margin-bottom: 16px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .sgk-section-subtitle {\r\n        font-size: 17px;\r\n        color: var(--sgk-mid-gray);\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sgk-form {\r\n        background: var(--sgk-white);\r\n        padding: 50px 40px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 16px 40px rgba(31, 58, 95, 0.08);\r\n        border: 1px solid var(--sgk-light-gray);\r\n    }\r\n\r\n    .sgk-form-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .sgk-form-field {\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .sgk-form-field--full {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .sgk-form-label {\r\n        display: block;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: var(--sgk-navy);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .sgk-form-label .sgk-required {\r\n        color: #C84545;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .sgk-form-input,\r\n    .sgk-form-select,\r\n    .sgk-form-textarea {\r\n        width: 100%;\r\n        padding: 14px 16px;\r\n        font-size: 15px;\r\n        font-family: 'Tajawal', sans-serif;\r\n        color: var(--sgk-dark-gray);\r\n        background: var(--sgk-cream);\r\n        border: 1.5px solid var(--sgk-light-gray);\r\n        border-radius: 6px;\r\n        transition: all 0.3s ease;\r\n        outline: none;\r\n        direction: rtl;\r\n    }\r\n\r\n    .sgk-form-input:focus,\r\n    .sgk-form-select:focus,\r\n    .sgk-form-textarea:focus {\r\n        border-color: var(--sgk-gold);\r\n        background: var(--sgk-white);\r\n        box-shadow: 0 0 0 3px rgba(184, 155, 94, 0.15);\r\n    }\r\n\r\n    .sgk-form-input::placeholder,\r\n    .sgk-form-textarea::placeholder {\r\n        color: var(--sgk-mid-gray);\r\n    }\r\n\r\n    .sgk-form-select {\r\n        cursor: pointer;\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23B89B5E'><path d='M7 10l5 5 5-5z'\/><\/svg>\");\r\n        background-repeat: no-repeat;\r\n        background-position: left 12px center;\r\n        padding-left: 40px;\r\n    }\r\n\r\n    .sgk-form-textarea {\r\n        min-height: 140px;\r\n        resize: vertical;\r\n        font-family: 'Tajawal', sans-serif;\r\n    }\r\n\r\n    .sgk-form-checkbox-row {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n        margin-bottom: 28px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .sgk-form-checkbox {\r\n        width: 18px;\r\n        height: 18px;\r\n        margin-top: 3px;\r\n        accent-color: var(--sgk-gold);\r\n        cursor: pointer;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sgk-form-checkbox-label {\r\n        font-size: 14px;\r\n        color: var(--sgk-mid-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .sgk-form-checkbox-label a {\r\n        color: var(--sgk-gold);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .sgk-form-submit {\r\n        width: 100%;\r\n        padding: 16px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        font-family: 'Tajawal', sans-serif;\r\n        color: var(--sgk-navy);\r\n        border: none;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        letter-spacing: 0.5px;\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        background: linear-gradient(\r\n            90deg, var(--sgk-gold-deep), var(--sgk-gold), var(--sgk-gold-bright),\r\n            var(--sgk-gold-soft), var(--sgk-gold-bright), var(--sgk-gold), var(--sgk-gold-deep)\r\n        );\r\n        background-size: 300% auto;\r\n        animation: sgkBtnGoldFlow 5s linear infinite;\r\n    }\r\n\r\n    .sgk-form-submit::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n        transition: left 0.6s ease;\r\n    }\r\n\r\n    .sgk-form-submit:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 25px rgba(184, 155, 94, 0.5);\r\n        color: var(--sgk-black);\r\n    }\r\n\r\n    .sgk-form-submit:hover::before { left: 100%; }\r\n\r\n    .sgk-form-submit i { margin-left: 8px; }\r\n\r\n    .sgk-form-success,\r\n    .sgk-form-error {\r\n        display: none;\r\n        padding: 16px 20px;\r\n        border-radius: 6px;\r\n        margin-bottom: 20px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        text-align: center;\r\n    }\r\n\r\n    .sgk-form-success.sgk-show {\r\n        display: block;\r\n        background: rgba(59, 122, 87, 0.1);\r\n        color: #3B7A57;\r\n        border: 1px solid #3B7A57;\r\n    }\r\n\r\n    .sgk-form-error.sgk-show {\r\n        display: block;\r\n        background: rgba(162, 59, 59, 0.1);\r\n        color: #A23B3B;\r\n        border: 1px solid #A23B3B;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       5. Map Section\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .sgk-map-section {\r\n        background: var(--sgk-cream);\r\n        position: relative;\r\n        padding: 0;\r\n    }\r\n\r\n    .sgk-map-wrap {\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n\r\n    .sgk-map-wrap iframe {\r\n        width: 100%;\r\n        height: 480px;\r\n        border: 0;\r\n        display: block;\r\n        filter: grayscale(0.3) contrast(1.1);\r\n    }\r\n\r\n    .sgk-map-overlay {\r\n        position: absolute;\r\n        top: 50%;\r\n        right: 60px;\r\n        transform: translateY(-50%);\r\n        background: var(--sgk-white);\r\n        border-radius: 12px;\r\n        padding: 36px 32px;\r\n        width: 340px;\r\n        max-width: calc(100% - 40px);\r\n        box-shadow: 0 20px 50px rgba(31, 58, 95, 0.25);\r\n        border-top: 4px solid var(--sgk-gold);\r\n        z-index: 2;\r\n    }\r\n\r\n    .sgk-map-overlay h3 {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: var(--sgk-navy);\r\n        margin-bottom: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .sgk-map-overlay h3 i {\r\n        color: var(--sgk-gold);\r\n    }\r\n\r\n    .sgk-map-overlay p {\r\n        font-size: 15px;\r\n        color: var(--sgk-dark-gray);\r\n        line-height: 1.7;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sgk-map-overlay .sgk-btn {\r\n        font-size: 14px;\r\n        padding: 12px 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       6. WhatsApp Floating Button\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .sgk-whatsapp-float {\r\n        position: fixed;\r\n        bottom: 24px;\r\n        left: 24px;\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        background: #25D366;\r\n        color: var(--sgk-white);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 30px;\r\n        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\r\n        z-index: 999;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .sgk-whatsapp-float:hover {\r\n        transform: scale(1.1);\r\n        box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);\r\n    }\r\n\r\n    .sgk-whatsapp-float::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: -4px;\r\n        border-radius: 50%;\r\n        background: #25D366;\r\n        opacity: 0.4;\r\n        z-index: -1;\r\n        animation: sgkWhatsappPulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes sgkWhatsappPulse {\r\n        0% { transform: scale(1); opacity: 0.4; }\r\n        100% { transform: scale(1.5); opacity: 0; }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       Responsive\r\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 992px) {\r\n        .sgk-contact-hero h1 { font-size: 42px; }\r\n        .sgk-section-title { font-size: 32px; }\r\n\r\n        \/* \u0627\u0644\u062e\u0631\u064a\u0637\u0629 + \u0627\u0644\u0643\u0627\u0631\u062a \u064a\u0628\u0642\u0648\u0627 \u0641\u0648\u0642 \u0628\u0639\u0636 \u0639\u0644\u0649 \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n        .sgk-map-section { padding: 0 0 50px; }\r\n        .sgk-map-wrap iframe { height: 360px; }\r\n        .sgk-map-overlay {\r\n            position: relative;\r\n            top: auto;\r\n            right: auto;\r\n            transform: none;\r\n            width: 90%;\r\n            max-width: 500px;\r\n            margin: -50px auto 0;\r\n            padding: 30px 26px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .sgk-contact-hero { padding: 70px 16px 50px; }\r\n        .sgk-contact-hero h1 { font-size: 32px; }\r\n        .sgk-contact-hero p { font-size: 15px; }\r\n        .sgk-info-section,\r\n        .sgk-form-section { padding: 60px 16px; }\r\n        .sgk-section-title { font-size: 26px; }\r\n        .sgk-form { padding: 36px 24px; }\r\n        .sgk-form-grid { grid-template-columns: 1fr; }\r\n\r\n        \/* \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        .sgk-map-section { padding: 0 0 40px; }\r\n        .sgk-map-wrap iframe { height: 280px; }\r\n        .sgk-map-overlay {\r\n            width: calc(100% - 32px);\r\n            max-width: 100%;\r\n            margin: -40px 16px 0;\r\n            padding: 24px 20px;\r\n        }\r\n        .sgk-map-overlay h3 { font-size: 19px; margin-bottom: 12px; }\r\n        .sgk-map-overlay p { font-size: 14px; margin-bottom: 16px; }\r\n        .sgk-map-overlay .sgk-btn { font-size: 13px; padding: 11px 16px; }\r\n\r\n        .sgk-whatsapp-float {\r\n            width: 54px;\r\n            height: 54px;\r\n            font-size: 26px;\r\n            bottom: 18px;\r\n            left: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .sgk-contact-hero h1 { font-size: 26px; }\r\n        .sgk-section-title { font-size: 22px; }\r\n        .sgk-info-card { padding: 28px 20px; }\r\n        .sgk-form { padding: 28px 20px; }\r\n        .sgk-form-input, .sgk-form-select, .sgk-form-textarea { font-size: 14px; padding: 12px 14px; }\r\n        .sgk-map-wrap iframe { height: 240px; }\r\n        .sgk-map-overlay { margin: -30px 12px 0; padding: 20px 16px; }\r\n        .sgk-map-overlay h3 { font-size: 17px; }\r\n    }\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HTML \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"sgk-contact-page\">\r\n\r\n    <!-- \u2500\u2500\u2500 1. Hero \u2500\u2500\u2500 -->\r\n    <section class=\"sgk-contact-hero\">\r\n        <div class=\"sgk-breadcrumb\">\r\n            <a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n            <span class=\"sgk-breadcrumb-sep\">\u2039<\/span>\r\n            <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n        <\/div>\r\n        <h1>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h1>\r\n        <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0631\u0633\u0645\u064a\u0629. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u064a\u0648\u0645 \u0648\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649.<\/p>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500\u2500 2. Quick Contact Cards \u2500\u2500\u2500 -->\r\n    <section class=\"sgk-info-section\">\r\n        <div class=\"sgk-info-grid\">\r\n\r\n            <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n            <div class=\"sgk-info-card sgk-fade-in\">\r\n                <div class=\"sgk-info-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n                <h3>\u0632\u0648\u0631\u0646\u0627 \u0641\u064a \u0645\u0643\u062a\u0628\u0646\u0627<\/h3>\r\n                <div class=\"sgk-info-text\">\r\n                    <strong>\u0645\u0628\u0646\u0649 \u0628\u0632\u0646\u0633 \u0628\u0648\u064a\u0646\u062a<\/strong><br>\r\n                    \u0634\u0627\u0631\u0639 22B\u060c \u062f\u064a\u0631\u0629<br>\r\n                    \u062e\u0644\u0641 \u0645\u0639\u0631\u0636 \u0646\u064a\u0633\u0627\u0646\u060c \u0645\u0643\u062a\u0628 \u0631\u0642\u0645 607<br>\r\n                    \u062f\u0628\u064a 111306\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0647\u0627\u062a\u0641 -->\r\n            <div class=\"sgk-info-card sgk-fade-in\">\r\n                <div class=\"sgk-info-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n                <h3>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h3>\r\n                <div class=\"sgk-info-text sgk-phone-list\">\r\n                    <a href=\"tel:+97143416274\">\ud83d\udcde +971 4 341 6274<\/a>\r\n                    <a href=\"tel:+971566818001\">\ud83d\udcf1 +971 56 681 8001<\/a>\r\n                    <a href=\"tel:+971500999434\">\ud83d\udcf1 +971 50 099 9434<\/a>\r\n                    <a href=\"tel:+971500999435\">\ud83d\udcf1 +971 50 099 9435<\/a>\r\n                    <a href=\"tel:+971507676883\">\ud83d\udcf1 +971 50 767 6883<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0627\u0644\u0628\u0631\u064a\u062f + \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 -->\r\n            <div class=\"sgk-info-card sgk-fade-in\">\r\n                <div class=\"sgk-info-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n                <h3>\u0631\u0627\u0633\u0644\u0646\u0627 \u0627\u0644\u0622\u0646<\/h3>\r\n                <div class=\"sgk-info-text\">\r\n                    <a href=\"mailto:info@shaimaalkaabi.ae\">info@shaimaalkaabi.ae<\/a>\r\n                    <a href=\"https:\/\/wa.me\/971566818001\" target=\"_blank\" rel=\"noopener\">\r\n                        <i class=\"fa-brands fa-whatsapp\" style=\"color: #25D366;\"><\/i>\r\n                        \u0648\u0627\u062a\u0633\u0627\u0628: 0566818001\r\n                    <\/a>\r\n                    <p style=\"margin-top: 10px; font-size: 13px; color: var(--sgk-mid-gray);\">\r\n                        \u0646\u0631\u062f \u0639\u0644\u0649 \u0631\u0633\u0627\u0626\u0644\u0643 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500\u2500 3. Booking Form \u2500\u2500\u2500 -->\r\n    <section class=\"sgk-form-section\">\r\n        <div class=\"sgk-form-wrap\">\r\n\r\n            <div class=\"sgk-section-header sgk-fade-in\">\r\n                <span class=\"sgk-eyebrow\">\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643<\/span>\r\n                <h2 class=\"sgk-section-title\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h2>\r\n                <p class=\"sgk-section-subtitle\">\r\n                    \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0627\u0644\u064a \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0623\u062d\u062f \u0645\u062d\u0627\u0645\u064a\u0646\u0627 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0642\u0636\u064a\u062a\u0643 \u0628\u0633\u0631\u0651\u064a\u0629 \u062a\u0627\u0645\u0629.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <form class=\"sgk-form sgk-fade-in\" id=\"sgkContactForm\" novalidate>\r\n\r\n                <div class=\"sgk-form-success\" id=\"sgkFormSuccess\">\r\n                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                    \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b.\r\n                <\/div>\r\n\r\n                <div class=\"sgk-form-error\" id=\"sgkFormError\">\r\n                    <i class=\"fa-solid fa-circle-exclamation\"><\/i>\r\n                    \u0645\u0646 \u0641\u0636\u0644\u0643 \u062a\u0623\u0643\u062f \u0645\u0646 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.\r\n                <\/div>\r\n\r\n                <div class=\"sgk-form-grid\">\r\n\r\n                    <div class=\"sgk-form-field\">\r\n                        <label class=\"sgk-form-label\" for=\"sgk-name\">\r\n                            \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"sgk-required\">*<\/span>\r\n                        <\/label>\r\n                        <input type=\"text\" id=\"sgk-name\" name=\"name\" class=\"sgk-form-input\"\r\n                               placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"sgk-form-field\">\r\n                        <label class=\"sgk-form-label\" for=\"sgk-phone\">\r\n                            \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 <span class=\"sgk-required\">*<\/span>\r\n                        <\/label>\r\n                        <input type=\"tel\" id=\"sgk-phone\" name=\"phone\" class=\"sgk-form-input\"\r\n                               placeholder=\"05XXXXXXXX\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"sgk-form-field\">\r\n                        <label class=\"sgk-form-label\" for=\"sgk-email\">\r\n                            \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"sgk-required\">*<\/span>\r\n                        <\/label>\r\n                        <input type=\"email\" id=\"sgk-email\" name=\"email\" class=\"sgk-form-input\"\r\n                               placeholder=\"example@email.com\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"sgk-form-field\">\r\n                        <label class=\"sgk-form-label\" for=\"sgk-service\">\r\n                            \u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 <span class=\"sgk-required\">*<\/span>\r\n                        <\/label>\r\n                        <select id=\"sgk-service\" name=\"service\" class=\"sgk-form-select\" required>\r\n                            <option value=\"\">\u2014 \u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629 \u2014<\/option>\r\n                            <option value=\"commercial\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/option>\r\n                            <option value=\"civil\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/option>\r\n                            <option value=\"personal-status\">\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/option>\r\n                            <option value=\"labor\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/option>\r\n                            <option value=\"real-estate\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/option>\r\n                            <option value=\"arbitration\">\u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a<\/option>\r\n                            <option value=\"corporate\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/option>\r\n                            <option value=\"contracts\">\u0635\u064a\u0627\u063a\u0629 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0639\u0642\u0648\u062f<\/option>\r\n                            <option value=\"debt\">\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u064a\u0648\u0646<\/option>\r\n                            <option value=\"subscription\">\u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0627\u0644\u0633\u0646\u0648\u064a<\/option>\r\n                            <option value=\"other\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0623\u062e\u0631\u0649<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"sgk-form-field sgk-form-field--full\">\r\n                        <label class=\"sgk-form-label\" for=\"sgk-message\">\r\n                            \u0648\u0635\u0641 \u0645\u062e\u062a\u0635\u0631 \u0644\u0644\u062d\u0627\u0644\u0629 <span class=\"sgk-required\">*<\/span>\r\n                        <\/label>\r\n                        <textarea id=\"sgk-message\" name=\"message\" class=\"sgk-form-textarea\"\r\n                                  placeholder=\"\u0627\u0634\u0631\u062d \u0644\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644 \u0642\u0636\u064a\u062a\u0643 \u0623\u0648 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0628\u0625\u064a\u062c\u0627\u0632...\"\r\n                                  required><\/textarea>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"sgk-form-submit\">\r\n                    <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                    \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500\u2500 5. Map \u2500\u2500\u2500 -->\r\n    <section class=\"sgk-map-section\">\r\n        <div class=\"sgk-map-wrap\">\r\n            <iframe\r\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3608.5!2d55.32!3d25.27!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjXCsDE2JzEyLjAiTiA1NcKwMTknMTIuMCJF!5e0!3m2!1sar!2sae!4v1700000000\"\r\n                allowfullscreen=\"\"\r\n                loading=\"lazy\"\r\n                referrerpolicy=\"no-referrer-when-downgrade\">\r\n            <\/iframe>\r\n\r\n            <div class=\"sgk-map-overlay\">\r\n                <h3><i class=\"fa-solid fa-location-dot\"><\/i> \u0645\u0648\u0642\u0639\u0646\u0627<\/h3>\r\n                <p>\r\n                    <strong>\u0645\u0628\u0646\u0649 \u0628\u0632\u0646\u0633 \u0628\u0648\u064a\u0646\u062a<\/strong><br>\r\n                    \u0634\u0627\u0631\u0639 22B\u060c \u062f\u064a\u0631\u0629<br>\r\n                    \u062e\u0644\u0641 \u0645\u0639\u0631\u0636 \u0646\u064a\u0633\u0627\u0646<br>\r\n                    \u0645\u0643\u062a\u0628 \u0631\u0642\u0645 607\u060c \u062f\u0628\u064a 111306<br>\r\n                    \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\r\n                <\/p>\r\n                <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Business+Point+Building+Deira+Dubai\"\r\n                   target=\"_blank\" rel=\"noopener\" class=\"sgk-btn sgk-btn--gold\">\r\n                    <i class=\"fa-solid fa-diamond-turn-right\"><\/i>\r\n                    \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- \u2500\u2500\u2500 6. WhatsApp Floating Button \u2500\u2500\u2500 -->\r\n<a href=\"https:\/\/wa.me\/971566818001?text=\u0627\u0644\u0633\u0644\u0627\u0645%20\u0639\u0644\u064a\u0643\u0645\u060c%20\u0623\u062d\u062a\u0627\u062c%20\u0627\u0633\u062a\u0634\u0627\u0631\u0629%20\u0642\u0627\u0646\u0648\u0646\u064a\u0629\"\r\n   target=\"_blank\"\r\n   rel=\"noopener\"\r\n   class=\"sgk-whatsapp-float\"\r\n   aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\r\n    <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n<\/a>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JavaScript \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    \/* Fade In on Scroll *\/\r\n    var fadeElements = document.querySelectorAll('.sgk-fade-in');\r\n\r\n    if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('sgk-visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\r\n\r\n        fadeElements.forEach(function (el) { observer.observe(el); });\r\n    } else {\r\n        fadeElements.forEach(function (el) { el.classList.add('sgk-visible'); });\r\n    }\r\n\r\n    \/* Form Validation & Submit *\/\r\n    var form = document.getElementById('sgkContactForm');\r\n    var successMsg = document.getElementById('sgkFormSuccess');\r\n    var errorMsg = document.getElementById('sgkFormError');\r\n\r\n    if (form) {\r\n        form.addEventListener('submit', function (e) {\r\n            e.preventDefault();\r\n\r\n            successMsg.classList.remove('sgk-show');\r\n            errorMsg.classList.remove('sgk-show');\r\n\r\n            var name = form.querySelector('#sgk-name').value.trim();\r\n            var phone = form.querySelector('#sgk-phone').value.trim();\r\n            var email = form.querySelector('#sgk-email').value.trim();\r\n            var service = form.querySelector('#sgk-service').value;\r\n            var message = form.querySelector('#sgk-message').value.trim();\r\n\r\n            \/* Validation *\/\r\n            if (!name || !phone || !email || !service || !message) {\r\n                errorMsg.classList.add('sgk-show');\r\n                errorMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n                return;\r\n            }\r\n\r\n            var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n            if (!emailRegex.test(email)) {\r\n                errorMsg.textContent = '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0623\u062f\u062e\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d.';\r\n                errorMsg.classList.add('sgk-show');\r\n                return;\r\n            }\r\n\r\n            var phoneRegex = \/^[0-9+\\s-]{8,}$\/;\r\n            if (!phoneRegex.test(phone)) {\r\n                errorMsg.textContent = '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0635\u062d\u064a\u062d.';\r\n                errorMsg.classList.add('sgk-show');\r\n                return;\r\n            }\r\n\r\n            \/*\r\n             * \ud83d\udd0c \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 WordPress:\r\n             *\r\n             * \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u064a\u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0646\u062c\u0627\u062d \u0641\u0642\u0637 (\u0645\u062d\u0627\u0643\u0627\u0629).\r\n             * \u0644\u0644\u0631\u0628\u0637 \u0627\u0644\u0641\u0639\u0644\u064a:\r\n             * 1. \u0627\u0633\u062a\u062e\u062f\u0645 Contact Form 7 \/ WPForms \/ Fluent Forms\r\n             * 2. \u0623\u0648 \u0623\u0636\u0641 AJAX endpoint \u0641\u064a WordPress \u0644\u0644\u0625\u0631\u0633\u0627\u0644\r\n             * 3. \u0623\u0648 \u063a\u064a\u0651\u0631 action \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0648\u0623\u0631\u0633\u0644\u0647 \u0644\u0640 \/wp-admin\/admin-ajax.php\r\n             *\r\n             * \u0628\u062f\u0627\u0626\u0644 \u0633\u0631\u064a\u0639\u0629:\r\n             * - \u0627\u0633\u062a\u062e\u062f\u0645 Formspree.io (\u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0628\u0633\u064a\u0637\u0629)\r\n             * - \u0627\u0633\u062a\u062e\u062f\u0645 EmailJS.com\r\n             *\/\r\n\r\n            successMsg.classList.add('sgk-show');\r\n            form.reset();\r\n            successMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n\r\n            setTimeout(function () {\r\n                successMsg.classList.remove('sgk-show');\r\n            }, 6000);\r\n        });\r\n    }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u2039 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0631\u0633\u0645\u064a\u0629. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u064a\u0648\u0645 \u0648\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649. \u0632\u0648\u0631\u0646\u0627 \u0641\u064a \u0645\u0643\u062a\u0628\u0646\u0627 \u0645\u0628\u0646\u0649 \u0628\u0632\u0646\u0633 \u0628\u0648\u064a\u0646\u062a \u0634\u0627\u0631\u0639 22B\u060c \u062f\u064a\u0631\u0629 \u062e\u0644\u0641 \u0645\u0639\u0631\u0636 \u0646\u064a\u0633\u0627\u0646\u060c \u0645\u0643\u062a\u0628 \u0631\u0642\u0645 607 \u062f\u0628\u064a 111306\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \ud83d\udcde +971 4 341 6274 \ud83d\udcf1 +971 56 681 8001 \ud83d\udcf1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":10,"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/alkaabiadvocate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}