{"id":36,"date":"2026-05-29T15:50:37","date_gmt":"2026-05-29T12:50:37","guid":{"rendered":"https:\/\/almutamiyzoon.ly\/?page_id=36"},"modified":"2026-05-30T02:37:02","modified_gmt":"2026-05-29T23:37:02","slug":"%d9%85%d8%b1%d8%ad%d8%a8%d8%a7-copy","status":"publish","type":"page","link":"https:\/\/almutamiyzoon.ly\/","title":{"rendered":"\u0645\u0631\u062d\u0628\u0627 – Copy"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0647\u064a\u062f\u0631 - \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n direction: rtl;\r\n background: transparent;\r\n }\r\n\r\n nav {\r\n width: 100%;\r\n background: linear-gradient(to bottom, #060e1a 0%, #0d1b2e 60%, #152640 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n height: 75px;\r\n border-bottom: 2px solid rgba(212, 32, 39, 0.3);\r\n }\r\n\r\n \/* Logo *\/\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n .logo-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: #d42027;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n font-weight: 900;\r\n color: white;\r\n }\r\n\r\n .logo-text .main {\r\n font-size: 17px;\r\n font-weight: 900;\r\n color: #ffffff;\r\n line-height: 1.3;\r\n }\r\n\r\n .logo-text .sub {\r\n font-size: 11px;\r\n color: #7a9abd;\r\n }\r\n\r\n \/* Links *\/\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 2px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links li a {\r\n color: #c8d8e8;\r\n text-decoration: none;\r\n font-size: 13.5px;\r\n font-weight: 600;\r\n padding: 6px 12px;\r\n border-radius: 4px;\r\n transition: color 0.2s;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-links li a:hover { color: #d42027; }\r\n .nav-links li a.active { color: #d42027; }\r\n\r\n \/* CTA Button *\/\r\n .nav-cta {\r\n background: #d42027 !important;\r\n color: white !important;\r\n border-radius: 6px !important;\r\n padding: 8px 18px !important;\r\n font-weight: 700 !important;\r\n display: inline-flex !important;\r\n align-items: center;\r\n gap: 6px;\r\n transition: background 0.2s;\r\n }\r\n\r\n .nav-cta:hover { background: #b01a20 !important; color: white !important; }\r\n\r\n @media (max-width: 900px) {\r\n nav { padding: 0 16px; }\r\n .nav-links { display: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n <a href=\"#\" class=\"nav-logo\">\r\n <div class=\"logo-icon\">M<\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"main\">\u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/div>\r\n <div class=\"sub\">\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0646\u0636\u0627\u0626\u062f \u0648\u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#\" class=\"active\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n <li><a href=\"#\">\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629<\/a><\/li>\r\n <li><a href=\"#\">\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/a><\/li>\r\n <li><a href=\"#\">\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/a><\/li>\r\n <li><a href=\"#\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n <li><a href=\"#\">\u0627\u0644\u0645\u0639\u0631\u0636<\/a><\/li>\r\n <li><a href=\"#\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631<\/a><\/li>\r\n <li><a href=\"#\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\r\n <li>\r\n <a href=\"#\" class=\"nav-cta\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n \u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fdff1b e-con-full e-flex e-con e-parent\" data-id=\"0fdff1b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5b03e2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f5b03e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 - \u0625\u0637\u0627\u0631\u0627\u062a \u0648\u0646\u0636\u0627\u0626\u062f<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u2550\u2550\u2550 *\/\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n direction: rtl;\r\n overflow-x: hidden;\r\n background: #f4f6f8;\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0644\u0648\u064a (HERO) \u2550\u2550\u2550 *\/\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n height: 520px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_gumxaagumxaagumx-1.png');\r\n background-size: cover;\r\n background-position: center center;\r\n z-index: 0;\r\n }\r\n\r\n .hero-bg::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(8, 18, 34, 0.40);\r\n }\r\n\r\n .hero-content {\r\n position: absolute;\r\n left: 35%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 2;\r\n text-align: center;\r\n padding: 20px 24px;\r\n width: 100%;\r\n max-width: 760px;\r\n color: #fff;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 58px;\r\n font-weight: 900;\r\n line-height: 1.15;\r\n text-shadow: 0 2px 24px rgba(0,0,0,0.55);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .hero-content h2 {\r\n font-size: 27px;\r\n font-weight: 700;\r\n color: #d42027;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 17px;\r\n color: #c8d8e8;\r\n margin-bottom: 26px;\r\n }\r\n\r\n .hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #d42027;\r\n color: white;\r\n text-decoration: none;\r\n font-size: 17px;\r\n font-weight: 700;\r\n font-family: 'Cairo', sans-serif;\r\n padding: 13px 38px;\r\n border-radius: 8px;\r\n transition: background 0.2s, transform 0.2s;\r\n box-shadow: 0 8px 24px rgba(212,32,39,0.5);\r\n }\r\n\r\n .hero-btn:hover {\r\n background: #b8191f;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0642\u0633\u0645 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644 (\u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0623\u0628\u064a\u0636) \u2550\u2550\u2550 *\/\r\n #features-strip {\r\n position: relative;\r\n z-index: 10;\r\n \/* \u0647\u0630\u0627 \u0627\u0644\u0633\u0637\u0631 \u0647\u0648 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n margin-top: -65px; \r\n \r\n background: #ffffff;\r\n border-radius: 16px 16px 0 0; \/* \u062d\u0648\u0627\u0641 \u062f\u0627\u0626\u0631\u064a\u0629 \u0644\u0644\u0642\u0645\u0629 \u0644\u062a\u0628\u062f\u0648 \u0646\u0627\u0639\u0645\u0629 *\/\r\n box-shadow: 0 -4px 20px rgba(0,0,0,0.08), 0 8px 25px rgba(0,0,0,0.1); \/* \u0638\u0644 \u0645\u0645\u064a\u0632 *\/\r\n padding: 20px 0;\r\n width: 92%;\r\n max-width: 1240px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .features-container {\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n padding: 0 20px;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n flex: 1;\r\n min-width: 180px;\r\n padding: 10px;\r\n border-left: 1px solid #eee; \/* \u062e\u0637 \u0641\u0627\u0635\u0644 \u0634\u0641\u0627\u0641 *\/\r\n padding-left: 24px;\r\n }\r\n\r\n \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062d\u062f \u0645\u0646 \u0622\u062e\u0631 \u0639\u0646\u0635\u0631 *\/\r\n .feature-item:last-child {\r\n border-left: none;\r\n padding-left: 0;\r\n }\r\n\r\n .feature-icon {\r\n flex-shrink: 0;\r\n width: 52px;\r\n height: 52px;\r\n background: #f7f7f8;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #1b2a41; \/* \u0644\u0648\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062f\u0627\u0643\u0646 *\/\r\n }\r\n \r\n .feature-icon svg {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n\r\n .feature-text {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .feature-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .feature-desc {\r\n font-size: 13px;\r\n color: #64748b;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n .hero { height: 380px; }\r\n .hero-content h1 { font-size: 36px; }\r\n .hero-content { left: 50%; width: 90%; max-width: 100%; padding: 0 15px; }\r\n \r\n #features-strip {\r\n margin-top: -30px; \/* \u062a\u062f\u0627\u062e\u0644 \u0623\u0642\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n width: 95%;\r\n }\r\n .features-container {\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: stretch;\r\n }\r\n .feature-item {\r\n border-left: none;\r\n border-bottom: 1px solid #eee;\r\n padding: 8px 0;\r\n }\r\n .feature-item:last-child {\r\n border-bottom: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- \u2550\u2550\u2550 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0644\u0648\u064a \u2550\u2550\u2550 -->\r\n <section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>\u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h1>\r\n <h2>\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0646\u0636\u0627\u0626\u062f \u0648\u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a<\/h2>\r\n <p>\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u0645\u064a\u0629.. \u0623\u062f\u0627\u0621 \u0645\u0648\u062b\u0648\u0642.. \u0648\u0634\u0631\u0627\u0643\u0629 \u062a\u062f\u0648\u0645<\/p>\r\n <a href=\"#\" class=\"hero-btn\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n <polyline points=\"15 18 9 12 15 6\"\/>\r\n <\/svg>\r\n \u0627\u0633\u062a\u0643\u0634\u0641 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 \u0634\u0631\u064a\u0637 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a (\u0627\u0644\u062c\u062f\u064a\u062f) \u2550\u2550\u2550 -->\r\n <section id=\"features-strip\">\r\n <div class=\"features-container\">\r\n \r\n <!-- 1. \u062f\u0639\u0645 \u0641\u0646\u064a -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0633\u0645\u0627\u0639\u0629 -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-title\">\u062f\u0639\u0645 \u0641\u0646\u064a<\/span>\r\n <span class=\"feature-desc\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u062e\u062f\u0645\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0634\u0627\u062d\u0646\u0629 -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path d=\"M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-title\">\u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639<\/span>\r\n <span class=\"feature-desc\">\u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0628\u0644\u0627\u062f<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3. \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0639\u0627\u0644\u0645\u064a -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0631\u0629 \u0623\u0631\u0636\u064a\u0629 -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-title\">\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0639\u0627\u0644\u0645\u064a<\/span>\r\n <span class=\"feature-desc\">\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 4. \u062c\u0648\u062f\u0629 \u0645\u0636\u0645\u0648\u0646\u0629 -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <!-- \u0623\u064a\u0642\u0648\u0646\u0629 \u062f\u0631\u0639 -->\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-title\">\u062c\u0648\u062f\u0629 \u0645\u0636\u0645\u0648\u0646\u0629<\/span>\r\n <span class=\"feature-desc\">\u0645\u0646\u062a\u062c\u0627\u062a \u0623\u0635\u0644\u064a\u0629 100% \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0635\u0646\u0639\u064a\u0646<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac1ee58 e-con-full e-flex e-con e-parent\" data-id=\"ac1ee58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1638af1 elementor-widget elementor-widget-html\" data-id=\"1638af1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629 - \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u2550\u2550\u2550 *\/\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n body { font-family: 'Cairo', sans-serif; direction: rtl; background: #f8f9fc; }\r\n\r\n \/* \u2550\u2550\u2550 \u0642\u0633\u0645 \"\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629\" \u2550\u2550\u2550 *\/\r\n .about-section {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 20px auto 30px auto;\r\n padding: 30px 40px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n min-height: 500px;\r\n }\r\n\r\n \/* \u0639\u0645\u0648\u062f \u0627\u0644\u0646\u0635 (\u0627\u0644\u064a\u0633\u0627\u0631 \u0639\u0646\u062f\u0646\u0627 \u0641\u064a RTL) *\/\r\n .about-content {\r\n flex: 1 1 45%;\r\n min-width: 300px;\r\n padding: 20px;\r\n }\r\n .about-badge {\r\n display: inline-block;\r\n font-weight: 700;\r\n color: #1e293b;\r\n font-size: 15px;\r\n border: 1px solid #e2e8f0;\r\n padding: 4px 16px 4px 25px;\r\n border-radius: 20px;\r\n position: relative;\r\n margin-bottom: 10px;\r\n }\r\n .about-badge::before {\r\n content: '';\r\n position: absolute;\r\n right: 6px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 5px;\r\n height: 5px;\r\n background: #d42027;\r\n border-radius: 50%;\r\n }\r\n .about-title {\r\n font-size: 38px;\r\n font-weight: 900;\r\n color: #0f172a;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n .about-title span { color: #d42027; }\r\n .about-text {\r\n font-size: 16px;\r\n color: #475569;\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n .about-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0f172a;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 12px 28px;\r\n border-radius: 8px;\r\n transition: background 0.3s;\r\n }\r\n .about-btn:hover { background: #d42027; }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0642\u0637 (\u062a\u0645 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0634\u0639\u0627\u0631) \u2550\u2550\u2550 *\/\r\n .about-visual {\r\n flex: 1 1 50%;\r\n position: relative;\r\n height: 420px;\r\n background: url('https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-Jan-17-2026-12_26_42-PM.jpg') center\/cover no-repeat;\r\n border-radius: 20px 0 0 20px;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0642\u0633\u0645 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u2550\u2550\u2550 *\/\r\n .stats-wrapper {\r\n position: relative;\r\n margin: -40px auto 80px auto;\r\n width: 92%;\r\n max-width: 1240px;\r\n background: #0f172a;\r\n border-radius: 20px 20px 0 0;\r\n padding: 35px 20px;\r\n color: white;\r\n box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);\r\n clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .stats-wrapper { clip-path: none; border-radius: 20px; }\r\n }\r\n\r\n .stats-container {\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n }\r\n .stat-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n text-align: right;\r\n min-width: 150px;\r\n }\r\n .stat-number {\r\n font-size: 32px;\r\n font-weight: 900;\r\n }\r\n .stat-label {\r\n font-size: 14px;\r\n opacity: 0.8;\r\n line-height: 1.4;\r\n }\r\n .stat-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n stroke: white;\r\n fill: none;\r\n stroke-width: 2;\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n .about-section { flex-direction: column; padding: 20px; }\r\n .about-visual { width: 100%; height: 300px; border-radius: 20px; }\r\n .stats-wrapper { width: 95%; margin-top: -20px; padding: 25px 15px; clip-path: none; }\r\n .stat-item { min-width: 120px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- \u2550\u2550\u2550 \u0642\u0633\u0645 \"\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629\" \u2550\u2550\u2550 -->\r\n <section class=\"about-section\">\r\n <!-- \u0627\u0644\u0646\u0635 -->\r\n <div class=\"about-content\">\r\n <div class=\"about-badge\">\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629<\/div>\r\n <h2 class=\"about-title\">\u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 <span>\u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span><\/h2>\r\n <p class=\"about-text\">\r\n \u0634\u0631\u0643\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0646\u0636\u0627\u0626\u062f (\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a) \u0648\u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0648\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a. \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646 \u0623\u0634\u0647\u0631 \u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u062a\u0648\u0641\u064a\u0631 \u0623\u0641\u0636\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639 \u0644\u0636\u0645\u0627\u0646 \u0631\u0636\u0627 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627.\r\n <\/p>\r\n <a href=\"#\" class=\"about-btn\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0642\u0637 (\u0628\u062f\u0648\u0646 \u0634\u0639\u0627\u0631) -->\r\n <div class=\"about-visual\"><\/div>\r\n <\/section>\r\n\r\n <!-- \u2550\u2550\u2550 \u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u2550\u2550\u2550 -->\r\n <div class=\"stats-wrapper\">\r\n <div class=\"stats-container\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M16.5 12h-9c-1.1 0-2 .9-2 2v6h4v-6h-2v-2h9v2h-2v6h4v-6c0-1.1-.9-2-2-2z\"\/><path d=\"M12 3l-7 7h4v2h6v-2h4z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"stat-number\">+15<\/div>\r\n <div class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/><path d=\"M12 17l4-4h-3V7h-2v6H8z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"stat-number\">+50<\/div>\r\n <div class=\"stat-label\">\u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"stat-number\">+5000<\/div>\r\n <div class=\"stat-label\">\u0645\u0646\u062a\u062c \u0645\u062a\u0646\u0648\u0639<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"stat-number\">+2000<\/div>\r\n <div class=\"stat-label\">\u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8227e8 e-con-full e-flex e-con e-parent\" data-id=\"b8227e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c473a18 elementor-widget elementor-widget-html\" data-id=\"c473a18\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550 \u0642\u0633\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u2550\u2550\u2550 -->\r\n<section class=\"products-section\">\r\n <div class=\"products-container\">\r\n \r\n <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n <h2 class=\"section-title\">\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/h2>\r\n <p class=\"section-subtitle\">\u062a\u0634\u0643\u064a\u0644\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0646\u0636\u0627\u0626\u062f \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\r\n\r\n <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a -->\r\n <div class=\"products-grid\">\r\n \r\n <!-- \u0645\u0646\u062a\u062c 1 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-11.00.14-PM-1.jpeg\" alt=\"\u0645\u0646\u062a\u062c 1\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">\u0645\u0646\u062a\u062c \u0645\u0645\u064a\u0632 1<\/h3>\r\n <p class=\"product-desc\">\u0648\u0635\u0641 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0623\u0648\u0644<\/p>\r\n <span class=\"product-tag\">\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u0646\u062a\u062c 2 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_o2ju7do2ju7do2ju-1-1.png\" alt=\"\u0645\u0646\u062a\u062c 2\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">\u0645\u0646\u062a\u062c \u0645\u0645\u064a\u0632 2<\/h3>\r\n <p class=\"product-desc\">\u0648\u0635\u0641 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062b\u0627\u0646\u064a<\/p>\r\n <span class=\"product-tag\">\u0623\u0641\u0636\u0644 \u0645\u0628\u064a\u0639\u0627\u064b<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u0646\u062a\u062c 3 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-11.00.00-PM.jpeg\" alt=\"\u0645\u0646\u062a\u062c 3\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">\u0645\u0646\u062a\u062c \u0645\u0645\u064a\u0632 3<\/h3>\r\n <p class=\"product-desc\">\u0648\u0635\u0641 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062b\u0627\u0644\u062b<\/p>\r\n <span class=\"product-tag\">\u0636\u0645\u0627\u0646 \u0637\u0648\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u0646\u062a\u062c 4 -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-13-at-11.00.18-PM-1.jpeg\" alt=\"\u0645\u0646\u062a\u062c 4\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"product-info\">\r\n <h3 class=\"product-name\">\u0645\u0646\u062a\u062c \u0645\u0645\u064a\u0632 4<\/h3>\r\n <p class=\"product-desc\">\u0648\u0635\u0641 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0631\u0627\u0628\u0639<\/p>\r\n <span class=\"product-tag\">\u0625\u0635\u062f\u0627\u0631 \u062c\u062f\u064a\u062f<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u0632\u0631 \u0639\u0631\u0636 \u0627\u0644\u0643\u0644 -->\r\n <a href=\"#\" class=\"view-all-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627\r\n <\/a>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u2550\u2550\u2550 *\/\r\n .products-section {\r\n position: relative;\r\n width: 100%;\r\n padding: 80px 20px;\r\n background: #081222;\r\n background-image: url('https:\/\/almutamiyzoon.ly\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-Feb-2-2026-01_09_23-AM.png');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n color: #fff;\r\n margin-top: 0;\r\n }\r\n\r\n \/* \u0637\u0628\u0642\u0629 \u062a\u0639\u062a\u064a\u0645 94% *\/\r\n .products-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(8, 18, 34, 0.94); \/* 94% \u062a\u0639\u062a\u064a\u0645 *\/\r\n z-index: 1;\r\n mix-blend-mode: multiply;\r\n }\r\n\r\n .products-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .section-title {\r\n font-size: 40px;\r\n font-weight: 900;\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 18px;\r\n color: #ffffff;\r\n margin-bottom: 50px;\r\n }\r\n\r\n \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0635\u0648\u0631 (Grid) *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .product-card {\r\n background: rgba(255,255,255,0.08);\r\n backdrop-filter: blur(4px);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.05);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.5);\r\n border-color: rgba(212, 32, 39, 0.3);\r\n }\r\n\r\n .product-image-wrapper {\r\n width: 100%;\r\n height: 220px;\r\n overflow: hidden;\r\n background: #1e293b;\r\n }\r\n\r\n .product-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .product-card:hover .product-image-wrapper img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .product-info {\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n\r\n .product-name {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .product-desc {\r\n font-size: 14px;\r\n color: #94a3b8;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .product-tag {\r\n display: inline-block;\r\n background: #d42027;\r\n color: white;\r\n font-size: 12px;\r\n font-weight: 600;\r\n padding: 4px 14px;\r\n border-radius: 20px;\r\n }\r\n\r\n .view-all-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #d42027;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 18px;\r\n padding: 14px 40px;\r\n border-radius: 8px;\r\n transition: background 0.3s, transform 0.2s;\r\n box-shadow: 0 8px 20px rgba(212, 32, 39, 0.4);\r\n margin-top: 10px;\r\n }\r\n\r\n .view-all-btn:hover {\r\n background: #b8191f;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n .products-section { padding: 50px 15px; }\r\n .section-title { font-size: 30px; }\r\n .products-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }\r\n .product-image-wrapper { height: 150px; }\r\n .product-name { font-size: 16px; }\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76cfce3 e-flex e-con-boxed e-con e-parent\" data-id=\"76cfce3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3ea8c0 elementor-widget elementor-widget-html\" data-id=\"a3ea8c0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550 \u0642\u0633\u0645 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u2550\u2550\u2550 -->\r\n<section class=\"contact-section\">\r\n <div class=\"contact-container\">\r\n <h2 class=\"section-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\r\n <p class=\"section-subtitle\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\r\n\r\n <div class=\"contact-wrapper\">\r\n <!-- \u062c\u0647\u0629 \u0627\u0644\u064a\u0645\u064a\u0646: \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 -->\r\n <div class=\"contact-info\">\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"info-label\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646<\/span>\r\n <span class=\"info-value\">0920000000<\/span>\r\n <span class=\"info-value\" style=\"margin-top: 5px; display: block;\">0910000000<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"info-label\">\u0645\u0648\u0642\u0639\u0646\u0627<\/span>\r\n <span class=\"info-value\">\u0644\u064a\u0628\u064a\u0627 - \u0637\u0631\u0627\u0628\u0644\u0633<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"info-label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\r\n <span class=\"info-value\">info@almutamiyzoon.ly<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u062c\u0647\u0629 \u0627\u0644\u064a\u0633\u0627\u0631: \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 -->\r\n <div class=\"contact-form-wrapper\">\r\n <form class=\"contact-form\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0643\u0627\u0645\u0644\u0627\u064b\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"email\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"tel\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <textarea placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" rows=\"4\" required><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"submit-btn\">\r\n \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <polyline points=\"15 18 9 12 15 6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n \/* \u2550\u2550\u2550 \u0642\u0633\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 (\u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 - \u0645\u062d\u062a\u0648\u0649 \u062f\u0627\u0643\u0646) \u2550\u2550\u2550 *\/\r\n .contact-section {\r\n background: #ffffff; \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0635\u0627\u0641\u064a\u0629 *\/\r\n padding: 80px 20px;\r\n margin-top: 0;\r\n }\r\n .contact-container {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n .section-title {\r\n font-size: 40px;\r\n font-weight: 900;\r\n color: #0f172a; \/* \u0644\u0648\u0646 \u062f\u0627\u0643\u0646 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 *\/\r\n margin-bottom: 15px;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n .section-subtitle {\r\n font-size: 18px;\r\n color: #475569;\r\n margin-bottom: 50px;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n .contact-wrapper {\r\n display: flex;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n text-align: right;\r\n }\r\n .contact-info {\r\n flex: 1 1 35%;\r\n min-width: 280px;\r\n }\r\n .contact-form-wrapper {\r\n flex: 1 1 55%;\r\n min-width: 300px;\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 (\u0646\u0641\u0633 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u063a\u0627\u0645\u0642 \u0627\u0644\u0633\u0627\u0628\u0642) \u2550\u2550\u2550 *\/\r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n margin-bottom: 30px;\r\n padding: 15px;\r\n background: #0f172a; \/* \u062e\u0644\u0641\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 *\/\r\n border-radius: 12px;\r\n border: 1px solid rgba(255,255,255,0.05);\r\n transition: 0.3s;\r\n }\r\n .info-item:hover {\r\n background: #081222;\r\n border-color: rgba(212, 32, 39, 0.3);\r\n }\r\n .info-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255,255,255,0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .info-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n color: #d42027;\r\n }\r\n .info-label {\r\n font-size: 14px;\r\n color: #94a3b8;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n .info-value {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u2550\u2550\u2550 *\/\r\n .contact-form {\r\n background: #0f172a; \/* \u062e\u0644\u0641\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u0644\u0644\u0646\u0645\u0648\u0630\u062c *\/\r\n padding: 30px;\r\n border-radius: 16px;\r\n border: 1px solid rgba(255,255,255,0.05);\r\n }\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 14px 18px;\r\n background: rgba(255,255,255,0.06);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 8px;\r\n color: #fff;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 16px;\r\n transition: 0.3s;\r\n outline: none;\r\n }\r\n .form-group input::placeholder,\r\n .form-group textarea::placeholder {\r\n color: #94a3b8;\r\n }\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n border-color: #d42027;\r\n background: rgba(255,255,255,0.1);\r\n }\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n .submit-btn {\r\n width: 100%;\r\n padding: 14px;\r\n background: #d42027;\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n font-family: 'Cairo', sans-serif;\r\n font-weight: 700;\r\n font-size: 18px;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n transition: 0.3s;\r\n box-shadow: 0 8px 24px rgba(212, 32, 39, 0.4);\r\n }\r\n .submit-btn:hover {\r\n background: #b8191f;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u2550\u2550\u2550 \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u2550\u2550\u2550 *\/\r\n @media (max-width: 900px) {\r\n .contact-wrapper {\r\n flex-direction: column;\r\n }\r\n .contact-info,\r\n .contact-form-wrapper {\r\n flex: 1 1 100%;\r\n min-width: auto;\r\n }\r\n .section-title {\r\n font-size: 32px;\r\n }\r\n .section-subtitle {\r\n font-size: 16px;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .contact-section {\r\n padding: 50px 15px;\r\n }\r\n .section-title {\r\n font-size: 26px;\r\n }\r\n .info-item {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 20px 10px;\r\n }\r\n .contact-form {\r\n padding: 20px 15px;\r\n }\r\n .form-group input,\r\n .form-group textarea {\r\n font-size: 14px;\r\n padding: 12px 14px;\r\n }\r\n .submit-btn {\r\n font-size: 16px;\r\n }\r\n }\r\n<\/style>\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>\u0647\u064a\u062f\u0631 – \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 M \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0646\u0636\u0627\u0626\u062f \u0648\u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 – \u0625\u0637\u0627\u0631\u0627\u062a \u0648\u0646\u0636\u0627\u0626\u062f \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0648\u0646 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0646\u0636\u0627\u0626\u062f \u0648\u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u0645\u064a\u0629.. \u0623\u062f\u0627\u0621 \u0645\u0648\u062b\u0648\u0642.. \u0648\u0634\u0631\u0627\u0643\u0629 \u062a\u062f\u0648\u0645 \u0627\u0633\u062a\u0643\u0634\u0641 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u062f\u0639\u0645 \u0641\u0646\u064a \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u062e\u062f\u0645\u062a\u0643 \u0648\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":33,"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/almutamiyzoon.ly\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}