{"id":3751,"date":"2026-01-22T12:49:02","date_gmt":"2026-01-22T12:49:02","guid":{"rendered":"https:\/\/watani-eleaziz.com\/?p=3751"},"modified":"2026-03-15T00:26:06","modified_gmt":"2026-03-14T21:26:06","slug":"3751","status":"publish","type":"post","link":"https:\/\/watani-eleaziz.com\/en\/3751\/","title":{"rendered":"\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3751\" class=\"elementor elementor-3751\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-578d5c0 e-flex e-con-boxed e-con e-parent\" data-id=\"578d5c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61b44d4 elementor-widget elementor-widget-html\" data-id=\"61b44d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0627\u0644\u0631\u064a\u0627\u0636 | 0539171651<\/title>\r\n    <meta name=\"description\" content=\"\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0628\u0627\u0644\u0631\u064a\u0627\u0636. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0636\u0645\u0627\u0646 10 \u0633\u0646\u0648\u0627\u062a. \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 0539171651 - \u0648\u0627\u062a\u0633\u0627\u0628: 0534478703\">\r\n    <meta name=\"keywords\" content=\"\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636, \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0623\u0631\u0636\u064a\u0629, \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0633\u0642\u0641, \u0634\u0631\u0643\u0629 \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636, \u0641\u0646\u064a \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a, \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0645\u064a\u0627\u0647, \u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632\">\r\n    <meta name=\"author\" content=\"\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a\">\r\n    \r\n    <!-- Open Graph -->\r\n    <meta property=\"og:title\" content=\"\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0627\u0644\u0631\u064a\u0627\u0636\">\r\n    <meta property=\"og:description\" content=\"\u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 \u0628\u0636\u0645\u0627\u0646 10 \u0633\u0646\u0648\u0627\u062a - \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646 0539171651\">\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:image\" content=\"https:\/\/www.ro3ia.com\/wp-content\/uploads\/2025\/01\/\u0639\u0632\u0644-\u062e\u0632\u0627\u0646-\u0627\u0631\u0636\u0649-\u0643\u0628\u064a\u0631-\u0645\u0646-\u0627\u0644\u062f\u0627\u062e\u0644-\u0642\u0628\u0644-\u0648\u0628\u0639\u062f-300x225.webp\">\r\n    \r\n    <!-- Schema Markup -->\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n        \"@context\": \"https:\/\/schema.org\",\r\n        \"@type\": \"LocalBusiness\",\r\n        \"name\": \"\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a\",\r\n        \"image\": \"https:\/\/www.ro3ia.com\/wp-content\/uploads\/2025\/01\/\u0639\u0632\u0644-\u062e\u0632\u0627\u0646-\u0627\u0631\u0636\u0649-\u0643\u0628\u064a\u0631-\u0645\u0646-\u0627\u0644\u062f\u0627\u062e\u0644-\u0642\u0628\u0644-\u0648\u0628\u0639\u062f-300x225.webp\",\r\n        \"telephone\": \"+966539171651\",\r\n        \"email\": \"info@watani-eleaziz.com\",\r\n        \"address\": {\r\n            \"@type\": \"PostalAddress\",\r\n            \"addressLocality\": \"\u0627\u0644\u0631\u064a\u0627\u0636\",\r\n            \"addressRegion\": \"\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\",\r\n            \"addressCountry\": \"SA\"\r\n        },\r\n        \"openingHours\": \"Mo-Su 08:00-22:00\",\r\n        \"serviceType\": \"\u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641\",\r\n        \"areaServed\": \"\u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0626\u0647\u0627\",\r\n        \"priceRange\": \"$$\",\r\n        \"url\": \"https:\/\/watani-eleaziz.com\"\r\n    }\r\n    <\/script>\r\n    \r\n    <style>\r\n        \/* CSS Reset *\/\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        \r\n        :root {\r\n            --primary: #1a365d;\r\n            --secondary: #2d6a4f;\r\n            --accent: #e63946;\r\n            --gold: #fbbf24;\r\n            --dark: #0f172a;\r\n            --light: #f8fafc;\r\n            --gray: #64748b;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Cairo', 'Tajawal', sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background: #f1f5f9;\r\n        }\r\n        \r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Header *\/\r\n        header {\r\n            background: linear-gradient(135deg, var(--dark), var(--primary));\r\n            color: white;\r\n            padding: 15px 0;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .header-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n        \r\n        .logo {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .logo-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(45deg, var(--accent), var(--gold));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 24px;\r\n            color: white;\r\n        }\r\n        \r\n        .logo-text h1 {\r\n            font-size: 22px;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .logo-text p {\r\n            font-size: 14px;\r\n            color: var(--gold);\r\n        }\r\n        \r\n        .contact-header {\r\n            display: flex;\r\n            gap: 25px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .contact-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .phone-number {\r\n            font-size: 22px;\r\n            font-weight: bold;\r\n            color: white;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .phone-number:hover {\r\n            color: var(--gold);\r\n        }\r\n        \r\n        .whatsapp-btn {\r\n            background: #25D366;\r\n            color: white;\r\n            padding: 12px 24px;\r\n            border-radius: 25px;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-weight: bold;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .whatsapp-btn:hover {\r\n            background: #128C7E;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        \/* Navigation *\/\r\n        nav {\r\n            margin-top: 15px;\r\n            width: 100%;\r\n        }\r\n        \r\n        .nav-links {\r\n            display: flex;\r\n            list-style: none;\r\n            gap: 10px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .nav-links a {\r\n            color: white;\r\n            text-decoration: none;\r\n            padding: 12px 20px;\r\n            border-radius: 25px;\r\n            background: rgba(255,255,255,0.1);\r\n            transition: all 0.3s;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .nav-links a:hover {\r\n            background: var(--gold);\r\n            color: var(--dark);\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .hero {\r\n            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), \r\n                        url('https:\/\/www.ro3ia.com\/wp-content\/uploads\/2025\/01\/\u0639\u0632\u0644-\u062e\u0632\u0627\u0646-\u0627\u0631\u0636\u0649-\u0643\u0628\u064a\u0631-\u0645\u0646-\u0627\u0644\u062f\u0627\u062e\u0644-\u0642\u0628\u0644-\u0648\u0628\u0639\u062f-300x225.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            color: white;\r\n            padding: 80px 0;\r\n            text-align: center;\r\n        }\r\n        \r\n        .hero h2 {\r\n            font-size: 36px;\r\n            margin-bottom: 20px;\r\n            color: var(--gold);\r\n        }\r\n        \r\n        .hero p {\r\n            font-size: 18px;\r\n            max-width: 800px;\r\n            margin: 0 auto 30px;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .btn {\r\n            padding: 16px 32px;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            font-size: 16px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background: var(--accent);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n        \r\n        .btn:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        \/* Emergency Banner *\/\r\n        .emergency-banner {\r\n            background: linear-gradient(45deg, var(--accent), #c1121f);\r\n            color: white;\r\n            padding: 25px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            margin: 40px 0;\r\n            animation: pulse 2s infinite;\r\n        }\r\n        \r\n        @keyframes pulse {\r\n            0% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7); }\r\n            70% { box-shadow: 0 0 0 15px rgba(230, 57, 70, 0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0); }\r\n        }\r\n        \r\n        .emergency-banner h3 {\r\n            font-size: 24px;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .emergency-banner .phone-number {\r\n            font-size: 28px;\r\n            display: block;\r\n            margin: 15px 0;\r\n        }\r\n        \r\n        \/* Main Content *\/\r\n        main {\r\n            padding: 40px 0;\r\n        }\r\n        \r\n        section {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 40px;\r\n            margin-bottom: 40px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        section h2 {\r\n            color: var(--primary);\r\n            font-size: 28px;\r\n            margin-bottom: 20px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 3px solid var(--secondary);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        \r\n        section h2 i {\r\n            color: var(--accent);\r\n        }\r\n        \r\n        \/* Services *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .service-card {\r\n            background: white;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n            transition: all 0.3s;\r\n            border: 1px solid #e2e8f0;\r\n        }\r\n        \r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: var(--gold);\r\n        }\r\n        \r\n        .service-image {\r\n            height: 200px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .service-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s;\r\n        }\r\n        \r\n        .service-card:hover .service-image img {\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .service-content {\r\n            padding: 25px;\r\n        }\r\n        \r\n        .service-content h3 {\r\n            color: var(--primary);\r\n            margin-bottom: 15px;\r\n            font-size: 20px;\r\n        }\r\n        \r\n        \/* Gallery *\/\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .gallery-item {\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            height: 200px;\r\n        }\r\n        \r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s;\r\n        }\r\n        \r\n        .gallery-item:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        \/* Features *\/\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .feature-item {\r\n            background: #f8fafc;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            border-right: 4px solid var(--secondary);\r\n        }\r\n        \r\n        .feature-item h4 {\r\n            color: var(--primary);\r\n            margin-bottom: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        \/* Pricing Table *\/\r\n        .pricing-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-top: 30px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .pricing-table th {\r\n            background: var(--primary);\r\n            color: white;\r\n            padding: 20px;\r\n            text-align: right;\r\n        }\r\n        \r\n        .pricing-table td {\r\n            padding: 15px;\r\n            border-bottom: 1px solid #e2e8f0;\r\n        }\r\n        \r\n        .pricing-table tr:nth-child(even) {\r\n            background: #f8fafc;\r\n        }\r\n        \r\n        \/* Contact Form *\/\r\n        .contact-form {\r\n            background: #f8fafc;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .form-row {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .form-group {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .form-group label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: bold;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .form-group input,\r\n        .form-group select,\r\n        .form-group textarea {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: 2px solid #cbd5e1;\r\n            border-radius: 8px;\r\n            font-family: inherit;\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .form-group input:focus,\r\n        .form-group select:focus,\r\n        .form-group textarea:focus {\r\n            border-color: var(--secondary);\r\n            outline: none;\r\n        }\r\n        \r\n        .submit-btn {\r\n            background: var(--secondary);\r\n            color: white;\r\n            padding: 15px 40px;\r\n            border: none;\r\n            border-radius: 30px;\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin: 20px auto 0;\r\n        }\r\n        \r\n        .submit-btn:hover {\r\n            background: #22543d;\r\n        }\r\n        \r\n        \/* Footer *\/\r\n        footer {\r\n            background: var(--dark);\r\n            color: white;\r\n            padding: 50px 0 20px;\r\n        }\r\n        \r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .footer-section h3 {\r\n            color: var(--gold);\r\n            margin-bottom: 20px;\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .footer-section ul {\r\n            list-style: none;\r\n        }\r\n        \r\n        .footer-section ul li {\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .footer-section ul li a {\r\n            color: #cbd5e1;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .footer-section ul li a:hover {\r\n            color: var(--gold);\r\n        }\r\n        \r\n        .social-links {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .social-links a {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: rgba(255,255,255,0.1);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .social-links a:hover {\r\n            background: var(--gold);\r\n            color: var(--dark);\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .copyright {\r\n            text-align: center;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #334155;\r\n            color: #94a3b8;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .header-content {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            \r\n            .contact-header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            \r\n            .nav-links {\r\n                justify-content: center;\r\n            }\r\n            \r\n            .nav-links a {\r\n                padding: 10px 15px;\r\n                font-size: 13px;\r\n            }\r\n            \r\n            .hero h2 {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .hero p {\r\n                font-size: 16px;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            \r\n            .btn {\r\n                width: 100%;\r\n                max-width: 300px;\r\n                justify-content: center;\r\n            }\r\n            \r\n            section {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            section h2 {\r\n                font-size: 24px;\r\n            }\r\n            \r\n            .emergency-banner .phone-number {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n        \r\n        \/* Animations *\/\r\n        .fade-in {\r\n            animation: fadeIn 1s ease-out;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* Contact Cards *\/\r\n        .contact-cards {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .contact-card {\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            text-align: center;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            border-top: 4px solid var(--secondary);\r\n        }\r\n        \r\n        .contact-card i {\r\n            font-size: 32px;\r\n            color: var(--secondary);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .contact-card h4 {\r\n            color: var(--primary);\r\n            margin-bottom: 10px;\r\n        }\r\n    <\/style>\r\n    \r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n    <!-- Header -->\r\n    <header>\r\n        <div class=\"container\">\r\n            <div class=\"header-content\">\r\n                <div class=\"logo\">\r\n                    <div class=\"logo-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"logo-text\">\r\n                        <h1>\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632<\/h1>\r\n                        <p>\u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-header\">\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-phone-alt\"><\/i>\r\n                        <a href=\"tel:0539171651\" class=\"phone-number\">0539 171 651<\/a>\r\n                    <\/div>\r\n                    <div class=\"contact-item\">\r\n                        <a href=\"https:\/\/wa.me\/966534478703\" class=\"whatsapp-btn\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i> \u0648\u0627\u062a\u0633\u0627\u0628: 0534 478 703\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <nav>\r\n                <ul class=\"nav-links\">\r\n                    <li><a href=\"#home\"><i class=\"fas fa-home\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                    <li><a href=\"#services\"><i class=\"fas fa-tools\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                    <li><a href=\"#gallery\"><i class=\"fas fa-images\"><\/i> \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a><\/li>\r\n                    <li><a href=\"#pricing\"><i class=\"fas fa-tags\"><\/i> \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a><\/li>\r\n                    <li><a href=\"#contact\"><i class=\"fas fa-envelope\"><\/i> \u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"home\" class=\"hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <h2>\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/h2>\r\n                <p>\u0646\u0642\u062f\u0645 \u0623\u0641\u0636\u0644 \u062d\u0644\u0648\u0644 \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0636\u0645\u0627\u0646 \u064a\u0635\u0644 \u0625\u0644\u0649 10 \u0633\u0646\u0648\u0627\u062a. \u0641\u0631\u064a\u0642 \u0641\u0646\u064a \u0645\u062a\u062e\u0635\u0635 \u064a\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636.<\/p>\r\n                \r\n                <div class=\"emergency-banner\">\r\n                    <h3><i class=\"fas fa-exclamation-triangle\"><\/i> \u0637\u0648\u0627\u0631\u0626 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\r\n                    <p>\u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/p>\r\n                    <a href=\"tel:0539171651\" class=\"phone-number\">0539 171 651<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"cta-buttons\">\r\n                    <a href=\"tel:0539171651\" class=\"btn btn-primary\">\r\n                        <i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\r\n                    <\/a>\r\n                    <a href=\"https:\/\/wa.me\/966534478703\" class=\"btn btn-secondary\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Main Content -->\r\n    <main class=\"container\">\r\n        <!-- \u062e\u062f\u0645\u0627\u062a\u0646\u0627 -->\r\n        <section id=\"services\" class=\"fade-in\">\r\n            <h2><i class=\"fas fa-concierge-bell\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\r\n            <p>\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/p>\r\n            \r\n            <div class=\"services-grid\">\r\n                <!-- \u062e\u062f\u0645\u0629 1 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ro3ia.com\/wp-content\/uploads\/2025\/01\/\u0639\u0632\u0644-\u062e\u0632\u0627\u0646-\u0627\u0631\u0636\u0649-\u0643\u0628\u064a\u0631-\u0645\u0646-\u0627\u0644\u062f\u0627\u062e\u0644-\u0642\u0628\u0644-\u0648\u0628\u0639\u062f-300x225.webp\" alt=\"\u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629\">\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3><i class=\"fas fa-water\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629<\/h3>\r\n                        <p>\u0639\u0632\u0644 \u0643\u0627\u0645\u0644 \u0644\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0628\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062d\u0645\u064a \u0645\u0646 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629<\/p>\r\n                        <ul style=\"margin-right: 20px; margin-top: 10px; color: var(--gray);\">\r\n                            <li>\u0645\u0648\u0627\u062f \u0627\u0644\u0625\u064a\u0628\u0648\u0643\u0633\u064a \u0648\u0627\u0644\u0628\u064a\u062a\u0648\u0645\u064a\u0646<\/li>\r\n                            <li>\u062d\u0645\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0627\u0644\u062c\u0648\u0641\u064a\u0629<\/li>\r\n                            <li>\u0636\u0645\u0627\u0646 \u064a\u0635\u0644 \u0625\u0644\u0649 10 \u0633\u0646\u0648\u0627\u062a<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- \u062e\u062f\u0645\u0629 2 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSfMJwWukvBZbeeB897SbSXSEhYn_LT_Jv1Hw&s\" alt=\"\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0642\u0641\">\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3><i class=\"fas fa-sun\"><\/i> \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0642\u0641<\/h3>\r\n                        <p>\u062d\u0645\u0627\u064a\u0629 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0642\u0641 \u0645\u0646 \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u0645\u0633 \u0648\u0627\u0644\u062a\u0644\u0641 \u0628\u0645\u0648\u0627\u062f \u0639\u0632\u0644 \u062d\u0631\u0627\u0631\u064a \u0645\u062a\u0637\u0648\u0631\u0629<\/p>\r\n                        <ul style=\"margin-right: 20px; margin-top: 10px; color: var(--gray);\">\r\n                            <li>\u0639\u0632\u0644 \u062d\u0631\u0627\u0631\u064a \u0636\u062f \u0627\u0644\u0634\u0645\u0633<\/li>\r\n                            <li>\u062d\u0645\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0634\u0639\u0629 \u0641\u0648\u0642 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a\u0629<\/li>\r\n                            <li>\u062a\u0642\u0644\u064a\u0644 \u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- \u062e\u062f\u0645\u0629 3 -->\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQpQvTfTlJ9d3aqKzp7k9w6OLAU1oYFx3A3eg&s\" alt=\"\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a\">\r\n                    <\/div>\r\n                    <div class=\"service-content\">\r\n                        <h3><i class=\"fas fa-hand-sparkles\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0641<\/h3>\r\n                        <p>\u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0638\u064a\u0641 \u0648\u062a\u0639\u0642\u064a\u0645 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0645\u0639 \u0643\u0634\u0641 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a \u0648\u0625\u0635\u0644\u0627\u062d\u0647\u0627<\/p>\r\n                        <ul style=\"margin-right: 20px; margin-top: 10px; color: var(--gray);\">\r\n                            <li>\u062a\u0646\u0638\u064a\u0641 \u0648\u062a\u0639\u0642\u064a\u0645 \u0643\u0627\u0645\u0644<\/li>\r\n                            <li>\u0643\u0634\u0641 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b<\/li>\r\n                            <li>\u0635\u064a\u0627\u0646\u0629 \u0648\u0642\u0627\u0626\u064a\u0629 \u062f\u0648\u0631\u064a\u0629<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627 -->\r\n        <section class=\"fade-in\">\r\n            <h2><i class=\"fas fa-star\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f<\/h2>\r\n            \r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-item\">\r\n                    <h4><i class=\"fas fa-shield-alt\"><\/i> \u0636\u0645\u0627\u0646 10 \u0633\u0646\u0648\u0627\u062a<\/h4>\r\n                    <p>\u0646\u0642\u062f\u0645 \u0636\u0645\u0627\u0646 \u0645\u0645\u062a\u062f \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0648\u0631\u064a\u0629<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-item\">\r\n                    <h4><i class=\"fas fa-users\"><\/i> \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635<\/h4>\r\n                    <p>\u0641\u0631\u064a\u0642 \u0641\u0646\u064a \u0645\u062f\u0631\u0628 \u0628\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-item\">\r\n                    <h4><i class=\"fas fa-flask\"><\/i> \u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629<\/h4>\r\n                    <p>\u0645\u0648\u0627\u062f \u0639\u0632\u0644 \u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0634\u0631\u0628<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"feature-item\">\r\n                    <h4><i class=\"fas fa-truck\"><\/i> \u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629<\/h4>\r\n                    <p>\u0646\u0635\u0644 \u0625\u0644\u064a\u0643 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u062a\u064a\u0646<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 -->\r\n        <section id=\"gallery\" class=\"fade-in\">\r\n            <h2><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/h2>\r\n            \r\n            <div class=\"gallery-grid\">\r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.ro3ia.com\/wp-content\/uploads\/2025\/01\/\u0639\u0632\u0644-\u062e\u0632\u0627\u0646-\u0627\u0631\u0636\u0649-\u0643\u0628\u064a\u0631-\u0645\u0646-\u0627\u0644\u062f\u0627\u062e\u0644 300x225.webp\" alt=\"\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0623\u0631\u0636\u064a\">\r\n                <\/div>\r\n                \r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSfMJwWukvBZbeeB897SbSXSEhYn_LT_Jv1Hw&s\" alt=\"\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0633\u0642\u0641\">\r\n                <\/div>\r\n                \r\n                <div class=\"gallery-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQpQvTfTlJ9d3aqKzp7k9w6OLAU1oYFx3A3eg&s\" alt=\"\u062a\u0646\u0638\u064a\u0641 \u062e\u0632\u0627\u0646\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u0627\u0644\u0623\u0633\u0639\u0627\u0631 -->\r\n        <section id=\"pricing\" class=\"fade-in\">\r\n            <h2><i class=\"fas fa-tags\"><\/i> \u0623\u0633\u0639\u0627\u0631 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\r\n            \r\n            <table class=\"pricing-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>\u0627\u0644\u062e\u062f\u0645\u0629<\/th>\r\n                        <th>\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a<\/th>\r\n                        <th>\u0645\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/th>\r\n                        <th>\u0627\u0644\u0636\u0645\u0627\u0646<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0623\u0631\u0636\u064a \u0635\u063a\u064a\u0631<\/td>\r\n                        <td>1,500 - 2,500 \u0631\u064a\u0627\u0644<\/td>\r\n                        <td>2-3 \u0623\u064a\u0627\u0645<\/td>\r\n                        <td>5 \u0633\u0646\u0648\u0627\u062a<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0623\u0631\u0636\u064a \u0645\u062a\u0648\u0633\u0637<\/td>\r\n                        <td>2,500 - 4,000 \u0631\u064a\u0627\u0644<\/td>\r\n                        <td>3-4 \u0623\u064a\u0627\u0645<\/td>\r\n                        <td>7 \u0633\u0646\u0648\u0627\u062a<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0623\u0631\u0636\u064a \u0643\u0628\u064a\u0631<\/td>\r\n                        <td>4,000 - 6,000 \u0631\u064a\u0627\u0644<\/td>\r\n                        <td>4-5 \u0623\u064a\u0627\u0645<\/td>\r\n                        <td>10 \u0633\u0646\u0648\u0627\u062a<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0633\u0642\u0641<\/td>\r\n                        <td>1,200 - 2,500 \u0631\u064a\u0627\u0644<\/td>\r\n                        <td>1-2 \u064a\u0648\u0645<\/td>\r\n                        <td>5 \u0633\u0646\u0648\u0627\u062a<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\u062a\u0646\u0638\u064a\u0641 \u0648\u062a\u0639\u0642\u064a\u0645<\/td>\r\n                        <td>300 - 600 \u0631\u064a\u0627\u0644<\/td>\r\n                        <td>\u0646\u0635\u0641 \u064a\u0648\u0645<\/td>\r\n                        <td>\u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n            \r\n            <div style=\"background: #dcfce7; padding: 20px; border-radius: 10px; margin-top: 30px;\">\r\n                <h4 style=\"color: var(--secondary); margin-bottom: 10px;\"><i class=\"fas fa-gift\"><\/i> \u0639\u0631\u0648\u0636 \u062e\u0627\u0635\u0629:<\/h4>\r\n                <ul style=\"margin-right: 20px; color: var(--gray);\">\r\n                    <li>\u062e\u0635\u0645 15% \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062c\u062f\u062f<\/li>\r\n                    <li>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0645\u062c\u0627\u0646\u064a \u0645\u0639 \u0623\u064a \u062e\u062f\u0645\u0629 \u0639\u0632\u0644<\/li>\r\n                    <li>\u0639\u0631\u0636 \u0627\u0644\u0635\u064a\u0641: \u062e\u0635\u0645 20% \u0639\u0644\u0649 \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0642\u0641<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 -->\r\n        <section id=\"contact\" class=\"fade-in\">\r\n            <h2><i class=\"fas fa-envelope\"><\/i> \u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h2>\r\n            \r\n            <div class=\"contact-form\">\r\n                <form id=\"contactForm\">\r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"name\"><i class=\"fas fa-user\"><\/i> \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *<\/label>\r\n                            <input type=\"text\" id=\"name\" required>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label for=\"phone\"><i class=\"fas fa-phone\"><\/i> \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 *<\/label>\r\n                            <input type=\"tel\" id=\"phone\" required dir=\"ltr\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"area\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u062d\u064a *<\/label>\r\n                            <select id=\"area\" required>\r\n                                <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062d\u064a<\/option>\r\n                                <option value=\"\u0627\u0644\u0646\u0631\u062c\u0633\">\u0627\u0644\u0646\u0631\u062c\u0633<\/option>\r\n                                <option value=\"\u0627\u0644\u064a\u0627\u0633\u0645\u064a\u0646\">\u0627\u0644\u064a\u0627\u0633\u0645\u064a\u0646<\/option>\r\n                                <option value=\"\u0627\u0644\u0631\u0628\u064a\u0639\">\u0627\u0644\u0631\u0628\u064a\u0639<\/option>\r\n                                <option value=\"\u0627\u0644\u0645\u0644\u0632\">\u0627\u0644\u0645\u0644\u0632<\/option>\r\n                                <option value=\"\u0627\u0644\u0639\u0644\u064a\u0627\">\u0627\u0644\u0639\u0644\u064a\u0627<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label for=\"service\"><i class=\"fas fa-tools\"><\/i> \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 *<\/label>\r\n                            <select id=\"service\" required>\r\n                                <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\r\n                                <option value=\"\u0639\u0632\u0644 \u0623\u0631\u0636\u064a\">\u0639\u0632\u0644 \u0623\u0631\u0636\u064a<\/option>\r\n                                <option value=\"\u0639\u0632\u0644 \u0633\u0642\u0641\">\u0639\u0632\u0644 \u0633\u0642\u0641<\/option>\r\n                                <option value=\"\u062a\u0646\u0638\u064a\u0641\">\u062a\u0646\u0638\u064a\u0641<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"message\"><i class=\"fas fa-comment\"><\/i> \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/label>\r\n                        <textarea id=\"message\" rows=\"4\" placeholder=\"\u0648\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629...\"><\/textarea>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" class=\"submit-btn\">\r\n                        <i class=\"fas fa-paper-plane\"><\/i> \u0623\u0631\u0633\u0644 \u0627\u0644\u0637\u0644\u0628\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n            \r\n            <!-- \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 -->\r\n            <div class=\"contact-cards\">\r\n                <div class=\"contact-card\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i>\r\n                    <h4>\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/h4>\r\n                    <a href=\"tel:0539171651\" style=\"color: var(--primary); font-weight: bold; text-decoration: none;\">0539 171 651<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-card\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i>\r\n                    <h4>\u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\r\n                    <a href=\"https:\/\/wa.me\/966534478703\" style=\"color: var(--primary); font-weight: bold; text-decoration: none;\">0534 478 703<\/a>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-card\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                    <h4>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h4>\r\n                    <p>24\/7 \u0644\u0644\u0637\u0648\u0627\u0631\u0626<\/p>\r\n                    <p>8 \u0635 - 10 \u0645<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <!-- Footer -->\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-section\">\r\n                    <h3>\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632<\/h3>\r\n                    <p>\u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636. \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0636\u0645\u0627\u0646 \u0637\u0648\u064a\u0644 \u0627\u0644\u0645\u062f\u0649.<\/p>\r\n                    <div class=\"social-links\">\r\n                        <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                        <a href=\"https:\/\/wa.me\/966534478703\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-section\">\r\n                    <h3>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                        <li><a href=\"#gallery\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a><\/li>\r\n                        <li><a href=\"#pricing\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a><\/li>\r\n                        <li><a href=\"#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-section\">\r\n                    <h3>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644<\/h3>\r\n                    <ul>\r\n                        <li><i class=\"fas fa-phone\"><\/i> <a href=\"tel:0539171651\">0539 171 651<\/a><\/li>\r\n                        <li><i class=\"fab fa-whatsapp\"><\/i> <a href=\"https:\/\/wa.me\/966534478703\">0534 478 703<\/a><\/li>\r\n                        <li><i class=\"fas fa-envelope\"><\/i> info@watani-eleaziz.com<\/li>\r\n                        <li><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636 - \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"copyright\">\r\n                <p>\u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 2024 \u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 - \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/p>\r\n                <p style=\"margin-top: 5px;\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631: \u0641\u0631\u064a\u0642 \u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644\r\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const name = document.getElementById('name').value;\r\n            const phone = document.getElementById('phone').value;\r\n            const area = document.getElementById('area').value;\r\n            const service = document.getElementById('service').value;\r\n            \r\n            const message = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0646\u0627 ${name} \u0645\u0646 \u062d\u064a ${area}\u060c \u0623\u0631\u063a\u0628 \u0641\u064a \u062e\u062f\u0645\u0629 ${service}. \u0631\u0642\u0645\u064a: ${phone}`;\r\n            const whatsappURL = `https:\/\/wa.me\/966534478703?text=${encodeURIComponent(message)}`;\r\n            \r\n            window.open(whatsappURL, '_blank');\r\n            \r\n            \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\r\n            this.reset();\r\n            \r\n            \/\/ \u0631\u0633\u0627\u0644\u0629 \u062a\u0623\u0643\u064a\u062f\r\n            alert('\u0634\u0643\u0631\u0627\u064b \u0644\u062a\u0648\u0627\u0635\u0644\u0643! \u0633\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644\u0643 \u0625\u0644\u0649 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628.');\r\n        });\r\n        \r\n        \/\/ \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0633\u0644\u0633\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                \r\n                const targetId = this.getAttribute('href');\r\n                if(targetId === '#') return;\r\n                \r\n                const targetElement = document.querySelector(targetId);\r\n                if(targetElement) {\r\n                    window.scrollTo({\r\n                        top: targetElement.offsetTop - 80,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0644\u0647\u064a\u062f\u0631\r\n        window.addEventListener('scroll', function() {\r\n            const header = document.querySelector('header');\r\n            if (window.scrollY > 100) {\r\n                header.style.backgroundColor = 'rgba(15, 23, 42, 0.95)';\r\n                header.style.backdropFilter = 'blur(10px)';\r\n            } else {\r\n                header.style.backgroundColor = '';\r\n                header.style.backdropFilter = '';\r\n            }\r\n        });\r\n        \r\n        \/\/ \u062a\u0623\u062b\u064a\u0631 \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('fade-in');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n        \r\n        document.querySelectorAll('section').forEach(section => {\r\n            observer.observe(section);\r\n        });\r\n        \r\n        \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n        let lastScroll = 0;\r\n        window.addEventListener('scroll', function() {\r\n            const currentScroll = window.pageYOffset;\r\n            \r\n            if (currentScroll <= 0) {\r\n                document.querySelector('header').style.transform = 'translateY(0)';\r\n            }\r\n            \r\n            if (currentScroll > lastScroll && currentScroll > 100) {\r\n                document.querySelector('header').style.transform = 'translateY(-100%)';\r\n            } else {\r\n                document.querySelector('header').style.transform = 'translateY(0)';\r\n            }\r\n            \r\n            lastScroll = currentScroll;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 &#8211; \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0627\u0644\u0631\u064a\u0627\u0636 | 0539171651 \u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0627\u0644\u0631\u064a\u0627\u0636 0539 171 651 \u0648\u0627\u062a\u0633\u0627\u0628: 0534 478 703 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0634\u0631\u0643\u0629 \u0648\u0637\u0646\u064a \u0627\u0644\u0639\u0632\u064a\u0632 &#8211; \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0628\u0627\u0644\u0631\u064a\u0627\u0636 \u0646\u0642\u062f\u0645 \u0623\u0641\u0636\u0644 \u062d\u0644\u0648\u0644 \u0639\u0632\u0644 \u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0648\u0627\u0644\u0623\u0633\u0642\u0641 \u0628\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0636\u0645\u0627\u0646 \u064a\u0635\u0644 \u0625\u0644\u0649 10 \u0633\u0646\u0648\u0627\u062a. \u0641\u0631\u064a\u0642 \u0641\u0646\u064a&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[77],"tags":[],"class_list":["post-3751","post","type-post","status-publish","format-standard","hentry","category-water-tank-insulation"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/posts\/3751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/comments?post=3751"}],"version-history":[{"count":5,"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/posts\/3751\/revisions"}],"predecessor-version":[{"id":4076,"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/posts\/3751\/revisions\/4076"}],"wp:attachment":[{"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/media?parent=3751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/categories?post=3751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/watani-eleaziz.com\/en\/wp-json\/wp\/v2\/tags?post=3751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}