{"id":1038,"date":"2017-06-10T08:21:56","date_gmt":"2017-06-10T05:21:56","guid":{"rendered":"http:\/\/xtratheme.comlawyers\/?page_id=4"},"modified":"2026-05-14T19:22:55","modified_gmt":"2026-05-14T16:22:55","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.mdmediabuyer.com\/?page_id=1038","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\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\r\n\r\n\r\n\r\n\r\n\r\n\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 | \u0645\u062d\u0627\u0645\u064d \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Amiri:ital,wght@0,400;0,700;1,400&family=Cairo:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --gold: #B8933A;\r\n --gold-light: #D4AF5C;\r\n --gold-pale: #F5EDD6;\r\n --dark: #0D0B08;\r\n --dark2: #1A1610;\r\n --dark3: #2C2416;\r\n --cream: #F9F5EC;\r\n --cream2: #EDE5D0;\r\n --text: #1A1610;\r\n --text-muted: #6B5E44;\r\n --white: #FFFFFF;\r\n --border: rgba(184,147,58,0.25);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background: var(--cream);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n direction: rtl;\r\n }\r\n\r\n \/* HEADER *\/\r\n header {\r\n background: var(--dark);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .top-bar {\r\n background: var(--gold);\r\n padding: 6px 0;\r\n text-align: center;\r\n }\r\n\r\n .top-bar span {\r\n color: var(--dark);\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n nav {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 70px;\r\n }\r\n\r\n .logo-area {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .logo-icon {\r\n width: 48px;\r\n height: 48px;\r\n border: 2px solid 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: 22px;\r\n color: var(--gold);\r\n font-family: 'Amiri', serif;\r\n }\r\n\r\n .logo-text {\r\n font-family: 'Amiri', serif;\r\n color: var(--white);\r\n line-height: 1.2;\r\n }\r\n\r\n .logo-text .name { font-size: 18px; font-weight: 700; }\r\n .logo-text .sub { font-size: 11px; color: var(--gold-light); letter-spacing: 1px; }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 28px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: rgba(255,255,255,0.75);\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: color 0.2s;\r\n position: relative;\r\n padding-bottom: 4px;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 0;\r\n height: 1px;\r\n background: var(--gold);\r\n transition: width 0.3s;\r\n }\r\n\r\n .nav-links a:hover { color: var(--gold-light); }\r\n .nav-links a:hover::after { width: 100%; }\r\n\r\n .cta-btn {\r\n background: var(--gold);\r\n color: var(--dark) !important;\r\n padding: 10px 22px;\r\n border-radius: 3px;\r\n font-weight: 700 !important;\r\n font-size: 13px !important;\r\n transition: background 0.2s !important;\r\n }\r\n\r\n .cta-btn:hover { background: var(--gold-light) !important; }\r\n .cta-btn::after { display: none !important; }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 4px;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 24px;\r\n height: 2px;\r\n background: var(--white);\r\n transition: all 0.3s;\r\n }\r\n\r\n .mobile-menu {\r\n display: none;\r\n background: var(--dark2);\r\n border-top: 1px solid var(--border);\r\n padding: 16px 24px;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .mobile-menu a {\r\n color: rgba(255,255,255,0.8);\r\n text-decoration: none;\r\n font-size: 15px;\r\n font-weight: 500;\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(184,147,58,0.1);\r\n display: block;\r\n }\r\n\r\n .mobile-menu a:last-child { border-bottom: none; }\r\n .mobile-menu.open { display: flex; }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n background: var(--dark);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 80% at 0% 50%, rgba(184,147,58,0.08) 0%, transparent 60%),\r\n radial-gradient(ellipse 40% 60% at 100% 20%, rgba(184,147,58,0.05) 0%, transparent 50%);\r\n }\r\n\r\n .hero-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image: repeating-linear-gradient(\r\n 45deg,\r\n var(--gold) 0,\r\n var(--gold) 1px,\r\n transparent 0,\r\n transparent 50%\r\n );\r\n background-size: 30px 30px;\r\n }\r\n\r\n .hero-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 100px 24px 80px;\r\n display: grid;\r\n grid-template-columns: 1fr 420px;\r\n gap: 80px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(184,147,58,0.12);\r\n border: 1px solid rgba(184,147,58,0.3);\r\n color: var(--gold-light);\r\n padding: 6px 16px;\r\n border-radius: 2px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-badge::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(0.8); }\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Amiri', serif;\r\n font-size: clamp(36px, 5vw, 58px);\r\n color: var(--white);\r\n line-height: 1.3;\r\n margin-bottom: 16px;\r\n font-weight: 700;\r\n }\r\n\r\n .hero h1 .highlight {\r\n color: var(--gold-light);\r\n display: block;\r\n }\r\n\r\n .hero-sub {\r\n font-family: 'Amiri', serif;\r\n color: var(--gold);\r\n font-size: 20px;\r\n font-style: italic;\r\n margin-bottom: 20px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .hero p {\r\n color: rgba(255,255,255,0.65);\r\n font-size: 16px;\r\n line-height: 1.9;\r\n max-width: 520px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gold);\r\n color: var(--dark);\r\n padding: 14px 32px;\r\n border-radius: 3px;\r\n font-weight: 700;\r\n font-size: 15px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.25s;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--gold-light);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(184,147,58,0.35);\r\n }\r\n\r\n .btn-outline {\r\n border: 1px solid rgba(255,255,255,0.25);\r\n color: var(--white);\r\n padding: 14px 32px;\r\n border-radius: 3px;\r\n font-weight: 600;\r\n font-size: 15px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.25s;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--gold);\r\n color: var(--gold-light);\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: 36px;\r\n margin-top: 48px;\r\n padding-top: 36px;\r\n border-top: 1px solid rgba(184,147,58,0.15);\r\n }\r\n\r\n .stat-item { text-align: center; }\r\n\r\n .stat-num {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: var(--gold-light);\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n .stat-lbl {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.5);\r\n margin-top: 4px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Hero Image *\/\r\n .hero-image-wrap {\r\n position: relative;\r\n }\r\n\r\n .hero-img-frame {\r\n position: relative;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-img-frame::before {\r\n content: '';\r\n position: absolute;\r\n inset: -1px;\r\n background: linear-gradient(135deg, var(--gold) 0%, transparent 50%);\r\n border-radius: 4px;\r\n z-index: 0;\r\n }\r\n\r\n .hero-img-frame img {\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n object-position: center top;\r\n display: block;\r\n position: relative;\r\n z-index: 1;\r\n filter: grayscale(15%) contrast(1.05);\r\n }\r\n\r\n .hero-img-badge {\r\n position: absolute;\r\n bottom: -20px;\r\n left: -20px;\r\n background: var(--gold);\r\n color: var(--dark);\r\n padding: 16px 20px;\r\n border-radius: 4px;\r\n z-index: 2;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.4);\r\n }\r\n\r\n .hero-img-badge .big { font-size: 28px; font-weight: 900; display: block; line-height: 1; font-family: 'Playfair Display', serif; }\r\n .hero-img-badge .small { font-size: 11px; font-weight: 700; letter-spacing: 1px; display: block; }\r\n\r\n .hero-img-corner {\r\n position: absolute;\r\n top: -16px;\r\n right: -16px;\r\n width: 80px;\r\n height: 80px;\r\n border: 2px solid var(--gold);\r\n border-radius: 2px;\r\n z-index: 0;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* DIVIDER *\/\r\n .section-divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin: 0 auto 48px;\r\n max-width: 300px;\r\n }\r\n\r\n .section-divider::before, .section-divider::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--gold);\r\n opacity: 0.4;\r\n }\r\n\r\n .divider-icon {\r\n color: var(--gold);\r\n font-size: 18px;\r\n }\r\n\r\n \/* SECTIONS *\/\r\n section { padding: 90px 24px; }\r\n\r\n .container { max-width: 1200px; margin: 0 auto; }\r\n\r\n .section-label {\r\n text-align: center;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n color: var(--gold);\r\n text-transform: uppercase;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Amiri', serif;\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 700;\r\n text-align: center;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-desc {\r\n text-align: center;\r\n color: var(--text-muted);\r\n font-size: 16px;\r\n max-width: 600px;\r\n margin: 0 auto 56px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ABOUT *\/\r\n .about { background: var(--dark); }\r\n\r\n .about .section-title { color: var(--white); }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n }\r\n\r\n .about-img-wrap {\r\n position: relative;\r\n }\r\n\r\n .about-img {\r\n width: 100%;\r\n height: 520px;\r\n object-fit: cover;\r\n object-position: center top;\r\n border-radius: 4px;\r\n filter: grayscale(20%);\r\n }\r\n\r\n .about-quote {\r\n position: absolute;\r\n bottom: 30px;\r\n right: 30px;\r\n background: var(--gold);\r\n color: var(--dark);\r\n padding: 20px 24px;\r\n max-width: 240px;\r\n border-radius: 3px;\r\n font-family: 'Amiri', serif;\r\n font-style: italic;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n font-weight: 700;\r\n }\r\n\r\n .about-content .section-title { text-align: right; }\r\n\r\n .about-content p {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 15px;\r\n line-height: 2;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .about-list {\r\n list-style: none;\r\n margin: 24px 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .about-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n color: rgba(255,255,255,0.8);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n }\r\n\r\n .check-icon {\r\n width: 20px;\r\n height: 20px;\r\n background: rgba(184,147,58,0.15);\r\n border: 1px solid var(--gold);\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 2px;\r\n font-size: 10px;\r\n color: var(--gold);\r\n }\r\n\r\n \/* SERVICES *\/\r\n .services { background: var(--cream); }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .service-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n padding: 32px 28px;\r\n transition: all 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n width: 0;\r\n height: 3px;\r\n background: var(--gold);\r\n transition: width 0.4s;\r\n }\r\n\r\n .service-card:hover {\r\n border-color: var(--gold);\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 48px rgba(184,147,58,0.12);\r\n }\r\n\r\n .service-card:hover::before { width: 100%; }\r\n\r\n .service-icon {\r\n width: 56px;\r\n height: 56px;\r\n background: var(--gold-pale);\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-card h3 {\r\n font-family: 'Amiri', serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .service-card p {\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n line-height: 1.8;\r\n }\r\n\r\n .service-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--gold);\r\n font-weight: 600;\r\n font-size: 13px;\r\n text-decoration: none;\r\n margin-top: 16px;\r\n transition: gap 0.2s;\r\n }\r\n\r\n .service-link:hover { gap: 10px; }\r\n\r\n \/* PROCESS *\/\r\n .process { background: var(--dark2); }\r\n\r\n .process .section-title { color: var(--white); }\r\n\r\n .steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2px;\r\n position: relative;\r\n }\r\n\r\n .steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 32px;\r\n right: 12%;\r\n left: 12%;\r\n height: 1px;\r\n background: var(--border);\r\n z-index: 0;\r\n }\r\n\r\n .step {\r\n text-align: center;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .step-num {\r\n width: 64px;\r\n height: 64px;\r\n border: 2px solid var(--gold);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Playfair Display', serif;\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--gold);\r\n margin: 0 auto 20px;\r\n background: var(--dark2);\r\n transition: all 0.3s;\r\n }\r\n\r\n .step:hover .step-num {\r\n background: var(--gold);\r\n color: var(--dark);\r\n }\r\n\r\n .step h4 {\r\n font-family: 'Amiri', serif;\r\n font-size: 17px;\r\n color: var(--white);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .step p {\r\n color: rgba(255,255,255,0.5);\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* TESTIMONIALS *\/\r\n .testimonials { background: var(--cream2); }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n border-radius: 4px;\r\n padding: 32px 28px;\r\n border: 1px solid var(--border);\r\n position: relative;\r\n }\r\n\r\n .quote-mark {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 72px;\r\n color: var(--gold-pale);\r\n line-height: 0.5;\r\n margin-bottom: 16px;\r\n display: block;\r\n }\r\n\r\n .testimonial-card p {\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-style: italic;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .author-avatar {\r\n width: 44px;\r\n height: 44px;\r\n background: var(--gold-pale);\r\n border: 2px solid var(--gold);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n color: var(--gold);\r\n font-size: 14px;\r\n }\r\n\r\n .author-info .name { font-weight: 700; font-size: 14px; color: var(--dark); }\r\n .author-info .role { font-size: 12px; color: var(--text-muted); }\r\n\r\n .stars { color: var(--gold); font-size: 14px; margin-bottom: 12px; }\r\n\r\n \/* WHY US *\/\r\n .why-us { background: var(--dark3); }\r\n\r\n .why-us .section-title { color: var(--white); }\r\n\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 48px;\r\n align-items: center;\r\n }\r\n\r\n .why-items { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n .why-item {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 20px;\r\n background: rgba(184,147,58,0.06);\r\n border: 1px solid rgba(184,147,58,0.12);\r\n border-radius: 4px;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .why-item:hover { border-color: rgba(184,147,58,0.4); }\r\n\r\n .why-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(184,147,58,0.15);\r\n border-radius: 3px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .why-item h4 {\r\n color: var(--white);\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n font-family: 'Amiri', serif;\r\n }\r\n\r\n .why-item p {\r\n color: rgba(255,255,255,0.55);\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n .why-image {\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n object-position: top center;\r\n border-radius: 4px;\r\n filter: grayscale(30%) brightness(0.85);\r\n }\r\n\r\n \/* CTA SECTION *\/\r\n .cta-section {\r\n background: var(--gold);\r\n padding: 80px 24px;\r\n }\r\n\r\n .cta-inner {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .cta-section h2 {\r\n font-family: 'Amiri', serif;\r\n font-size: 38px;\r\n color: var(--dark);\r\n margin-bottom: 16px;\r\n font-weight: 700;\r\n }\r\n\r\n .cta-section p {\r\n color: rgba(13,11,8,0.75);\r\n font-size: 16px;\r\n margin-bottom: 36px;\r\n line-height: 1.8;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-dark {\r\n background: var(--dark);\r\n color: var(--gold-light);\r\n padding: 14px 32px;\r\n border-radius: 3px;\r\n font-weight: 700;\r\n font-size: 15px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.25s;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .btn-dark:hover {\r\n background: #1a1610;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-white {\r\n background: transparent;\r\n color: var(--dark);\r\n padding: 14px 32px;\r\n border-radius: 3px;\r\n font-weight: 700;\r\n font-size: 15px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n border: 2px solid var(--dark);\r\n transition: all 0.25s;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .btn-white:hover { background: rgba(13,11,8,0.1); }\r\n\r\n \/* CONTACT *\/\r\n .contact { background: var(--cream); }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n }\r\n\r\n .contact-info h3 {\r\n font-family: 'Amiri', serif;\r\n font-size: 26px;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n font-weight: 700;\r\n }\r\n\r\n .contact-info p {\r\n color: var(--text-muted);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .contact-items { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-item-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: var(--gold-pale);\r\n border: 1px solid var(--border);\r\n border-radius: 3px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n color: var(--gold);\r\n }\r\n\r\n .contact-item h5 {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--text-muted);\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .contact-item a, .contact-item p {\r\n color: var(--dark);\r\n font-size: 15px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n line-height: 1.5;\r\n display: block;\r\n }\r\n\r\n .contact-item a:hover { color: var(--gold); }\r\n\r\n .contact-form {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n padding: 36px 32px;\r\n }\r\n\r\n .contact-form h3 {\r\n font-family: 'Amiri', serif;\r\n font-size: 22px;\r\n color: var(--dark);\r\n margin-bottom: 24px;\r\n font-weight: 700;\r\n }\r\n\r\n .form-group { margin-bottom: 18px; }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--text-muted);\r\n margin-bottom: 6px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1px solid var(--cream2);\r\n border-radius: 3px;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 14px;\r\n color: var(--dark);\r\n background: var(--cream);\r\n transition: border-color 0.2s;\r\n outline: none;\r\n direction: rtl;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus,\r\n .form-group select:focus {\r\n border-color: var(--gold);\r\n background: var(--white);\r\n }\r\n\r\n .form-group textarea { min-height: 120px; resize: vertical; }\r\n\r\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n background: var(--gold);\r\n color: var(--dark);\r\n border: none;\r\n padding: 14px;\r\n border-radius: 3px;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n margin-top: 4px;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: var(--gold-light);\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* WHATSAPP FLOAT *\/\r\n .whatsapp-float {\r\n position: fixed;\r\n bottom: 28px;\r\n left: 28px;\r\n z-index: 999;\r\n width: 58px;\r\n height: 58px;\r\n background: #25D366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 24px rgba(37,211,102,0.45);\r\n text-decoration: none;\r\n animation: float 3s ease-in-out infinite;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .whatsapp-float:hover { transform: scale(1.1); }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-6px); }\r\n }\r\n\r\n .whatsapp-float svg { width: 30px; height: 30px; fill: white; }\r\n\r\n \/* MAP *\/\r\n .map-section { padding: 0; }\r\n .map-section iframe { width: 100%; height: 380px; border: none; display: block; filter: grayscale(20%); }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n background: var(--dark);\r\n padding: 64px 24px 32px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .footer-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 48px;\r\n padding-bottom: 48px;\r\n border-bottom: 1px solid rgba(184,147,58,0.15);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .footer-brand p {\r\n color: rgba(255,255,255,0.5);\r\n font-size: 14px;\r\n line-height: 1.8;\r\n margin-top: 16px;\r\n max-width: 280px;\r\n }\r\n\r\n .footer-col h4 {\r\n color: var(--gold-light);\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid rgba(184,147,58,0.2);\r\n }\r\n\r\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n\r\n .footer-col ul li a {\r\n color: rgba(255,255,255,0.55);\r\n text-decoration: none;\r\n font-size: 13px;\r\n transition: color 0.2s;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .footer-col ul li a::before {\r\n content: '\u203a';\r\n color: var(--gold);\r\n font-size: 16px;\r\n line-height: 1;\r\n }\r\n\r\n .footer-col ul li a:hover { color: var(--gold-light); }\r\n\r\n .footer-bottom {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .footer-bottom p {\r\n color: rgba(255,255,255,0.35);\r\n font-size: 13px;\r\n }\r\n\r\n .footer-bottom a { color: var(--gold-light); text-decoration: none; }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .social-link {\r\n width: 36px;\r\n height: 36px;\r\n border: 1px solid rgba(184,147,58,0.3);\r\n border-radius: 3px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--gold);\r\n text-decoration: none;\r\n font-size: 16px;\r\n transition: all 0.2s;\r\n }\r\n\r\n .social-link:hover {\r\n background: var(--gold);\r\n color: var(--dark);\r\n border-color: var(--gold);\r\n }\r\n\r\n \/* SCROLL ANIMATIONS *\/\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 960px) {\r\n .hero-inner { grid-template-columns: 1fr; gap: 48px; }\r\n .hero-image-wrap { order: -1; }\r\n .hero-img-frame img { height: 380px; }\r\n .about-grid { grid-template-columns: 1fr; }\r\n .about-img { height: 380px; }\r\n .why-grid { grid-template-columns: 1fr; }\r\n .contact-grid { grid-template-columns: 1fr; gap: 40px; }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n .steps { grid-template-columns: 1fr 1fr; gap: 32px; }\r\n .steps::before { display: none; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .nav-links { display: none; }\r\n .cta-btn { display: none; }\r\n .hamburger { display: flex; }\r\n section { padding: 64px 16px; }\r\n .hero-stats { flex-wrap: wrap; gap: 24px; }\r\n .footer-grid { grid-template-columns: 1fr; gap: 32px; }\r\n .form-row { grid-template-columns: 1fr; }\r\n .steps { grid-template-columns: 1fr; }\r\n .cta-buttons { flex-direction: column; align-items: center; }\r\n .hero-actions { flex-direction: column; align-items: flex-start; }\r\n }\r\n\r\n \/* Sticky CTA phone *\/\r\n .sticky-phone {\r\n position: fixed;\r\n bottom: 28px;\r\n right: 28px;\r\n z-index: 999;\r\n background: var(--gold);\r\n color: var(--dark);\r\n padding: 13px 22px;\r\n border-radius: 40px;\r\n font-weight: 700;\r\n font-size: 15px;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 6px 24px rgba(184,147,58,0.4);\r\n font-family: 'Cairo', sans-serif;\r\n transition: all 0.2s;\r\n }\r\n\r\n .sticky-phone:hover {\r\n background: var(--gold-light);\r\n transform: translateY(-2px);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- TOP BAR -->\r\n<div class=\"top-bar\">\r\n <span>\ud83d\udcde \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629: 01118683556 | \u0645\u062a\u0627\u062d 7 \u0623\u064a\u0627\u0645 \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/span>\r\n<\/div>\r\n\r\n<!-- HEADER -->\r\n<header>\r\n <nav>\r\n <div class=\"logo-area\">\r\n <div class=\"logo-icon\">\u2696<\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"name\">\u0645. \u0639\u0645\u0631\u0648 \u0631\u062c\u0628<\/div>\r\n <div class=\"sub\">\u0645\u062d\u0627\u0645\u064d \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#about\">\u0639\u0646 \u0627\u0644\u0645\u0643\u062a\u0628<\/a><\/li>\r\n <li><a href=\"#services\">\u062a\u062e\u0635\u0635\u0627\u062a\u0646\u0627<\/a><\/li>\r\n <li><a href=\"#process\">\u0643\u064a\u0641 \u0646\u0639\u0645\u0644<\/a><\/li>\r\n <li><a href=\"#testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\r\n <li><a href=\"#contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\r\n <li><a href=\"tel:01118683556\" class=\"cta-btn\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a><\/li>\r\n <\/ul>\r\n\r\n <button class=\"hamburger\" onclick=\"toggleMenu()\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/nav>\r\n\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#about\" onclick=\"toggleMenu()\">\u0639\u0646 \u0627\u0644\u0645\u0643\u062a\u0628<\/a>\r\n <a href=\"#services\" onclick=\"toggleMenu()\">\u062a\u062e\u0635\u0635\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"#process\" onclick=\"toggleMenu()\">\u0643\u064a\u0641 \u0646\u0639\u0645\u0644<\/a>\r\n <a href=\"#testimonials\" onclick=\"toggleMenu()\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\r\n <a href=\"#contact\" onclick=\"toggleMenu()\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n <a href=\"tel:01118683556\" style=\"color: var(--gold-light); font-weight: 700;\">\ud83d\udcde \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"home\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\u0645\u062d\u0627\u0645\u064d \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627<\/div>\r\n <h1>\r\n \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\r\n <span class=\"highlight\">\u0639\u0645\u0631\u0648 \u0631\u062c\u0628<\/span>\r\n <\/h1>\r\n <p class=\"hero-sub\">\u0627\u0644\u0639\u062f\u0627\u0644\u0629 \u062d\u0642 \u2014 \u0648\u0627\u0644\u062d\u0642 \u0644\u0627 \u064a\u0636\u064a\u0639 \u0628\u064a\u0646 \u064a\u062f\u064a \u0645\u0646 \u064a\u0624\u0645\u0646 \u0628\u0647<\/p>\r\n <p>\u0645\u0643\u062a\u0628 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u062a\u062e\u0635\u0635 \u0628\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646 \u062b\u0644\u0627\u062b\u064a\u0646 \u0639\u0627\u0645\u064b\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0623\u0645\u0627\u0645 \u0645\u062d\u0627\u0643\u0645 \u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627\u060c \u0646\u0642\u062f\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u0635\u0631\u064a.<\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"tel:01118683556\" class=\"btn-primary\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\r\n \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/201118683556\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n \u0648\u0627\u062a\u0633\u0627\u0628\r\n <\/a>\r\n <a href=\"#about\" class=\"btn-outline\">\u062a\u0639\u0631\u0641 \u0639\u0644\u064a\u0646\u0627<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">+30<\/span>\r\n <span class=\"stat-lbl\">\u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">+500<\/span>\r\n <span class=\"stat-lbl\">\u0642\u0636\u064a\u0629 \u0646\u0627\u062c\u062d\u0629<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">95%<\/span>\r\n <span class=\"stat-lbl\">\u0646\u0633\u0628\u0629 \u0627\u0644\u0641\u0648\u0632<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-num\">24\/7<\/span>\r\n <span class=\"stat-lbl\">\u0645\u062a\u0627\u062d \u062f\u0627\u0626\u0645\u064b\u0627<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-image-wrap\">\r\n <div class=\"hero-img-corner\"><\/div>\r\n <div class=\"hero-img-frame\">\r\n <img fetchpriority=\"high\" decoding=\"async\"\r\n src=\"https:\/\/demo.mdmediabuyer.com\/wp-content\/uploads\/2026\/05\/649671021_122102293887125157_6122152329577530233_n.jpg\"\r\n alt=\"\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\"\r\n width=\"420\"\r\n height=\"500\"\r\n \/>\r\n <\/div>\r\n <div class=\"hero-img-badge\">\r\n <span class=\"big\">NCA<\/span>\r\n <span class=\"small\">\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0646\u0642\u0636<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section class=\"about\" id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"about-grid\">\r\n <div class=\"about-img-wrap fade-in\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/demo.mdmediabuyer.com\/wp-content\/uploads\/2026\/05\/649671021_122102293887125157_6122152329577530233_n.jpg\"\r\n alt=\"\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628\"\r\n class=\"about-img\"\r\n width=\"580\"\r\n height=\"520\"\r\n \/>\r\n <div class=\"about-quote\">\r\n \"\u0627\u0644\u0639\u062f\u0644 \u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0644\u0643\u060c \u0648\u0627\u0644\u062d\u0642 \u0633\u0644\u0627\u062d \u0643\u0644 \u0645\u0646 \u0637\u0644\u0628\u0647 \u0628\u0635\u062f\u0642\"\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-content fade-in\">\r\n <p class=\"section-label\">\u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u0645\u0643\u062a\u0628<\/p>\r\n <h2 class=\"section-title\">\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631<br>\u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629<\/h2>\r\n <div style=\"width: 60px; height: 3px; background: var(--gold); margin-bottom: 24px;\"><\/div>\r\n <p>\u064a\u064f\u0639\u062f\u0651 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0645\u0646 \u0623\u0639\u0631\u0642 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0625\u0630 \u064a\u062a\u0645\u062a\u0639 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0628\u0643\u0641\u0627\u0621\u0629 \u0646\u0627\u062f\u0631\u0629 \u062a\u064f\u0624\u0647\u0644\u0647 \u0644\u0644\u062a\u0631\u0627\u0641\u0639 \u0623\u0645\u0627\u0645 \u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627\u060c \u0648\u0647\u064a \u0623\u0631\u0641\u0639 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0635\u0631\u064a\u0629.<\/p>\r\n <p>\u062a\u062a\u0633\u0645 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u0645\u0627\u0646\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0629 \u062b\u0642\u0629 \u0648\u0634\u0641\u0627\u0641\u064a\u0629 \u062a\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644.<\/p>\r\n\r\n <ul class=\"about-list\">\r\n <li>\r\n <span class=\"check-icon\">\u2713<\/span>\r\n <span>\u0645\u062d\u0627\u0645\u064d \u0645\u0639\u062a\u0645\u062f \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \u2014 \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0641\u064a \u0645\u0635\u0631<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"check-icon\">\u2713<\/span>\r\n <span>\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646 \u062b\u0644\u0627\u062b\u064a\u0646 \u0639\u0627\u0645\u064b\u0627 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0641\u0631\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u062f\u0646\u064a \u0648\u0627\u0644\u062c\u0646\u0627\u0626\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0627\u0644\u0623\u0633\u0631\u064a<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"check-icon\">\u2713<\/span>\r\n <span>\u0633\u062c\u0644 \u062d\u0627\u0641\u0644 \u0628\u0627\u0644\u0646\u062c\u0627\u062d\u0627\u062a \u0641\u064a \u0642\u0636\u0627\u064a\u0627 \u0628\u0627\u0644\u063a\u0629 \u0627\u0644\u062a\u0639\u0642\u064a\u062f \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0645\u0635\u0631 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"check-icon\">\u2713<\/span>\r\n <span>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"check-icon\">\u2713<\/span>\r\n <span>\u0645\u0643\u062a\u0628 \u064a\u0642\u0639 \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0646\u0628\u0627\u0637\u064a\u060c \u0645\u0646\u0634\u064a\u0629 \u0646\u0627\u0635\u0631 \u2014 \u0642\u0631\u064a\u0628 \u0645\u0646 \u0645\u0631\u0641\u0642 \u0627\u0644\u0645\u062d\u0627\u0643\u0645<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <a href=\"#contact\" class=\"btn-primary\" style=\"margin-top: 24px; display: inline-flex;\">\r\n \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\" id=\"services\">\r\n <div class=\"container\">\r\n <p class=\"section-label\">\u0645\u0627 \u0646\u0642\u062f\u0645\u0647<\/p>\r\n <h2 class=\"section-title\">\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n <p class=\"section-desc\">\u0646\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u0635\u0631\u064a \u0628\u0645\u0647\u0646\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0631\u0627\u0633\u062e\u0629 \u0628\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u062b\u0644\u0627\u062b\u0629 \u0639\u0642\u0648\u062f<\/p>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\u2696\ufe0f<\/div>\r\n <h3>\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629<\/h3>\r\n <p>\u062a\u0631\u0627\u0641\u0639 \u0645\u062a\u062e\u0635\u0635 \u0623\u0645\u0627\u0645 \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0641\u064a \u0645\u0635\u0631. \u0646\u064f\u0639\u062f\u0651 \u0645\u0644\u0641 \u0627\u0644\u0637\u0639\u0646 \u0628\u0627\u0644\u0646\u0642\u0636 \u0628\u0643\u0644 \u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\r\n <h3>\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n <p>\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0639\u0642\u0648\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u060c \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u062f\u0642\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div>\r\n <h3>\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0623\u0633\u0631\u0629 \u0648\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h3>\r\n <p>\u0627\u0644\u0637\u0644\u0627\u0642\u060c \u0627\u0644\u062d\u0636\u0627\u0646\u0629\u060c \u0627\u0644\u0646\u0641\u0642\u0629\u060c \u0627\u0644\u0645\u064a\u0631\u0627\u062b\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u064a\u062b. \u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0623\u0633\u0631\u064a\u0629 \u0628\u062d\u0633\u0627\u0633\u064a\u0629 \u0648\u062d\u0631\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\ud83c\udfe0<\/div>\r\n <h3>\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0639\u0642\u0648\u062f \u0627\u0644\u0645\u0644\u0643\u064a\u0629<\/h3>\r\n <p>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0644\u0643\u064a\u0629\u060c \u0639\u0642\u0648\u062f \u0627\u0644\u0628\u064a\u0639 \u0648\u0627\u0644\u0634\u0631\u0627\u0621 \u0648\u0627\u0644\u0625\u064a\u062c\u0627\u0631\u060c \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u062e\u0644\u0627\u0641\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\u2694\ufe0f<\/div>\r\n <h3>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062c\u0646\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u062c\u0646\u0627\u0626\u064a<\/h3>\r\n <p>\u062f\u0641\u0627\u0639 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062c\u0646\u0627\u0626\u064a\u0629 \u0628\u0643\u0627\u0641\u0629 \u062f\u0631\u062c\u0627\u062a\u0647\u0627\u060c \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u062d\u062a\u0649 \u0637\u0639\u0646 \u0627\u0644\u0646\u0642\u0636.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\ud83d\udcdc<\/div>\r\n <h3>\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u062a\u0648\u062b\u064a\u0642<\/h3>\r\n <p>\u0635\u064a\u0627\u063a\u0629 \u0639\u0642\u0648\u062f \u0645\u062d\u0643\u0645\u0629 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0637\u0639\u0646 \u0641\u064a\u0647\u0627. \u0646\u0631\u0627\u062c\u0639 \u0648\u0646\u0635\u064a\u063a \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0639\u0642\u0648\u062f \u0628\u0644\u063a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\ud83d\udcbc<\/div>\r\n <h3>\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/h3>\r\n <p>\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0627\u0644 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062a\u0639\u0633\u0641\u064a\u060c \u0627\u0644\u062a\u0639\u0648\u064a\u0636\u0627\u062a \u0627\u0644\u0639\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0639\u0642\u0648\u062f \u0627\u0644\u0639\u0645\u0644.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\">\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <h3>\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/h3>\r\n <p>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0630\u0627\u062a \u0627\u0644\u0637\u0627\u0628\u0639 \u0627\u0644\u062f\u0648\u0644\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0623\u062c\u0646\u0628\u064a \u0648\u0641\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u0635\u0631\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u064a.<\/p>\r\n <a href=\"#contact\" class=\"service-link\">\u0627\u0639\u0631\u0641 \u0623\u0643\u062b\u0631 \u2190<\/a>\r\n <\/div>\r\n\r\n <div class=\"service-card fade-in\" style=\"border-color: var(--gold); background: linear-gradient(135deg, #fffbf0 0%, #fff 100%);\">\r\n <div class=\"service-icon\" style=\"background: var(--gold); font-size: 28px;\">\ud83d\udcde<\/div>\r\n <h3>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h3>\r\n <p>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0623\u0648\u0644\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0636\u0639\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a.<\/p>\r\n <a href=\"tel:01118683556\" class=\"service-link\" style=\"color: var(--dark); font-weight: 700; font-size: 15px;\">01118683556 \u2190<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process\" id=\"process\">\r\n <div class=\"container\">\r\n <p class=\"section-label\">\u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0646\u0627<\/p>\r\n <h2 class=\"section-title\" style=\"color: var(--white);\">\u062e\u0637\u0648\u0627\u062a\u0646\u0627 \u0645\u0639\u0643 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629<\/h2>\r\n <p class=\"section-desc\" style=\"color: rgba(255,255,255,0.5);\">\u0646\u0624\u0645\u0646 \u0628\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644. \u0625\u0644\u064a\u0643 \u0643\u064a\u0641 \u0646\u0633\u064a\u0631 \u0645\u0639\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629<\/p>\r\n\r\n <div class=\"steps\">\r\n <div class=\"step fade-in\">\r\n <div class=\"step-num\">\u0661<\/div>\r\n <h4>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h4>\r\n <p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0647\u0627\u062a\u0641\u064b\u0627 \u0623\u0648 \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0648\u0636\u0639\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u060c \u0648\u0633\u0646\u0642\u062f\u0645 \u0644\u0643 \u062a\u0642\u064a\u064a\u0645\u064b\u0627 \u0623\u0648\u0644\u064a\u064b\u0627 \u0645\u062c\u0627\u0646\u064b\u0627<\/p>\r\n <\/div>\r\n <div class=\"step fade-in\">\r\n <div class=\"step-num\">\u0662<\/div>\r\n <h4>\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0642\u0636\u064a\u0629<\/h4>\r\n <p>\u0646\u064f\u062d\u0644\u0651\u0644 \u0648\u062b\u0627\u0626\u0642\u0643 \u0648\u0646\u0633\u062a\u0639\u0631\u0636 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0628\u0645\u0648\u0636\u0648\u0639\u064a\u0629 \u062a\u0627\u0645\u0629 \u0648\u0646\u062f\u0631\u0633 \u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"step fade-in\">\r\n <div class=\"step-num\">\u0663<\/div>\r\n <h4>\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644<\/h4>\r\n <p>\u0646\u0645\u062b\u0644\u0643 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0628\u0643\u0644 \u062f\u0631\u062c\u0627\u062a\u0647\u0627 \u0645\u0646 \u0627\u0628\u062a\u062f\u0627\u0626\u064a \u0648\u062d\u062a\u0649 \u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0646\u0642\u0636\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0643\u0644 \u0625\u062c\u0631\u0627\u0621<\/p>\r\n <\/div>\r\n <div class=\"step fade-in\">\r\n <div class=\"step-num\">\u0664<\/div>\r\n <h4>\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/h4>\r\n <p>\u0646\u0633\u0639\u0649 \u0644\u0627\u0646\u062a\u0632\u0627\u0639 \u062d\u0642\u0643 \u0643\u0627\u0645\u0644\u064b\u0627 \u0648\u0646\u062a\u0627\u0628\u0639 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u0635\u0627\u062f\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0631\u062c\u0648\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WHY US -->\r\n<section class=\"why-us\" id=\"why\">\r\n <div class=\"container\">\r\n <div class=\"why-grid\">\r\n <div class=\"fade-in\">\r\n <p class=\"section-label\" style=\"text-align: right;\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/p>\r\n <h2 class=\"section-title\" style=\"text-align: right; color: var(--white);\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 \u063a\u064a\u0631\u0646\u0627<\/h2>\r\n <p style=\"color: rgba(255,255,255,0.55); font-size: 15px; line-height: 1.9; margin-bottom: 28px;\">\u0644\u0623\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0642\u0631\u0627\u0631 \u0645\u0635\u064a\u0631\u064a \u2014 \u0625\u0644\u064a\u0643 \u0623\u0633\u0628\u0627\u0628 \u062b\u0642\u0629 \u0645\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0646\u0627<\/p>\r\n\r\n <div class=\"why-items\">\r\n <div class=\"why-item\">\r\n <div class=\"why-icon\">\ud83c\udfc6<\/div>\r\n <div>\r\n <h4>\u062e\u0628\u0631\u0629 \u062a\u0632\u064a\u062f \u0639\u0646 30 \u0639\u0627\u0645\u064b\u0627<\/h4>\r\n <p>\u062a\u062c\u0631\u0628\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0627\u0644\u0645\u0635\u0631\u064a \u062a\u0645\u0646\u062d\u0643 \u0645\u064a\u0632\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0642\u0636\u064a\u062a\u0643<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-icon\">\ud83c\udfaf<\/div>\r\n <div>\r\n <h4>\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h4>\r\n <p>\u0646\u0628\u0646\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u064f\u062d\u0643\u0645\u0629 \u0644\u0643\u0644 \u0642\u0636\u064a\u0629 \u0628\u0639\u062f \u062f\u0631\u0627\u0633\u0629 \u0645\u0639\u0645\u0642\u0629 \u0644\u0643\u0644 \u0623\u0648\u062c\u0647 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-icon\">\ud83d\udd12<\/div>\r\n <div>\r\n <h4>\u0633\u0631\u064a\u0629 \u062a\u0627\u0645\u0629 \u0648\u0623\u0645\u0627\u0646\u0629 \u0645\u0637\u0644\u0642\u0629<\/h4>\r\n <p>\u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0633\u0631\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629. \u0645\u0627 \u064a\u064f\u0642\u0627\u0644 \u0628\u064a\u0646\u0646\u0627 \u064a\u0628\u0642\u0649 \u0641\u064a \u0645\u0643\u062a\u0628\u0646\u0627 \u2014 \u0647\u0630\u0627 \u0639\u0647\u062f \u0644\u0627 \u0646\u062a\u0646\u0627\u0632\u0644 \u0639\u0646\u0647<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-icon\">\ud83d\udcf1<\/div>\r\n <div>\r\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0633\u062a\u0645\u0631 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/h4>\r\n <p>\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0625\u0628\u0642\u0627\u0626\u0643 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u062f\u0627\u0626\u0645 \u0628\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0642\u0636\u064a\u062a\u0643 \u0648\u0646\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0628\u0633\u0631\u0639\u0629 \u0648\u0625\u064a\u062c\u0627\u0628\u064a\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fade-in\" style=\"display: flex; align-items: center;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/demo.mdmediabuyer.com\/wp-content\/uploads\/2026\/05\/649671021_122102293887125157_6122152329577530233_n.jpg\"\r\n alt=\"\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628\"\r\n class=\"why-image\"\r\n width=\"480\"\r\n height=\"500\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section class=\"testimonials\" id=\"testimonials\">\r\n <div class=\"container\">\r\n <p class=\"section-label\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\r\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/h2>\r\n <p class=\"section-desc\">\u062b\u0642\u062a\u0643\u0645 \u0647\u064a \u0645\u0635\u062f\u0631 \u0625\u0644\u0647\u0627\u0645\u0646\u0627 \u2014 \u0625\u0644\u064a\u0643\u0645 \u0628\u0639\u0636 \u0627\u0644\u0622\u0631\u0627\u0621 \u0645\u0646 \u0639\u0645\u0644\u0627\u0621 \u0633\u0639\u062f\u0627\u0621 \u0628\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/p>\r\n\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card fade-in\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <span class=\"quote-mark\">\"<\/span>\r\n <p>\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0647\u0648 \u0623\u0641\u0636\u0644 \u0645\u062d\u0627\u0645\u064d \u062a\u0639\u0627\u0645\u0644\u062a \u0645\u0639\u0647 \u0641\u064a \u062d\u064a\u0627\u062a\u064a. \u0623\u0633\u062a\u0631\u062f \u062d\u0642\u064b\u0627 \u0638\u0646\u0646\u062a \u0623\u0646\u0647 \u0636\u0627\u0639 \u0625\u0644\u0649 \u0627\u0644\u0623\u0628\u062f. \u0625\u0646\u0633\u0627\u0646 \u0623\u0645\u064a\u0646 \u0648\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0639\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">\u0623\u062d<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"name\">\u0623\u062d\u0645\u062f \u062d\u0633\u064a\u0646<\/div>\r\n <div class=\"role\">\u0642\u0636\u064a\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u2014 \u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card fade-in\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <span class=\"quote-mark\">\"<\/span>\r\n <p>\u0642\u0636\u064a\u0629 \u0627\u0644\u062d\u0636\u0627\u0646\u0629 \u0627\u0644\u062a\u064a \u0628\u062f\u062a \u0645\u0633\u062a\u062d\u064a\u0644\u0629 \u0627\u0646\u062a\u0647\u062a \u0644\u0635\u0627\u0644\u062d\u064a \u0628\u0641\u0636\u0644 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0648\u0623\u0633\u0644\u0648\u0628\u0647 \u0627\u0644\u0630\u0643\u064a \u0641\u064a \u0627\u0644\u0645\u0631\u0627\u0641\u0639\u0629. \u0634\u0643\u0631\u064b\u0627 \u062c\u0632\u064a\u0644\u064b\u0627 \u0645\u0646 \u0623\u0639\u0645\u0627\u0642 \u0642\u0644\u0628\u064a.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">\u0646\u0645<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"name\">\u0646\u0647\u0649 \u0645\u062d\u0645\u0648\u062f<\/div>\r\n <div class=\"role\">\u0642\u0636\u064a\u0629 \u0623\u0633\u0631\u064a\u0629 \u2014 \u0627\u0644\u062c\u064a\u0632\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card fade-in\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <span class=\"quote-mark\">\"<\/span>\r\n <p>\u0634\u0631\u0643\u062a\u064a \u0643\u0627\u0646\u062a \u0641\u064a \u0648\u0631\u0637\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0643\u0628\u064a\u0631\u0629 \u0648\u062a\u0639\u0627\u0645\u0644\u062a \u0645\u0639 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0648\u062a\u0641\u0627\u062c\u0623\u062a \u0628\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0623\u0646\u0635\u062d \u0628\u0647 \u0628\u0634\u062f\u0629 \u0644\u0643\u0644 \u0631\u062c\u0644 \u0623\u0639\u0645\u0627\u0644.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">\u0645\u0639<\/div>\r\n <div class=\"author-info\">\r\n <div class=\"name\">\u0645\u062d\u0645\u062f \u0639\u0628\u062f\u0647<\/div>\r\n <div class=\"role\">\u0642\u0636\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u2014 \u0645\u0635\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<div class=\"cta-section\">\r\n <div class=\"cta-inner\">\r\n <h2>\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0622\u0646\u061f<\/h2>\r\n <p>\u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u2014 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u062c\u0627\u0646\u064b\u0627. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u0628\u062f\u0623 \u0645\u0633\u064a\u0631\u062a\u0643 \u0646\u062d\u0648 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u062d\u0642\u0643<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"tel:01118683556\" class=\"btn-dark\">\r\n \ud83d\udcde \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 01118683556\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/201118683556\" class=\"btn-white\" target=\"_blank\" rel=\"noopener\">\r\n \ud83d\udcac \u0648\u0627\u062a\u0633\u0627\u0628\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- CONTACT -->\r\n<section class=\"contact\" id=\"contact\">\r\n <div class=\"container\">\r\n <p class=\"section-label\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/p>\r\n <h2 class=\"section-title\">\u0646\u062d\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643<\/h2>\r\n <p class=\"section-desc\">\u0645\u0643\u062a\u0628\u0646\u0627 \u0645\u062a\u0627\u062d \u0644\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u064a\u0648\u0645\u064a\u064b\u0627. \u064a\u0645\u0643\u0646\u0643 \u0623\u064a\u0636\u064b\u0627 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0648\u0627\u062a\u0633\u0627\u0628 \u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/p>\r\n\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-info fade-in\">\r\n <h3>\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\r\n <p>\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \u2014 \u0641\u064a \u062e\u062f\u0645\u062a\u0643 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062b\u0644\u0627\u062b\u064a\u0646 \u0639\u0627\u0645\u064b\u0627<\/p>\r\n\r\n <div class=\"contact-items\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-item-icon\">\ud83d\udccd<\/div>\r\n <div>\r\n <h5>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h5>\r\n <p>\u0668 \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0646\u0628\u0627\u0637\u064a\u060c \u0645\u062d\u0637\u0629 \u0627\u0644\u0645\u0637\u0644\u0639<br>\u0645\u0646\u0634\u064a\u0629 \u0646\u0627\u0635\u0631 \u2014 \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0643\u0629 \u0627\u0644\u062d\u062f\u064a\u062f<br>\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-item-icon\">\ud83d\udcde<\/div>\r\n <div>\r\n <h5>\u0627\u0644\u0647\u0627\u062a\u0641<\/h5>\r\n <a href=\"tel:01118683556\">01118683556<\/a>\r\n <a href=\"tel:+201118683556\">+20 11 18683556<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-item-icon\">\ud83d\udcac<\/div>\r\n <div>\r\n <h5>\u0648\u0627\u062a\u0633\u0627\u0628<\/h5>\r\n <a href=\"https:\/\/wa.me\/201118683556\" target=\"_blank\" rel=\"noopener\">+20 11 18683556<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-item-icon\">\ud83d\udd50<\/div>\r\n <div>\r\n <h5>\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0639\u0645\u0644<\/h5>\r\n <p>\u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633: \u0661\u0660 \u0635 \u2013 \u0668 \u0645<br>\u0627\u0644\u062c\u0645\u0639\u0629: \u0662 \u0645 \u2013 \u0667 \u0645 (\u0645\u0633\u0628\u0642)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form fade-in\">\r\n <h3>\u0623\u0631\u0633\u0644 \u0631\u0633\u0627\u0644\u062a\u0643<\/h3>\r\n <form onsubmit=\"handleSubmit(event)\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u0627\u0633\u0645\u0643 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"01X XXXX XXXX\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"service\">\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\r\n <select id=\"service\" name=\"service\">\r\n <option value=\"\">-- \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0642\u0636\u064a\u0629 --<\/option>\r\n <option>\u0627\u0644\u0637\u0639\u0646 \u0628\u0627\u0644\u0646\u0642\u0636<\/option>\r\n <option>\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0623\u0633\u0631\u0629 \u0648\u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/option>\r\n <option>\u0642\u0636\u0627\u064a\u0627 \u062c\u0646\u0627\u0626\u064a\u0629<\/option>\r\n <option>\u0642\u0636\u0627\u064a\u0627 \u0639\u0642\u0627\u0631\u064a\u0629<\/option>\r\n <option>\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/option>\r\n <option>\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/option>\r\n <option>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/option>\r\n <option>\u0623\u062e\u0631\u0649<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0642\u0636\u064a\u0629<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"\u0627\u0634\u0631\u062d \u0648\u0636\u0639\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0628\u0625\u064a\u062c\u0627\u0632 \u062d\u062a\u0649 \u0646\u062a\u0645\u0643\u0646 \u0645\u0646 \u062e\u062f\u0645\u062a\u0643 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"preferred\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629<\/label>\r\n <select id=\"preferred\" name=\"preferred\">\r\n <option value=\"\">-- \u0627\u062e\u062a\u0631 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 --<\/option>\r\n <option>\u0627\u062a\u0635\u0627\u0644 \u0647\u0627\u062a\u0641\u064a<\/option>\r\n <option>\u0648\u0627\u062a\u0633\u0627\u0628<\/option>\r\n <option>\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0643\u062a\u0628<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\">\r\n \u2709\ufe0f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MAP -->\r\n<div class=\"map-section\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3453.9043!2d31.2465!3d30.0561!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14583f3c9c5b5b5b%3A0x0!2s8+%D8%B4%D8%A7%D8%B1%D8%B9+%D8%A7%D9%84%D8%B3%D9%86%D8%A8%D8%A7%D8%B7%D9%8A%2C+%D9%85%D9%86%D8%B4%D9%8A%D8%A9+%D9%86%D8%A7%D8%B5%D8%B1!5e0!3m2!1sar!2seg!4v1\"\r\n title=\"\u0645\u0648\u0642\u0639 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n allowfullscreen>\r\n <\/iframe>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <div class=\"logo-area\" style=\"margin-bottom: 4px;\">\r\n <div class=\"logo-icon\">\u2696<\/div>\r\n <div class=\"logo-text\">\r\n <div class=\"name\" style=\"font-size: 17px;\">\u0645. \u0639\u0645\u0631\u0648 \u0631\u062c\u0628<\/div>\r\n <div class=\"sub\">\u0645\u062d\u0627\u0645\u064d \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n <p>\u0645\u0643\u062a\u0628 \u0642\u0627\u0646\u0648\u0646\u064a \u0631\u0627\u0626\u062f \u0628\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u062b\u0644\u0627\u062b\u064a\u0646 \u0639\u0627\u0645\u064b\u0627. \u0646\u062d\u0645\u064a \u062d\u0642\u0648\u0642\u0643 \u0628\u0643\u0644 \u0623\u0645\u0627\u0646\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0623\u0645\u0627\u0645 \u062c\u0645\u064a\u0639 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0636\u064a.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.facebook.com\" class=\"social-link\" title=\"\u0641\u064a\u0633\u0628\u0648\u0643\" target=\"_blank\" rel=\"noopener\">f<\/a>\r\n <a href=\"https:\/\/wa.me\/201118683556\" class=\"social-link\" title=\"\u0648\u0627\u062a\u0633\u0627\u0628\" target=\"_blank\" rel=\"noopener\">W<\/a>\r\n <a href=\"tel:01118683556\" class=\"social-link\" title=\"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627\">\u260f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>\u062a\u062e\u0635\u0635\u0627\u062a\u0646\u0627<\/h4>\r\n <ul>\r\n <li><a href=\"#services\">\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0646\u0642\u0636<\/a><\/li>\r\n <li><a href=\"#services\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062c\u0646\u0627\u0626\u064a\u0629<\/a><\/li>\r\n <li><a href=\"#services\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0623\u0633\u0631\u0629<\/a><\/li>\r\n <li><a href=\"#services\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/a><\/li>\r\n <li><a href=\"#services\">\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a<\/a><\/li>\r\n <li><a href=\"#services\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0645\u0641\u064a\u062f\u0629<\/h4>\r\n <ul>\r\n <li><a href=\"#about\">\u0639\u0646 \u0627\u0644\u0645\u0643\u062a\u0628<\/a><\/li>\r\n <li><a href=\"#process\">\u0643\u064a\u0641 \u0646\u0639\u0645\u0644<\/a><\/li>\r\n <li><a href=\"#testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\r\n <li><a href=\"#contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\r\n <li><a href=\"tel:01118683556\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h4>\r\n <ul>\r\n <li><a href=\"tel:01118683556\">\ud83d\udcde 01118683556<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/201118683556\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac \u0648\u0627\u062a\u0633\u0627\u0628<\/a><\/li>\r\n <li><a href=\"#\">\ud83d\udccd \u0645\u0646\u0634\u064a\u0629 \u0646\u0627\u0635\u0631\u060c \u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/a><\/li>\r\n <li><a href=\"#\">\ud83d\udd50 \u0633\u0628\u062a \u2013 \u062e\u0645\u064a\u0633: 10\u0635-8\u0645<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2025 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\r\n <p>\u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u062f\u0627\u0644\u0629<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- WHATSAPP FLOAT -->\r\n<a href=\"https:\/\/wa.me\/201118683556\" class=\"whatsapp-float\" target=\"_blank\" rel=\"noopener\" title=\"\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n<\/a>\r\n\r\n<!-- STICKY CALL BTN (mobile) -->\r\n<a href=\"tel:01118683556\" class=\"sticky-phone\" style=\"display: none;\" id=\"stickyPhone\">\r\n \ud83d\udcde \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\r\n<\/a>\r\n\r\n<script>\r\n function toggleMenu() {\r\n const menu = document.getElementById('mobileMenu');\r\n menu.classList.toggle('open');\r\n }\r\n\r\n \/\/ Close mobile menu on outside click\r\n document.addEventListener('click', function(e) {\r\n const menu = document.getElementById('mobileMenu');\r\n const hamburger = document.querySelector('.hamburger');\r\n if (!menu.contains(e.target) && !hamburger.contains(e.target)) {\r\n menu.classList.remove('open');\r\n }\r\n });\r\n\r\n \/\/ Scroll animations\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n document.querySelectorAll('.fade-in').forEach(function(el) {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Show sticky phone on mobile after scroll\r\n window.addEventListener('scroll', function() {\r\n const sticky = document.getElementById('stickyPhone');\r\n if (window.innerWidth <= 640) {\r\n sticky.style.display = window.scrollY > 400 ? 'flex' : 'none';\r\n }\r\n });\r\n\r\n \/\/ Form submit\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n const btn = e.target.querySelector('.submit-btn');\r\n btn.textContent = '\u2705 \u062a\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627';\r\n btn.style.background = '#1a7a3c';\r\n btn.style.color = 'white';\r\n setTimeout(function() {\r\n btn.textContent = '\u2709\ufe0f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629';\r\n btn.style.background = '';\r\n btn.style.color = '';\r\n e.target.reset();\r\n }, 4000);\r\n }\r\n\r\n \/\/ Smooth scroll for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0645\u0631\u0648 \u0631\u062c\u0628 \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 | \u0645\u062d\u0627\u0645\u064d \u0628\u0627\u0644\u0646\u0642\u0636 \u0648\u0627\u0644\u062f\u0633\u062a\u0648\u0631\u064a\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \ud83d\udcde … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1038","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=\/wp\/v2\/pages\/1038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1038"}],"version-history":[{"count":6,"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=\/wp\/v2\/pages\/1038\/revisions"}],"predecessor-version":[{"id":1278,"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=\/wp\/v2\/pages\/1038\/revisions\/1278"}],"wp:attachment":[{"href":"https:\/\/demo.mdmediabuyer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}