{"id":2,"date":"2022-10-11T17:43:38","date_gmt":"2022-10-11T17:43:38","guid":{"rendered":"http:\/\/houses-ksa.com\/?page_id=2"},"modified":"2026-05-24T18:26:21","modified_gmt":"2026-05-24T18:26:21","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/houses-ksa.com\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n
\n\n\n\n\n\n\n\u0634\u0631\u0643\u0629 \u0639\u0632\u0644 \u0627\u0644\u0647\u0640\u0640\u0631\u0645 \u0627\u0644\u0641\u0640\u0640\u0636\u0640\u0640\u064a | \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n :root {\n --navy: #0a1628;\n --navy-mid: #112240;\n --navy-light: #1a3a6b;\n --orange: #f4820a;\n --orange-light: #ff9f2e;\n --orange-dark: #d4700a;\n --white: #ffffff;\n --gray-light: #f8f9fb;\n --gray-mid: #e8edf5;\n --text-dark: #0d1b2a;\n --text-mid: #3d5068;\n --text-light: #7a8fa6;\n --gold: #e8b84b;\n --shadow-sm: 0 2px 12px rgba(10,22,40,0.08);\n --shadow-md: 0 8px 32px rgba(10,22,40,0.14);\n --shadow-lg: 0 20px 60px rgba(10,22,40,0.18);\n --radius: 16px;\n --radius-lg: 24px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Cairo', 'Tajawal', sans-serif;\n background: var(--white);\n color: var(--text-dark);\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n \/* SCROLLBAR *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: var(--gray-light); }\n ::-webkit-scrollbar-thumb { background: var(--orange); border-radius: 3px; }\n\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n #header {\n position: fixed; top: 0; right: 0; left: 0; z-index: 1000;\n background: transparent;\n padding: 20px 0;\n transition: all 0.4s ease;\n }\n #header.scrolled {\n background: rgba(10,22,40,0.97);\n backdrop-filter: blur(20px);\n padding: 14px 0;\n box-shadow: 0 4px 30px rgba(0,0,0,0.3);\n }\n .header-inner {\n max-width: 1280px; margin: 0 auto;\n padding: 0 24px;\n display: flex; align-items: center; justify-content: space-between;\n }\n .logo {\n display: flex; align-items: center; gap: 12px;\n text-decoration: none;\n }\n .logo-icon {\n width: 48px; height: 48px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; color: white;\n box-shadow: 0 4px 20px rgba(244,130,10,0.4);\n }\n .logo-text { color: white; }\n .logo-text .brand { font-size: 20px; font-weight: 900; display: block; line-height: 1.1; }\n .logo-text .tagline { font-size: 11px; color: rgba(255,255,255,0.6); font-weight: 400; }\n\n nav { display: flex; align-items: center; gap: 8px; }\n nav a {\n color: rgba(255,255,255,0.85); text-decoration: none;\n font-size: 14px; font-weight: 600;\n padding: 8px 16px; border-radius: 8px;\n transition: all 0.25s;\n }\n nav a:hover { color: white; background: rgba(255,255,255,0.1); }\n .nav-cta {\n background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important;\n color: white !important;\n padding: 10px 22px !important;\n box-shadow: 0 4px 16px rgba(244,130,10,0.4);\n }\n .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(244,130,10,0.5) !important; }\n\n .menu-toggle { display: none; background: none; border: none; color: white; font-size: 24px; cursor: pointer; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n position: relative; min-height: 100vh;\n display: flex; align-items: center;\n overflow: hidden;\n background: var(--navy);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background: \n radial-gradient(ellipse 80% 60% at 20% 50%, rgba(244,130,10,0.12) 0%, transparent 60%),\n radial-gradient(ellipse 60% 80% at 80% 30%, rgba(26,58,107,0.5) 0%, transparent 60%),\n linear-gradient(160deg, #0a1628 0%, #112240 50%, #0d1b35 100%);\n }\n .hero-grid {\n position: absolute; inset: 0; opacity: 0.04;\n background-image: \n linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .hero-content {\n position: relative; z-index: 2;\n max-width: 1280px; margin: 0 auto;\n padding: 120px 24px 80px;\n display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(244,130,10,0.15); border: 1px solid rgba(244,130,10,0.3);\n color: var(--orange-light); padding: 8px 18px; border-radius: 50px;\n font-size: 13px; font-weight: 700; margin-bottom: 24px;\n animation: fadeInDown 0.8s ease;\n }\n .hero-badge i { font-size: 10px; }\n .hero-title {\n font-size: clamp(32px, 4vw, 54px); font-weight: 900;\n color: white; line-height: 1.3; margin-bottom: 20px;\n animation: fadeInDown 0.9s ease 0.1s both;\n }\n .hero-title span { color: var(--orange); }\n .hero-desc {\n font-size: 17px; color: rgba(255,255,255,0.7);\n margin-bottom: 36px; max-width: 480px; font-weight: 400;\n animation: fadeInDown 1s ease 0.2s both;\n }\n .hero-btns {\n display: flex; gap: 16px; flex-wrap: wrap;\n animation: fadeInDown 1.1s ease 0.3s both;\n }\n .btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; padding: 16px 32px; border-radius: 12px;\n font-size: 16px; font-weight: 700; text-decoration: none;\n box-shadow: 0 8px 30px rgba(244,130,10,0.4);\n transition: all 0.3s; border: none; cursor: pointer;\n }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(244,130,10,0.55); }\n .btn-whatsapp {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(37,211,102,0.15); border: 2px solid rgba(37,211,102,0.5);\n color: #25d366; padding: 14px 28px; border-radius: 12px;\n font-size: 16px; font-weight: 700; text-decoration: none;\n transition: all 0.3s;\n }\n .btn-whatsapp:hover { background: rgba(37,211,102,0.25); transform: translateY(-3px); }\n\n .hero-stats {\n display: flex; gap: 32px; margin-top: 40px;\n animation: fadeInDown 1.2s ease 0.4s both;\n }\n .stat { text-align: center; }\n .stat-num { font-size: 32px; font-weight: 900; color: var(--orange); line-height: 1; }\n .stat-label { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 4px; }\n\n .hero-visual {\n position: relative; animation: fadeInUp 1s ease 0.3s both;\n display: flex; align-items: center; justify-content: center;\n }\n .hero-img-wrap {\n position: relative; width: 100%; max-width: 520px;\n }\n .hero-img-main {\n width: 100%; border-radius: 24px;\n background: linear-gradient(135deg, #1a3a6b, #0f2a50);\n aspect-ratio: 4\/3;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden; position: relative;\n box-shadow: 0 30px 80px rgba(0,0,0,0.4);\n border: 1px solid rgba(255,255,255,0.08);\n }\n .foam-animation {\n position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(244,130,10,0.2), transparent 50%);\n }\n .hero-img-icon { font-size: 80px; color: var(--orange); opacity: 0.8; position: relative; z-index: 1; }\n .hero-img-overlay {\n position: absolute; bottom: 20px; right: 20px; left: 20px;\n background: rgba(10,22,40,0.85); backdrop-filter: blur(10px);\n border-radius: 12px; padding: 14px 20px;\n display: flex; align-items: center; gap: 12px;\n border: 1px solid rgba(255,255,255,0.1);\n }\n .overlay-icon { width: 40px; height: 40px; background: var(--orange); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; flex-shrink: 0; }\n .overlay-text .t1 { font-size: 13px; color: white; font-weight: 700; }\n .overlay-text .t2 { font-size: 11px; color: rgba(255,255,255,0.5); }\n\n .hero-card {\n position: absolute; background: white; border-radius: 14px;\n padding: 14px 18px; box-shadow: 0 16px 40px rgba(0,0,0,0.3);\n display: flex; align-items: center; gap: 10px; white-space: nowrap;\n }\n .hero-card.card-1 { top: -20px; right: -20px; animation: float1 4s ease-in-out infinite; }\n .hero-card.card-2 { bottom: 80px; left: -30px; animation: float2 4s ease-in-out infinite 2s; }\n .hero-card .ci { width: 36px; height: 36px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; }\n .hero-card .ct .c1 { font-size: 12px; font-weight: 700; color: var(--text-dark); }\n .hero-card .ct .c2 { font-size: 10px; color: var(--text-light); }\n\n \/* \u2500\u2500\u2500 SECTION BASE \u2500\u2500\u2500 *\/\n section { padding: 90px 0; }\n .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n .section-label {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(244,130,10,0.08); border: 1px solid rgba(244,130,10,0.2);\n color: var(--orange); padding: 6px 16px; border-radius: 50px;\n font-size: 13px; font-weight: 700; margin-bottom: 16px;\n }\n .section-title {\n font-size: clamp(26px, 3.5vw, 42px); font-weight: 900;\n color: var(--text-dark); line-height: 1.3; margin-bottom: 16px;\n }\n .section-title span { color: var(--orange); }\n .section-desc { font-size: 16px; color: var(--text-mid); max-width: 580px; }\n .section-header { margin-bottom: 56px; }\n .section-header.center { text-align: center; }\n .section-header.center .section-desc { margin: 0 auto; }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n #services { background: var(--gray-light); }\n .services-grid {\n display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 24px;\n }\n .service-card {\n background: white; border-radius: var(--radius-lg);\n padding: 32px 28px; position: relative;\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--gray-mid);\n transition: all 0.35s;\n overflow: hidden;\n }\n .service-card::before {\n content: ''; position: absolute; top: 0; right: 0;\n width: 4px; height: 0; background: linear-gradient(180deg, var(--orange), var(--orange-light));\n border-radius: 0 var(--radius-lg) var(--radius-lg) 0;\n transition: height 0.35s;\n }\n .service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: rgba(244,130,10,0.2); }\n .service-card:hover::before { height: 100%; }\n .service-icon {\n width: 64px; height: 64px;\n background: linear-gradient(135deg, rgba(244,130,10,0.12), rgba(244,130,10,0.06));\n border-radius: 16px; display: flex; align-items: center; justify-content: center;\n font-size: 28px; color: var(--orange); margin-bottom: 20px;\n transition: all 0.35s;\n border: 1px solid rgba(244,130,10,0.15);\n }\n .service-card:hover .service-icon { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: white; }\n .service-card h3 { font-size: 18px; font-weight: 800; margin-bottom: 10px; color: var(--text-dark); }\n .service-card p { font-size: 14px; color: var(--text-mid); line-height: 1.7; }\n .service-link {\n display: inline-flex; align-items: center; gap: 6px;\n color: var(--orange); font-size: 13px; font-weight: 700;\n text-decoration: none; margin-top: 16px; transition: gap 0.25s;\n }\n .service-link:hover { gap: 10px; }\n\n \/* \u2500\u2500\u2500 WHY US \u2500\u2500\u2500 *\/\n #why-us { background: var(--navy); overflow: hidden; position: relative; }\n #why-us::before {\n content: ''; position: absolute;\n top: -200px; left: -200px; width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(244,130,10,0.08), transparent 70%);\n pointer-events: none;\n }\n .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n .why-left .section-title { color: white; }\n .why-left .section-desc { color: rgba(255,255,255,0.6); }\n .why-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }\n .why-item {\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius); padding: 20px;\n transition: all 0.3s;\n }\n .why-item:hover { background: rgba(244,130,10,0.1); border-color: rgba(244,130,10,0.3); transform: translateY(-3px); }\n .why-item i { font-size: 28px; color: var(--orange); margin-bottom: 12px; display: block; }\n .why-item h4 { font-size: 15px; font-weight: 700; color: white; margin-bottom: 6px; }\n .why-item p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; }\n .why-right {\n display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\n }\n .why-stat-card {\n background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius-lg); padding: 28px 20px; text-align: center;\n transition: all 0.3s;\n }\n .why-stat-card:hover { background: rgba(244,130,10,0.15); border-color: rgba(244,130,10,0.4); transform: translateY(-4px); }\n .why-stat-card:nth-child(1) { margin-top: 30px; }\n .why-stat-card:nth-child(4) { margin-top: 30px; }\n .why-stat-num { font-size: 42px; font-weight: 900; color: var(--orange); line-height: 1; }\n .why-stat-unit { font-size: 18px; font-weight: 900; color: var(--orange); }\n .why-stat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 8px; }\n\n \/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 *\/\n #gallery { background: white; }\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: auto;\n gap: 16px;\n }\n .gallery-item {\n border-radius: var(--radius); overflow: hidden;\n position: relative; cursor: pointer;\n background: var(--navy-mid);\n aspect-ratio: 4\/3;\n }\n .gallery-item.tall { grid-row: span 2; aspect-ratio: unset; min-height: 400px; }\n .gallery-item.wide { grid-column: span 2; aspect-ratio: 16\/7; }\n .gallery-bg {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n transition: transform 0.5s;\n }\n .gallery-item:hover .gallery-bg { transform: scale(1.05); }\n .g1 { background: linear-gradient(135deg, #1a3a6b 0%, #0d2347 100%); }\n .g2 { background: linear-gradient(135deg, #0d2347 0%, #1e4a7a 100%); }\n .g3 { background: linear-gradient(135deg, #162035 0%, #243c5a 100%); }\n .g4 { background: linear-gradient(135deg, #243c5a 0%, #0a1628 100%); }\n .g5 { background: linear-gradient(135deg, #0f2a50 0%, #1a3a6b 100%); }\n .g6 { background: linear-gradient(135deg, #1e4a7a 0%, #0d2347 100%); }\n .gallery-icon { font-size: 48px; color: rgba(244,130,10,0.6); }\n .gallery-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,22,40,0.9) 0%, transparent 50%);\n opacity: 0; transition: opacity 0.35s;\n display: flex; align-items: flex-end; padding: 20px;\n }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n .gallery-label { color: white; font-size: 14px; font-weight: 700; }\n .gallery-badge {\n position: absolute; top: 12px; right: 12px;\n background: var(--orange); color: white; font-size: 11px; font-weight: 700;\n padding: 4px 10px; border-radius: 50px;\n }\n\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n #testimonials { background: var(--gray-light); }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }\n .testimonial-card {\n background: white; border-radius: var(--radius-lg); padding: 28px;\n box-shadow: var(--shadow-sm); border: 1px solid var(--gray-mid);\n transition: all 0.3s;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n .stars { color: #f4a400; font-size: 16px; margin-bottom: 14px; letter-spacing: 2px; }\n .testimonial-text { font-size: 15px; color: var(--text-mid); line-height: 1.8; margin-bottom: 20px; font-style: italic; }\n .testimonial-author { display: flex; align-items: center; gap: 12px; }\n .author-avatar {\n width: 48px; height: 48px; border-radius: 50%;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n display: flex; align-items: center; justify-content: center;\n color: white; font-size: 20px; font-weight: 800; flex-shrink: 0;\n }\n .author-name { font-size: 15px; font-weight: 700; color: var(--text-dark); }\n .author-loc { font-size: 12px; color: var(--text-light); }\n\n \/* \u2500\u2500\u2500 RATING \u2500\u2500\u2500 *\/\n #rating { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%); }\n .rating-inner { display: flex; align-items: center; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: center; }\n .rating-big .num { font-size: 80px; font-weight: 900; color: white; line-height: 1; }\n .rating-big .out { font-size: 30px; font-weight: 400; color: rgba(255,255,255,0.5); }\n .rating-big .stars-big { font-size: 28px; color: #f4a400; letter-spacing: 4px; margin: 8px 0; }\n .rating-big .count { font-size: 15px; color: rgba(255,255,255,0.6); }\n .rating-bars { min-width: 280px; }\n .rating-bar-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n .bar-label { font-size: 13px; color: rgba(255,255,255,0.7); white-space: nowrap; min-width: 60px; text-align: right; }\n .bar-track { flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; }\n .bar-fill { height: 100%; background: linear-gradient(90deg, var(--orange), var(--orange-light)); border-radius: 4px; transition: width 1.5s ease; }\n .bar-pct { font-size: 12px; color: rgba(255,255,255,0.5); min-width: 36px; }\n .rating-platforms { display: flex; flex-direction: column; gap: 16px; }\n .platform-badge {\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px; padding: 16px 24px;\n display: flex; align-items: center; gap: 14px;\n }\n .platform-badge i { font-size: 24px; }\n .platform-badge .p-name { font-size: 14px; font-weight: 700; color: white; }\n .platform-badge .p-rating { font-size: 12px; color: rgba(255,255,255,0.5); }\n\n \/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\n #steps { background: white; }\n .steps-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }\n .steps-timeline::before {\n content: ''; position: absolute; top: 48px; right: 12.5%; left: 12.5%;\n height: 2px;\n background: linear-gradient(90deg, var(--orange), var(--orange-light), var(--orange), var(--orange-light));\n background-size: 200% 100%;\n animation: shimmer 2s linear infinite;\n }\n .step-item { text-align: center; padding: 0 20px; position: relative; }\n .step-num {\n width: 96px; height: 96px; border-radius: 50%;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; font-size: 32px; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 24px; position: relative; z-index: 1;\n box-shadow: 0 8px 30px rgba(244,130,10,0.35);\n transition: transform 0.3s;\n }\n .step-item:hover .step-num { transform: scale(1.08); }\n .step-item h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; color: var(--text-dark); }\n .step-item p { font-size: 14px; color: var(--text-mid); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n #faq { background: var(--gray-light); }\n .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n .faq-list { display: flex; flex-direction: column; gap: 14px; }\n .faq-item {\n background: white; border-radius: var(--radius); overflow: hidden;\n box-shadow: var(--shadow-sm); border: 1px solid var(--gray-mid);\n transition: all 0.3s;\n }\n .faq-item.active { border-color: rgba(244,130,10,0.3); box-shadow: 0 4px 20px rgba(244,130,10,0.1); }\n .faq-question {\n padding: 20px 24px; display: flex; align-items: center; justify-content: space-between;\n cursor: pointer; font-size: 15px; font-weight: 700; color: var(--text-dark);\n gap: 12px;\n }\n .faq-question i { color: var(--orange); font-size: 14px; transition: transform 0.3s; flex-shrink: 0; }\n .faq-item.active .faq-question i { transform: rotate(180deg); }\n .faq-answer {\n padding: 0 24px; max-height: 0; overflow: hidden;\n font-size: 14px; color: var(--text-mid); line-height: 1.8;\n transition: all 0.35s; border-top: 0 solid var(--gray-mid);\n }\n .faq-item.active .faq-answer {\n max-height: 200px; padding: 0 24px 20px;\n border-top: 1px solid var(--gray-mid);\n }\n .faq-visual {\n background: linear-gradient(135deg, var(--navy), var(--navy-mid));\n border-radius: var(--radius-lg); padding: 40px;\n display: flex; flex-direction: column; gap: 24px;\n }\n .faq-visual h3 { font-size: 22px; font-weight: 800; color: white; }\n .faq-visual p { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.7; }\n .faq-contact-btn {\n display: inline-flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; padding: 14px 26px; border-radius: 12px;\n font-size: 15px; font-weight: 700; text-decoration: none;\n transition: all 0.3s; align-self: flex-start;\n box-shadow: 0 6px 24px rgba(244,130,10,0.4);\n }\n .faq-contact-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(244,130,10,0.55); }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n #contact { background: white; }\n .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; }\n .contact-info h3 { font-size: 26px; font-weight: 800; margin-bottom: 12px; }\n .contact-info > p { font-size: 15px; color: var(--text-mid); margin-bottom: 36px; }\n .contact-item {\n display: flex; gap: 16px; margin-bottom: 24px;\n align-items: flex-start;\n }\n .contact-item-icon {\n width: 48px; height: 48px; border-radius: 12px;\n background: linear-gradient(135deg, rgba(244,130,10,0.12), rgba(244,130,10,0.06));\n display: flex; align-items: center; justify-content: center;\n font-size: 20px; color: var(--orange); flex-shrink: 0;\n border: 1px solid rgba(244,130,10,0.15);\n }\n .contact-item-text .label { font-size: 12px; color: var(--text-light); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\n .contact-item-text .value { font-size: 15px; color: var(--text-dark); font-weight: 700; margin-top: 2px; }\n .contact-item-text a { color: var(--orange); text-decoration: none; }\n\n .contact-form { background: var(--gray-light); border-radius: var(--radius-lg); padding: 36px; }\n .contact-form h3 { font-size: 22px; font-weight: 800; margin-bottom: 24px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\n .form-group { margin-bottom: 16px; }\n .form-group label { display: block; font-size: 13px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; }\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%; padding: 14px 16px; border-radius: 10px;\n border: 1.5px solid var(--gray-mid); background: white;\n font-family: 'Cairo', sans-serif; font-size: 14px; color: var(--text-dark);\n transition: border-color 0.25s, box-shadow 0.25s;\n outline: none;\n }\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 3px rgba(244,130,10,0.12);\n }\n .form-group textarea { min-height: 110px; resize: vertical; }\n .form-submit {\n width: 100%; padding: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; border: none; border-radius: 12px;\n font-family: 'Cairo', sans-serif; font-size: 16px; font-weight: 700;\n cursor: pointer; transition: all 0.3s;\n box-shadow: 0 6px 24px rgba(244,130,10,0.35);\n display: flex; align-items: center; justify-content: center; gap: 10px;\n }\n .form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(244,130,10,0.5); }\n\n \/* \u2500\u2500\u2500 MAP \u2500\u2500\u2500 *\/\n #map-section { padding: 0; }\n .map-wrap { position: relative; height: 400px; overflow: hidden; }\n .map-wrap iframe { width: 100%; height: 100%; border: none; filter: hue-rotate(180deg) invert(90%) contrast(95%); }\n .map-overlay {\n position: absolute; top: 20px; right: 20px;\n background: white; border-radius: 16px; padding: 20px 24px;\n box-shadow: var(--shadow-md);\n min-width: 220px;\n }\n .map-overlay .mo-icon { font-size: 28px; color: var(--orange); margin-bottom: 8px; }\n .map-overlay .mo-title { font-size: 16px; font-weight: 800; }\n .map-overlay .mo-addr { font-size: 13px; color: var(--text-mid); margin-top: 4px; }\n .map-overlay .mo-dir {\n display: inline-flex; align-items: center; gap: 6px;\n color: var(--orange); font-size: 13px; font-weight: 700;\n text-decoration: none; margin-top: 10px;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n #footer { background: var(--navy); padding: 60px 0 0; }\n .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }\n .footer-brand .logo-text .brand { font-size: 22px; }\n .footer-desc { font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 16px; line-height: 1.8; }\n .footer-social { display: flex; gap: 10px; margin-top: 24px; }\n .social-btn {\n width: 40px; height: 40px; border-radius: 10px;\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1);\n display: flex; align-items: center; justify-content: center;\n color: rgba(255,255,255,0.6); font-size: 16px; text-decoration: none;\n transition: all 0.3s;\n }\n .social-btn:hover { background: var(--orange); color: white; border-color: var(--orange); transform: translateY(-3px); }\n .footer-col h4 { font-size: 15px; font-weight: 800; color: white; margin-bottom: 20px; }\n .footer-col ul { list-style: none; }\n .footer-col ul li { margin-bottom: 12px; }\n .footer-col ul li a {\n color: rgba(255,255,255,0.5); text-decoration: none; font-size: 14px;\n transition: color 0.25s; display: flex; align-items: center; gap: 6px;\n }\n .footer-col ul li a i { font-size: 10px; color: var(--orange); }\n .footer-col ul li a:hover { color: white; }\n .footer-bottom {\n padding: 24px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;\n }\n .footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.4); }\n .footer-bottom span { color: var(--orange); }\n\n \/* \u2500\u2500\u2500 FLOATING BUTTONS \u2500\u2500\u2500 *\/\n .float-btns { position: fixed; bottom: 30px; left: 24px; z-index: 999; display: flex; flex-direction: column; gap: 12px; }\n .float-btn {\n width: 56px; height: 56px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 24px; text-decoration: none;\n box-shadow: 0 6px 24px rgba(0,0,0,0.25);\n transition: all 0.3s;\n position: relative;\n }\n .float-btn:hover { transform: scale(1.1) translateY(-3px); }\n .float-wa { background: #25d366; color: white; }\n .float-call { background: var(--orange); color: white; }\n .float-tooltip {\n position: absolute; right: calc(100% + 12px);\n background: var(--navy); color: white; font-size: 13px; font-weight: 700;\n padding: 6px 14px; border-radius: 8px; white-space: nowrap;\n opacity: 0; pointer-events: none; transition: opacity 0.25s;\n }\n .float-btn:hover .float-tooltip { opacity: 1; }\n .float-pulse {\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n animation: pulse-ring 2.5s ease-out infinite;\n }\n .float-wa .float-pulse { background: rgba(37,211,102,0.4); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes float1 {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n @keyframes float2 {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 0.6; }\n 100% { transform: scale(1.9); opacity: 0; }\n }\n\n .reveal {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n\n \/* \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 *\/\n .mobile-nav {\n position: fixed; inset: 0; background: var(--navy);\n z-index: 2000; display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 24px;\n transform: translateX(100%); transition: transform 0.4s ease;\n }\n .mobile-nav.open { transform: translateX(0); }\n .mobile-nav a {\n color: white; text-decoration: none; font-size: 22px; font-weight: 700;\n padding: 12px 32px; border-radius: 12px;\n transition: background 0.25s;\n }\n .mobile-nav a:hover { background: rgba(255,255,255,0.1); }\n .mobile-nav .close-btn {\n position: absolute; top: 20px; left: 24px;\n background: none; border: none; color: white; font-size: 28px; cursor: pointer;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .why-grid { grid-template-columns: 1fr; gap: 40px; }\n .why-right { grid-template-columns: repeat(4, 1fr); }\n .why-stat-card:nth-child(1),\n .why-stat-card:nth-child(4) { margin-top: 0; }\n .faq-grid { grid-template-columns: 1fr; }\n .contact-grid { grid-template-columns: 1fr; }\n .steps-timeline { grid-template-columns: 1fr 1fr; gap: 32px; }\n .steps-timeline::before { display: none; }\n }\n @media (max-width: 768px) {\n nav { display: none; }\n .menu-toggle { display: block; }\n .hero-content { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n .hero-visual { display: none; }\n .hero-stats { justify-content: center; }\n .hero-btns { justify-content: center; }\n .hero-desc { margin: 0 auto 36px; }\n .gallery-grid { grid-template-columns: 1fr 1fr; }\n .gallery-item.tall { grid-row: span 1; min-height: auto; aspect-ratio: 4\/3; }\n .gallery-item.wide { grid-column: span 2; }\n .footer-grid { grid-template-columns: 1fr; gap: 32px; }\n .why-right { grid-template-columns: 1fr 1fr; }\n .why-features { grid-template-columns: 1fr; }\n .steps-timeline { grid-template-columns: 1fr; }\n .form-row { grid-template-columns: 1fr; }\n .rating-inner { gap: 40px; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; text-align: center; }\n }\n @media (max-width: 480px) {\n .gallery-grid { grid-template-columns: 1fr; }\n .gallery-item.wide { grid-column: span 1; aspect-ratio: 4\/3; }\n section { padding: 60px 0; }\n .hero-stats { flex-wrap: wrap; gap: 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 -->\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"close-btn\" onclick=\"toggleMenu()\"><i class=\"fas fa-times\"><\/i><\/button>\n <a href=\"#services\" onclick=\"toggleMenu()\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\" onclick=\"toggleMenu()\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#gallery\" onclick=\"toggleMenu()\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n <a href=\"#testimonials\" onclick=\"toggleMenu()\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\" onclick=\"toggleMenu()\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#contact\" onclick=\"toggleMenu()\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <a href=\"tel:+966555555555\" style=\"color: var(--orange)\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\n<\/div>\n\n<!-- \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 -->\n<header id=\"header\">\n <div class=\"header-inner\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <div class=\"logo-text\">\n <span class=\"brand\">\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>\n <span class=\"tagline\">\u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a<\/span>\n <\/div>\n <\/a>\n <nav>\n <a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#gallery\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n <a href=\"#testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#contact\" class=\"nav-cta\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\n <\/nav>\n <button class=\"menu-toggle\" onclick=\"toggleMenu()\"><i class=\"fas fa-bars\"><\/i><\/button>\n <\/div>\n<\/header>\n\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\"><i class=\"fas fa-circle\"><\/i> \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/div>\n <h1 class=\"hero-title\">\u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 <span>\u0639\u0632\u0644 \u0641\u0648\u0645<\/span> \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/h1>\n <p class=\"hero-desc\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0648\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\"><i class=\"fas fa-clipboard-list\"><\/i> \u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0622\u0646<\/a>\n <a href=\"https:\/\/wa.me\/96655555555\" class=\"btn-whatsapp\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0628\u0627\u0634\u0631<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">15+<\/div>\n <div class=\"stat-label\">\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">5000+<\/div>\n <div class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">4.9<\/div>\n <div class=\"stat-label\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">10<\/div>\n <div class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u0636\u0645\u0627\u0646<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-img-wrap\">\n <div class=\"hero-img-main\">\n <div class=\"foam-animation\"><\/div>\n <i class=\"hero-img-icon fas fa-building\"><\/i>\n <div class=\"hero-img-overlay\">\n <div class=\"overlay-icon\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n <div class=\"overlay-text\">\n <div class=\"t1\">\u0639\u0632\u0644 \u0641\u0648\u0645 \u0645\u062a\u0645\u064a\u0632<\/div>\n <div class=\"t2\">\u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 | \u0636\u0645\u0627\u0646 10 \u0633\u0646\u0648\u0627\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card card-1\">\n <div class=\"ci\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"ct\">\n <div class=\"c1\">\u062a\u0642\u064a\u064a\u0645 4.9 \u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"c2\">+2000 \u062a\u0642\u064a\u064a\u0645 \u0645\u0648\u062b\u0642<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card card-2\">\n <div class=\"ci\"><i class=\"fas fa-certificate\"><\/i><\/div>\n <div class=\"ct\">\n <div class=\"c1\">\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f 10 \u0633\u0646\u0648\u0627\u062a<\/div>\n <div class=\"c2\">\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 -->\n<section id=\"services\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-tools\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/div>\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 <span>\u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/span><\/h2>\n <p class=\"section-desc\">\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a \u0644\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><i class=\"fas fa-home\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0623\u0633\u0637\u062d \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0623\u0645\u0637\u0627\u0631 \u0628\u0637\u0628\u0642\u0629 \u0639\u0627\u0632\u0644\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u062f\u0648\u0645 \u0644\u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/h3>\n <p>\u0639\u0632\u0644 \u0627\u0644\u0623\u0644\u0648\u0627\u062d \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u064a\u0646\u0643\u0648 \u0628\u0627\u0644\u0641\u0648\u0645 \u0627\u0644\u0628\u0648\u0644\u064a \u064a\u0648\u0631\u064a\u062b\u0627\u0646 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0637\u0627\u0642\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fas fa-warehouse\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/h3>\n <p>\u062d\u0644\u0648\u0644 \u0639\u0632\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0647\u0646\u0627\u062c\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u0636\u0645\u0646 \u0628\u064a\u0626\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0637\u0627\u0642\u0629 \u0643\u0628\u064a\u0631<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fas fa-boxes\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u062e\u0627\u0632\u0646 \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><i class=\"fas fa-tint\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\n <p>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0642\u0627\u0621 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0628\u062e\u0631<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n <h3>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\n <p>\u0627\u0643\u062a\u0634\u0627\u0641 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0626\u064a\u0629 \u0628\u062f\u0642\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062c\u0647\u0632\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062f\u0648\u0646 \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u062a\u0634\u0637\u064a\u0628\u0627\u062a<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fas fa-temperature-low\"><\/i><\/div>\n <h3>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a<\/h3>\n <p>\u062a\u0642\u0644\u064a\u0644 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0648\u0625\u0644\u0649 \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0643\u064a\u064a\u0641 \u0648\u064a\u062d\u0633\u0646 \u0627\u0644\u0631\u0627\u062d\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fas fa-water\"><\/i><\/div>\n <h3>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0645\u0646 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0628\u0623\u062d\u062f\u062b \u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 WHY US \u2500\u2500\u2500 -->\n<section id=\"why-us\">\n <div class=\"container\">\n <div class=\"why-grid\">\n <div class=\"why-left\">\n <div class=\"section-label\" style=\"background:rgba(244,130,10,0.15);border-color:rgba(244,130,10,0.3)\"><i class=\"fas fa-award\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/div>\n <h2 class=\"section-title\" style=\"color:white\">\u0644\u0645\u0627\u0630\u0627 <span>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span><br>\u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644\u061f<\/h2>\n <p class=\"section-desc\" style=\"color:rgba(255,255,255,0.6)\">\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 \u0639\u0632\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\n <div class=\"why-features\">\n <div class=\"why-item reveal\">\n <i class=\"fas fa-clock\"><\/i>\n <h4>\u062e\u0628\u0631\u0629 +15 \u0633\u0646\u0629<\/h4>\n <p>\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <i class=\"fas fa-gem\"><\/i>\n <h4>\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\n <p>\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0641\u0636\u0644 \u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0623\u0637\u0648\u0644 \u0639\u0645\u0631 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-2\">\n <i class=\"fas fa-certificate\"><\/i>\n <h4>\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f 10 \u0633\u0646\u0648\u0627\u062a<\/h4>\n <p>\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062b\u0642 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-3\">\n <i class=\"fas fa-bolt\"><\/i>\n <h4>\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h4>\n <p>\u0641\u0631\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0646\u062c\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0623\u0642\u0635\u0631 \u0648\u0642\u062a \u0645\u0645\u0643\u0646<\/p>\n <\/div>\n <div class=\"why-item reveal\">\n <i class=\"fas fa-tag\"><\/i>\n <h4>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629<\/h4>\n <p>\u0623\u0641\u0636\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \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<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <i class=\"fas fa-users\"><\/i>\n <h4>\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641<\/h4>\n <p>\u0641\u0646\u064a\u0648\u0646 \u0645\u062f\u0631\u0628\u0648\u0646 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0648\u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-right\">\n <div class=\"why-stat-card reveal\">\n <div class=\"why-stat-num\">5000<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632 \u0628\u0646\u062c\u0627\u062d<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-1\">\n <div class=\"why-stat-num\">98<span class=\"why-stat-unit\">%<\/span><\/div>\n <div class=\"why-stat-label\">\u0646\u0633\u0628\u0629 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-2\">\n <div class=\"why-stat-num\">15<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0633\u0646\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-3\">\n <div class=\"why-stat-num\">10<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0645\u0646\u0627\u0637\u0642 \u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 -->\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/div>\n <h2 class=\"section-title\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627 <span>\u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/span><\/h2>\n <p class=\"section-desc\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item tall reveal\">\n <div class=\"gallery-bg g1\"><i class=\"gallery-icon fas fa-building\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0633\u0637\u062d \u0633\u0643\u0646\u064a – \u0627\u0644\u0631\u064a\u0627\u0636<\/div><\/div>\n <div class=\"gallery-badge\">\u0633\u0643\u0646\u064a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-1\">\n <div class=\"gallery-bg g2\"><i class=\"gallery-icon fas fa-warehouse\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0647\u0646\u062c\u0631 \u0635\u0646\u0627\u0639\u064a – \u062c\u062f\u0629<\/div><\/div>\n <div class=\"gallery-badge\">\u0635\u0646\u0627\u0639\u064a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-2\">\n <div class=\"gallery-bg g3\"><i class=\"gallery-icon fas fa-boxes\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0645\u0633\u062a\u0648\u062f\u0639 – \u0627\u0644\u062f\u0645\u0627\u0645<\/div><\/div>\n <div class=\"gallery-badge\">\u062a\u062c\u0627\u0631\u064a<\/div>\n <\/div>\n <div class=\"gallery-item wide reveal reveal-delay-1\">\n <div class=\"gallery-bg g4\"><i class=\"gallery-icon fas fa-industry\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0634\u064a\u0646\u0643\u0648 – \u0645\u0634\u0631\u0648\u0639 \u0635\u0646\u0627\u0639\u064a \u0643\u0628\u064a\u0631<\/div><\/div>\n <div class=\"gallery-badge\">\u0636\u062e\u0645<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-2\">\n <div class=\"gallery-bg g5\"><i class=\"gallery-icon fas fa-tint\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0645\u064a\u0627\u0647 – \u0627\u0644\u0637\u0627\u0626\u0641<\/div><\/div>\n <div class=\"gallery-badge\">\u062e\u0632\u0627\u0646\u0627\u062a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-3\">\n <div class=\"gallery-bg g6\"><i class=\"gallery-icon fas fa-shield-alt\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0645\u0627\u0626\u064a \u0634\u0627\u0645\u0644 – \u0645\u0643\u0629<\/div><\/div>\n <div class=\"gallery-badge\">\u0645\u0627\u0626\u064a<\/div>\n <\/div>\n <\/div>\n <div style=\"text-align:center;margin-top:40px\">\n <a href=\"#contact\" class=\"btn-primary\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 -->\n<section id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-quote-right\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 <span>\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span><\/h2>\n <p class=\"section-desc\">\u0622\u0644\u0627\u0641 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0631\u0627\u0636\u064a\u0646 \u064a\u062b\u0642\u0648\u0646 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u062a\u062c\u0631\u0628\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a. \u0623\u0646\u062c\u0632\u0648\u0627 \u0639\u0632\u0644 \u0633\u0637\u062d \u0645\u0646\u0632\u0644\u064a \u0641\u064a \u064a\u0648\u0645 \u0648\u0627\u062d\u062f \u0641\u0642\u0637 \u0648\u0628\u062c\u0648\u062f\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0644\u0645 \u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0647\u0630\u0627 \u0627\u0644\u0635\u064a\u0641 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642. \u0623\u0646\u0635\u062d \u0628\u0647\u0645 \u0628\u0643\u0644 \u062b\u0642\u0629.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u0645<\/div>\n <div>\n <div class=\"author-name\">\u0645\u062d\u0645\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal reveal-delay-1\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u0642\u0645\u062a \u0628\u0639\u0632\u0644 \u0647\u0646\u062c\u0631\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u0643\u0627\u0646 \u0627\u0644\u0641\u0631\u0642 \u0648\u0627\u0636\u062d\u0627\u064b \u062c\u062f\u0627\u064b. \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0646\u062e\u0641\u0636\u062a \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0648\u062a\u0648\u0641\u0631\u062a \u0641\u064a \u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621. \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u062c\u062f\u0627\u064b \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0645\u0645\u064a\u0632.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u0623<\/div>\n <div>\n <div class=\"author-name\">\u0623\u062d\u0645\u062f \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u062c\u062f\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal reveal-delay-2\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u0639\u0632\u0644\u0648\u0627 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u062a\u0647\u0645 \u062a\u0641\u0648\u0642 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a. \u0627\u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u0642\u062f\u0645 \u0623\u0639\u0637\u0627\u0646\u064a \u0637\u0645\u0623\u0646\u064a\u0646\u0629 \u0643\u0628\u064a\u0631\u0629. \u0633\u0623\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0645 \u062d\u062a\u0645\u0627\u064b \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u064a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u062e<\/div>\n <div>\n <div class=\"author-name\">\u062e\u0627\u0644\u062f \u0627\u0644\u062f\u0648\u0633\u0631\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u062f\u0645\u0627\u0645<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 RATING \u2500\u2500\u2500 -->\n<section id=\"rating\">\n <div class=\"container\">\n <div class=\"rating-inner\">\n <div class=\"rating-big\">\n <div class=\"num\">4.9<span class=\"out\"> \/5<\/span><\/div>\n <div class=\"stars-big\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"count\">\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 2000 \u062a\u0642\u064a\u064a\u0645 \u0645\u0648\u062b\u0642<\/div>\n <\/div>\n <div class=\"rating-bars\">\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">5 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"92\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">92%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">4 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"6\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">6%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">3 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"2\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">2%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">2 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"0.5\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">0.5%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">1 \u0646\u062c\u0645\u0629<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"0.5\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">0.5%<\/div>\n <\/div>\n <\/div>\n <div class=\"rating-platforms\">\n <div class=\"platform-badge\">\n <i class=\"fab fa-google\" style=\"color:#ea4335\"><\/i>\n <div>\n <div class=\"p-name\">Google Reviews<\/div>\n <div class=\"p-rating\">4.9 \u2605 \u00b7 1,240 \u062a\u0642\u064a\u064a\u0645<\/div>\n <\/div>\n <\/div>\n <div class=\"platform-badge\">\n <i class=\"fab fa-snapchat\" style=\"color:#fffc00\"><\/i>\n <div>\n <div class=\"p-name\">\u0633\u0646\u0627\u0628 \u0634\u0627\u062a<\/div>\n <div class=\"p-rating\">\u0645\u062a\u0627\u0628\u0639\u0648\u0646 \u0646\u0634\u0637\u0648\u0646<\/div>\n <\/div>\n <\/div>\n <div class=\"platform-badge\">\n <i class=\"fab fa-whatsapp\" style=\"color:#25d366\"><\/i>\n <div>\n <div class=\"p-name\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <div class=\"p-rating\">\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0641\u0648\u0631\u064a\u0629 24\/7<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 -->\n<section id=\"steps\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-list-ol\"><\/i> \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <h2 class=\"section-title\">\u0643\u064a\u0641 <span>\u0646\u0639\u0645\u0644<\/span>\u061f<\/h2>\n <p class=\"section-desc\">\u0639\u0645\u0644\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u0645\u0646 \u0623\u0648\u0644 \u062a\u0648\u0627\u0635\u0644 \u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0642<\/p>\n <\/div>\n <div class=\"steps-timeline\">\n <div class=\"step-item reveal\">\n <div class=\"step-num\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\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 \u0648\u0633\u064a\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0641\u0648\u0631\u0627\u064b \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-1\">\n <div class=\"step-num\"><i class=\"fas fa-eye\"><\/i><\/div>\n <h3>\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/h3>\n <p>\u064a\u0623\u062a\u064a \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0641\u0646\u064a \u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a \u0648\u062f\u0642\u064a\u0642 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-2\">\n <div class=\"step-num\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n <h3>\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0632\u0644<\/h3>\n <p>\u064a\u0646\u0641\u0630 \u0641\u0631\u064a\u0642\u0646\u0627 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-3\">\n <div class=\"step-num\"><i class=\"fas fa-certificate\"><\/i><\/div>\n <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u0636\u0645\u0627\u0646<\/h3>\n <p>\u064a\u064f\u0633\u0644\u064e\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0639 \u0634\u0647\u0627\u062f\u0629 \u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0642\u0629 \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0648\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0623\u064a \u0635\u064a\u0627\u0646\u0629<\/p>\n <\/div>\n <\/div>\n <div style=\"text-align:center;margin-top:48px\">\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"btn-primary\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 -->\n<section id=\"faq\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"section-label\"><i class=\"fas fa-question-circle\"><\/i> \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/div>\n <h2 class=\"section-title\">\u0623\u0633\u0626\u0644\u0629 <span>\u064a\u0633\u0623\u0644\u0647\u0627 \u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span><\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-list\">\n <div class=\"faq-item active\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0645\u0627 \u0647\u0648 \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0648\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0647\u0648 \u0646\u0638\u0627\u0645 \u0639\u0632\u0644 \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u0628\u0648\u0644\u064a \u064a\u0648\u0631\u064a\u062b\u0627\u0646 \u0627\u0644\u0633\u0627\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0631\u0634 \u0639\u0644\u0649 \u0627\u0644\u0633\u0637\u062d \u0644\u062a\u062a\u0645\u062f\u062f \u0648\u062a\u062a\u0635\u0644\u0628 \u0645\u0643\u0648\u0651\u0646\u0629 \u0637\u0628\u0642\u0629 \u0639\u0627\u0632\u0644\u0629 \u0645\u062d\u0643\u0645\u0629. \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0646\u0639 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0648\u062a\u062d\u0645\u064a \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062c\u0648\u064a\u0629.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u062a\u0634\u0645\u0644 \u0636\u0645\u0627\u0646 \u0631\u0633\u0645\u064a\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u0646\u0642\u062f\u0645 \u0636\u0645\u0627\u0646\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u0645\u0648\u062b\u0642\u0627\u064b \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0646\u062c\u0632\u0629\u060c \u064a\u0634\u0645\u0644 \u0623\u064a \u062a\u0633\u0631\u0628 \u0623\u0648 \u062e\u0644\u0644 \u064a\u062d\u062f\u062b \u0628\u0633\u0628\u0628 \u0627\u0644\u0639\u0632\u0644 \u062e\u0644\u0627\u0644 \u0645\u062f\u0629 \u0627\u0644\u0636\u0645\u0627\u0646.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u062f\u0629 \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u0646 \u064a\u0648\u0645 \u0648\u0627\u062d\u062f \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0648\u0623\u0633\u0628\u0648\u0639 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629. \u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u0644\u0627 \u0646\u062a\u0631\u0643 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0627\u0643\u062a\u0645\u0627\u0644\u0647.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u064a \u0646\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062a\u062d\u0645\u0644 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0645\u0646\u0627\u062e \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0633\u0637\u062d \u0628\u0646\u0633\u0628\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 70%.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0629 \u0645\u0639\u0627\u064a\u0646\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0628\u0627\u0644\u0637\u0628\u0639\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0629 \u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u062a\u0642\u064a\u064a\u0645 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0623\u064a \u0645\u0634\u0631\u0648\u0639. \u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0641\u0646\u064a \u0628\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u062a\u0641\u0635\u064a\u0644\u064a \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0645\u0627 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0648\u0646\u0647\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u0645\u0627 \u0641\u064a\u0647\u0627: \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062c\u062f\u0629\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\u060c \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0627\u0644\u062e\u0628\u0631\u060c \u0627\u0644\u0637\u0627\u0626\u0641\u060c \u062a\u0628\u0648\u0643\u060c \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u062f\u0646.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-visual reveal\">\n <h3>\u0644\u0645 \u062a\u062c\u062f \u0625\u062c\u0627\u0628\u0629 \u0644\u0633\u0624\u0627\u0644\u0643\u061f<\/h3>\n <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0633\u064a\u0631\u062f\u0651 \u0639\u0644\u064a\u0643 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642.<\/p>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"faq-contact-btn\" target=\"_blank\">\n <i class=\"fab fa-whatsapp\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <div style=\"background:rgba(255,255,255,0.07);border-radius:12px;padding:20px;margin-top:8px\">\n <div style=\"font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:12px\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <div style=\"color:white;font-size:15px;font-weight:700\"><i class=\"fas fa-clock\" style=\"color:var(--orange);margin-left:8px\"><\/i> \u0627\u0644\u0633\u0628\u062a – \u0627\u0644\u062e\u0645\u064a\u0633: 8 \u0635 – 10 \u0645<\/div>\n <div style=\"color:rgba(255,255,255,0.6);font-size:14px;margin-top:8px\"><i class=\"fas fa-phone-alt\" style=\"color:var(--orange);margin-left:8px\"><\/i> 0500000000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 -->\n<section id=\"contact\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-envelope\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\n <h2 class=\"section-title\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 <span>\u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/span><\/h2>\n <p class=\"section-desc\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0639\u0631\u0636 \u0633\u0639\u0631 \u0641\u064a \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a<\/p>\n <\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-info reveal\">\n <h3>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0643\u0644 \u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644. \u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0628\u0623\u064a \u0648\u0633\u064a\u0644\u0629 \u062a\u0646\u0627\u0633\u0628\u0643.<\/p>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0647\u0627\u062a\u0641<\/div>\n <div class=\"value\"><a href=\"tel:+966500000000\">0500000000<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <div class=\"value\"><a href=\"https:\/\/wa.me\/966500000000\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629\u064b<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\n <div class=\"value\"><a href=\"mailto:info@golden-insulation.sa\">info@golden-insulation.sa<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/div>\n <div class=\"value\">\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0645\u064a\u0631 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632<\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <div class=\"value\">\u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633: 8 \u0635 \u2013 10 \u0645<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form reveal reveal-delay-1\">\n <h3>\u0623\u0631\u0633\u0644 \u0637\u0644\u0628\u0643 \u0627\u0644\u0622\u0646<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n <input type=\"text\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\">\n <\/div>\n <div class=\"form-group\">\n <label>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" placeholder=\"05xxxxxxxx\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\n <select>\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\n <option>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/option>\n <option>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/option>\n <option>\u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/option>\n <option>\u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/option>\n <option>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/option>\n <option>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/option>\n <option>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a<\/option>\n <option>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>\u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/label>\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0645\u062f\u064a\u0646\u062a\u0643\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n <textarea placeholder=\"\u0627\u0643\u062a\u0628 \u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646 \u0645\u0634\u0631\u0648\u0639\u0643...\"><\/textarea>\n <\/div>\n <button class=\"form-submit\" onclick=\"submitForm(this)\">\n <i class=\"fas fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 MAP \u2500\u2500\u2500 -->\n<div id=\"map-section\">\n <div class=\"map-wrap\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d931.019823!2d46.6756!3d24.7136!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjTCsDQyJzQ5LjAiTiA0NsKwNDAnMzIuMiJF!5e0!3m2!1sar!2ssa!4v1700000000000!5m2!1sar!2ssa\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <div class=\"map-overlay\">\n <div class=\"mo-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"mo-title\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/div>\n <div class=\"mo-addr\">\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\n <a href=\"https:\/\/goo.gl\/maps\" target=\"_blank\" class=\"mo-dir\"><i class=\"fas fa-directions\"><\/i> \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\n<footer id=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <div class=\"logo-text\">\n <span class=\"brand\" style=\"color:white\">\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>\n <span class=\"tagline\">\u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a<\/span>\n <\/div>\n <\/a>\n <p class=\"footer-desc\">\u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u0627\u064b.<\/p>\n <div class=\"footer-social\">\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-snapchat\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"social-btn\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\n <ul>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul>\n <li><a href=\"#hero\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#why-us\"><i class=\"fas fa-chevron-left\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#gallery\"><i class=\"fas fa-chevron-left\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a><\/li>\n <li><a href=\"#testimonials\"><i class=\"fas fa-chevron-left\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\n <li><a href=\"#steps\"><i class=\"fas fa-chevron-left\"><\/i> \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/a><\/li>\n <li><a href=\"#faq\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n <ul>\n <li><a href=\"tel:+966500000000\"><i class=\"fas fa-phone-alt\"><\/i> 0500000000<\/a><\/li>\n <li><a href=\"mailto:info@golden-insulation.sa\"><i class=\"fas fa-envelope\"><\/i> info@golden-insulation.sa<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> \u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> 8 \u0635\u0628\u0627\u062d\u0627\u064b \u2013 10 \u0645\u0633\u0627\u0621\u064b<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2024 <span>\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <p>\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 <span>SEO<\/span> \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<!-- \u2500\u2500\u2500 FLOATING BUTTONS \u2500\u2500\u2500 -->\n<div class=\"float-btns\">\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"float-btn float-wa\" target=\"_blank\">\n <div class=\"float-pulse\"><\/div>\n <i class=\"fab fa-whatsapp\"><\/i>\n <div class=\"float-tooltip\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <\/a>\n <a href=\"tel:+966500000000\" class=\"float-btn float-call\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <div class=\"float-tooltip\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646<\/div>\n <\/a>\n<\/div>\n\n<script>\n \/\/ \u2500\u2500\u2500 HEADER SCROLL \u2500\u2500\u2500\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n header.classList.toggle('scrolled', window.scrollY > 60);\n });\n\n \/\/ \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500\n function toggleMenu() {\n document.getElementById('mobileNav').classList.toggle('open');\n }\n\n \/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.12 });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500\u2500 RATING BARS \u2500\u2500\u2500\n const barObserver = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if(e.isIntersecting) {\n document.querySelectorAll('.bar-fill').forEach(bar => {\n bar.style.width = bar.dataset.width + '%';\n });\n }\n });\n }, { threshold: 0.5 });\n const ratingSection = document.getElementById('rating');\n if(ratingSection) barObserver.observe(ratingSection);\n\n \/\/ \u2500\u2500\u2500 FAQ TOGGLE \u2500\u2500\u2500\n function toggleFaq(el) {\n const item = el.parentElement;\n const isActive = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n if(!isActive) item.classList.add('active');\n }\n\n \/\/ \u2500\u2500\u2500 FORM SUBMIT \u2500\u2500\u2500\n function submitForm(btn) {\n const orig = btn.innerHTML;\n btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n btn.disabled = true;\n setTimeout(() => {\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b';\n btn.style.background = 'linear-gradient(135deg, #22c55e, #16a34a)';\n setTimeout(() => {\n btn.innerHTML = orig;\n btn.style.background = '';\n btn.disabled = false;\n }, 4000);\n }, 1800);\n }\n\n \/\/ \u2500\u2500\u2500 SMOOTH SCROLL FOR ANCHOR LINKS \u2500\u2500\u2500\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const href = a.getAttribute('href');\n if(href === '#') return;\n const target = document.querySelector(href);\n if(target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ \u2500\u2500\u2500 COUNTER ANIMATION \u2500\u2500\u2500\n function animateCounter(el, target, duration) {\n let start = 0;\n const step = target \/ (duration \/ 16);\n const timer = setInterval(() => {\n start = Math.min(start + step, target);\n el.textContent = Math.floor(start).toLocaleString('ar-SA');\n if(start >= target) clearInterval(timer);\n }, 16);\n }\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\n\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<div class=\"softlite-block-custom-html\" id=\"softlite-block-gqmvf5j9\"><!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta name=\"description\" content=\"\u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 - \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f \u0648\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629\">\n<meta name=\"keywords\" content=\"\u0639\u0632\u0644 \u0641\u0648\u0645, \u0639\u0632\u0644 \u0623\u0633\u0637\u062d, \u0639\u0632\u0644 \u0647\u0646\u0627\u062c\u0631, \u0639\u0632\u0644 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a, \u0639\u0632\u0644 \u0634\u064a\u0646\u0643\u0648, \u0639\u0632\u0644 \u062d\u0631\u0627\u0631\u064a, \u0639\u0632\u0644 \u0645\u0627\u0626\u064a, \u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a, \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629, \u0627\u0644\u0631\u064a\u0627\u0636\">\n<title>\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a | \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n :root {\n --navy: #0a1628;\n --navy-mid: #112240;\n --navy-light: #1a3a6b;\n --orange: #f4820a;\n --orange-light: #ff9f2e;\n --orange-dark: #d4700a;\n --white: #ffffff;\n --gray-light: #f8f9fb;\n --gray-mid: #e8edf5;\n --text-dark: #0d1b2a;\n --text-mid: #3d5068;\n --text-light: #7a8fa6;\n --gold: #e8b84b;\n --shadow-sm: 0 2px 12px rgba(10,22,40,0.08);\n --shadow-md: 0 8px 32px rgba(10,22,40,0.14);\n --shadow-lg: 0 20px 60px rgba(10,22,40,0.18);\n --radius: 16px;\n --radius-lg: 24px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Cairo', 'Tajawal', sans-serif;\n background: var(--white);\n color: var(--text-dark);\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n \/* SCROLLBAR *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: var(--gray-light); }\n ::-webkit-scrollbar-thumb { background: var(--orange); border-radius: 3px; }\n\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n #header {\n position: fixed; top: 0; right: 0; left: 0; z-index: 1000;\n background: transparent;\n padding: 20px 0;\n transition: all 0.4s ease;\n }\n #header.scrolled {\n background: rgba(10,22,40,0.97);\n backdrop-filter: blur(20px);\n padding: 14px 0;\n box-shadow: 0 4px 30px rgba(0,0,0,0.3);\n }\n .header-inner {\n max-width: 1280px; margin: 0 auto;\n padding: 0 24px;\n display: flex; align-items: center; justify-content: space-between;\n }\n .logo {\n display: flex; align-items: center; gap: 12px;\n text-decoration: none;\n }\n .logo-icon {\n width: 48px; height: 48px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; color: white;\n box-shadow: 0 4px 20px rgba(244,130,10,0.4);\n }\n .logo-text { color: white; }\n .logo-text .brand { font-size: 20px; font-weight: 900; display: block; line-height: 1.1; }\n .logo-text .tagline { font-size: 11px; color: rgba(255,255,255,0.6); font-weight: 400; }\n\n nav { display: flex; align-items: center; gap: 8px; }\n nav a {\n color: rgba(255,255,255,0.85); text-decoration: none;\n font-size: 14px; font-weight: 600;\n padding: 8px 16px; border-radius: 8px;\n transition: all 0.25s;\n }\n nav a:hover { color: white; background: rgba(255,255,255,0.1); }\n .nav-cta {\n background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important;\n color: white !important;\n padding: 10px 22px !important;\n box-shadow: 0 4px 16px rgba(244,130,10,0.4);\n }\n .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(244,130,10,0.5) !important; }\n\n .menu-toggle { display: none; background: none; border: none; color: white; font-size: 24px; cursor: pointer; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n position: relative; min-height: 100vh;\n display: flex; align-items: center;\n overflow: hidden;\n background: var(--navy);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background: \n radial-gradient(ellipse 80% 60% at 20% 50%, rgba(244,130,10,0.12) 0%, transparent 60%),\n radial-gradient(ellipse 60% 80% at 80% 30%, rgba(26,58,107,0.5) 0%, transparent 60%),\n linear-gradient(160deg, #0a1628 0%, #112240 50%, #0d1b35 100%);\n }\n .hero-grid {\n position: absolute; inset: 0; opacity: 0.04;\n background-image: \n linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .hero-content {\n position: relative; z-index: 2;\n max-width: 1280px; margin: 0 auto;\n padding: 120px 24px 80px;\n display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(244,130,10,0.15); border: 1px solid rgba(244,130,10,0.3);\n color: var(--orange-light); padding: 8px 18px; border-radius: 50px;\n font-size: 13px; font-weight: 700; margin-bottom: 24px;\n animation: fadeInDown 0.8s ease;\n }\n .hero-badge i { font-size: 10px; }\n .hero-title {\n font-size: clamp(32px, 4vw, 54px); font-weight: 900;\n color: white; line-height: 1.3; margin-bottom: 20px;\n animation: fadeInDown 0.9s ease 0.1s both;\n }\n .hero-title span { color: var(--orange); }\n .hero-desc {\n font-size: 17px; color: rgba(255,255,255,0.7);\n margin-bottom: 36px; max-width: 480px; font-weight: 400;\n animation: fadeInDown 1s ease 0.2s both;\n }\n .hero-btns {\n display: flex; gap: 16px; flex-wrap: wrap;\n animation: fadeInDown 1.1s ease 0.3s both;\n }\n .btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; padding: 16px 32px; border-radius: 12px;\n font-size: 16px; font-weight: 700; text-decoration: none;\n box-shadow: 0 8px 30px rgba(244,130,10,0.4);\n transition: all 0.3s; border: none; cursor: pointer;\n }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(244,130,10,0.55); }\n .btn-whatsapp {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(37,211,102,0.15); border: 2px solid rgba(37,211,102,0.5);\n color: #25d366; padding: 14px 28px; border-radius: 12px;\n font-size: 16px; font-weight: 700; text-decoration: none;\n transition: all 0.3s;\n }\n .btn-whatsapp:hover { background: rgba(37,211,102,0.25); transform: translateY(-3px); }\n\n .hero-stats {\n display: flex; gap: 32px; margin-top: 40px;\n animation: fadeInDown 1.2s ease 0.4s both;\n }\n .stat { text-align: center; }\n .stat-num { font-size: 32px; font-weight: 900; color: var(--orange); line-height: 1; }\n .stat-label { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 4px; }\n\n .hero-visual {\n position: relative; animation: fadeInUp 1s ease 0.3s both;\n display: flex; align-items: center; justify-content: center;\n }\n .hero-img-wrap {\n position: relative; width: 100%; max-width: 520px;\n }\n .hero-img-main {\n width: 100%; border-radius: 24px;\n background: linear-gradient(135deg, #1a3a6b, #0f2a50);\n aspect-ratio: 4\/3;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden; position: relative;\n box-shadow: 0 30px 80px rgba(0,0,0,0.4);\n border: 1px solid rgba(255,255,255,0.08);\n }\n .foam-animation {\n position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(244,130,10,0.2), transparent 50%);\n }\n .hero-img-icon { font-size: 80px; color: var(--orange); opacity: 0.8; position: relative; z-index: 1; }\n .hero-img-overlay {\n position: absolute; bottom: 20px; right: 20px; left: 20px;\n background: rgba(10,22,40,0.85); backdrop-filter: blur(10px);\n border-radius: 12px; padding: 14px 20px;\n display: flex; align-items: center; gap: 12px;\n border: 1px solid rgba(255,255,255,0.1);\n }\n .overlay-icon { width: 40px; height: 40px; background: var(--orange); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; flex-shrink: 0; }\n .overlay-text .t1 { font-size: 13px; color: white; font-weight: 700; }\n .overlay-text .t2 { font-size: 11px; color: rgba(255,255,255,0.5); }\n\n .hero-card {\n position: absolute; background: white; border-radius: 14px;\n padding: 14px 18px; box-shadow: 0 16px 40px rgba(0,0,0,0.3);\n display: flex; align-items: center; gap: 10px; white-space: nowrap;\n }\n .hero-card.card-1 { top: -20px; right: -20px; animation: float1 4s ease-in-out infinite; }\n .hero-card.card-2 { bottom: 80px; left: -30px; animation: float2 4s ease-in-out infinite 2s; }\n .hero-card .ci { width: 36px; height: 36px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; }\n .hero-card .ct .c1 { font-size: 12px; font-weight: 700; color: var(--text-dark); }\n .hero-card .ct .c2 { font-size: 10px; color: var(--text-light); }\n\n \/* \u2500\u2500\u2500 SECTION BASE \u2500\u2500\u2500 *\/\n section { padding: 90px 0; }\n .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n .section-label {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(244,130,10,0.08); border: 1px solid rgba(244,130,10,0.2);\n color: var(--orange); padding: 6px 16px; border-radius: 50px;\n font-size: 13px; font-weight: 700; margin-bottom: 16px;\n }\n .section-title {\n font-size: clamp(26px, 3.5vw, 42px); font-weight: 900;\n color: var(--text-dark); line-height: 1.3; margin-bottom: 16px;\n }\n .section-title span { color: var(--orange); }\n .section-desc { font-size: 16px; color: var(--text-mid); max-width: 580px; }\n .section-header { margin-bottom: 56px; }\n .section-header.center { text-align: center; }\n .section-header.center .section-desc { margin: 0 auto; }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n #services { background: var(--gray-light); }\n .services-grid {\n display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 24px;\n }\n .service-card {\n background: white; border-radius: var(--radius-lg);\n padding: 32px 28px; position: relative;\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--gray-mid);\n transition: all 0.35s;\n overflow: hidden;\n }\n .service-card::before {\n content: ''; position: absolute; top: 0; right: 0;\n width: 4px; height: 0; background: linear-gradient(180deg, var(--orange), var(--orange-light));\n border-radius: 0 var(--radius-lg) var(--radius-lg) 0;\n transition: height 0.35s;\n }\n .service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: rgba(244,130,10,0.2); }\n .service-card:hover::before { height: 100%; }\n .service-icon {\n width: 64px; height: 64px;\n background: linear-gradient(135deg, rgba(244,130,10,0.12), rgba(244,130,10,0.06));\n border-radius: 16px; display: flex; align-items: center; justify-content: center;\n font-size: 28px; color: var(--orange); margin-bottom: 20px;\n transition: all 0.35s;\n border: 1px solid rgba(244,130,10,0.15);\n }\n .service-card:hover .service-icon { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: white; }\n .service-card h3 { font-size: 18px; font-weight: 800; margin-bottom: 10px; color: var(--text-dark); }\n .service-card p { font-size: 14px; color: var(--text-mid); line-height: 1.7; }\n .service-link {\n display: inline-flex; align-items: center; gap: 6px;\n color: var(--orange); font-size: 13px; font-weight: 700;\n text-decoration: none; margin-top: 16px; transition: gap 0.25s;\n }\n .service-link:hover { gap: 10px; }\n\n \/* \u2500\u2500\u2500 WHY US \u2500\u2500\u2500 *\/\n #why-us { background: var(--navy); overflow: hidden; position: relative; }\n #why-us::before {\n content: ''; position: absolute;\n top: -200px; left: -200px; width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(244,130,10,0.08), transparent 70%);\n pointer-events: none;\n }\n .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n .why-left .section-title { color: white; }\n .why-left .section-desc { color: rgba(255,255,255,0.6); }\n .why-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }\n .why-item {\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius); padding: 20px;\n transition: all 0.3s;\n }\n .why-item:hover { background: rgba(244,130,10,0.1); border-color: rgba(244,130,10,0.3); transform: translateY(-3px); }\n .why-item i { font-size: 28px; color: var(--orange); margin-bottom: 12px; display: block; }\n .why-item h4 { font-size: 15px; font-weight: 700; color: white; margin-bottom: 6px; }\n .why-item p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; }\n .why-right {\n display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\n }\n .why-stat-card {\n background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius-lg); padding: 28px 20px; text-align: center;\n transition: all 0.3s;\n }\n .why-stat-card:hover { background: rgba(244,130,10,0.15); border-color: rgba(244,130,10,0.4); transform: translateY(-4px); }\n .why-stat-card:nth-child(1) { margin-top: 30px; }\n .why-stat-card:nth-child(4) { margin-top: 30px; }\n .why-stat-num { font-size: 42px; font-weight: 900; color: var(--orange); line-height: 1; }\n .why-stat-unit { font-size: 18px; font-weight: 900; color: var(--orange); }\n .why-stat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 8px; }\n\n \/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 *\/\n #gallery { background: white; }\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: auto;\n gap: 16px;\n }\n .gallery-item {\n border-radius: var(--radius); overflow: hidden;\n position: relative; cursor: pointer;\n background: var(--navy-mid);\n aspect-ratio: 4\/3;\n }\n .gallery-item.tall { grid-row: span 2; aspect-ratio: unset; min-height: 400px; }\n .gallery-item.wide { grid-column: span 2; aspect-ratio: 16\/7; }\n .gallery-bg {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n transition: transform 0.5s;\n }\n .gallery-item:hover .gallery-bg { transform: scale(1.05); }\n .g1 { background: linear-gradient(135deg, #1a3a6b 0%, #0d2347 100%); }\n .g2 { background: linear-gradient(135deg, #0d2347 0%, #1e4a7a 100%); }\n .g3 { background: linear-gradient(135deg, #162035 0%, #243c5a 100%); }\n .g4 { background: linear-gradient(135deg, #243c5a 0%, #0a1628 100%); }\n .g5 { background: linear-gradient(135deg, #0f2a50 0%, #1a3a6b 100%); }\n .g6 { background: linear-gradient(135deg, #1e4a7a 0%, #0d2347 100%); }\n .gallery-icon { font-size: 48px; color: rgba(244,130,10,0.6); }\n .gallery-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,22,40,0.9) 0%, transparent 50%);\n opacity: 0; transition: opacity 0.35s;\n display: flex; align-items: flex-end; padding: 20px;\n }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n .gallery-label { color: white; font-size: 14px; font-weight: 700; }\n .gallery-badge {\n position: absolute; top: 12px; right: 12px;\n background: var(--orange); color: white; font-size: 11px; font-weight: 700;\n padding: 4px 10px; border-radius: 50px;\n }\n\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n #testimonials { background: var(--gray-light); }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }\n .testimonial-card {\n background: white; border-radius: var(--radius-lg); padding: 28px;\n box-shadow: var(--shadow-sm); border: 1px solid var(--gray-mid);\n transition: all 0.3s;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n .stars { color: #f4a400; font-size: 16px; margin-bottom: 14px; letter-spacing: 2px; }\n .testimonial-text { font-size: 15px; color: var(--text-mid); line-height: 1.8; margin-bottom: 20px; font-style: italic; }\n .testimonial-author { display: flex; align-items: center; gap: 12px; }\n .author-avatar {\n width: 48px; height: 48px; border-radius: 50%;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n display: flex; align-items: center; justify-content: center;\n color: white; font-size: 20px; font-weight: 800; flex-shrink: 0;\n }\n .author-name { font-size: 15px; font-weight: 700; color: var(--text-dark); }\n .author-loc { font-size: 12px; color: var(--text-light); }\n\n \/* \u2500\u2500\u2500 RATING \u2500\u2500\u2500 *\/\n #rating { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%); }\n .rating-inner { display: flex; align-items: center; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: center; }\n .rating-big .num { font-size: 80px; font-weight: 900; color: white; line-height: 1; }\n .rating-big .out { font-size: 30px; font-weight: 400; color: rgba(255,255,255,0.5); }\n .rating-big .stars-big { font-size: 28px; color: #f4a400; letter-spacing: 4px; margin: 8px 0; }\n .rating-big .count { font-size: 15px; color: rgba(255,255,255,0.6); }\n .rating-bars { min-width: 280px; }\n .rating-bar-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n .bar-label { font-size: 13px; color: rgba(255,255,255,0.7); white-space: nowrap; min-width: 60px; text-align: right; }\n .bar-track { flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; }\n .bar-fill { height: 100%; background: linear-gradient(90deg, var(--orange), var(--orange-light)); border-radius: 4px; transition: width 1.5s ease; }\n .bar-pct { font-size: 12px; color: rgba(255,255,255,0.5); min-width: 36px; }\n .rating-platforms { display: flex; flex-direction: column; gap: 16px; }\n .platform-badge {\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px; padding: 16px 24px;\n display: flex; align-items: center; gap: 14px;\n }\n .platform-badge i { font-size: 24px; }\n .platform-badge .p-name { font-size: 14px; font-weight: 700; color: white; }\n .platform-badge .p-rating { font-size: 12px; color: rgba(255,255,255,0.5); }\n\n \/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\n #steps { background: white; }\n .steps-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }\n .steps-timeline::before {\n content: ''; position: absolute; top: 48px; right: 12.5%; left: 12.5%;\n height: 2px;\n background: linear-gradient(90deg, var(--orange), var(--orange-light), var(--orange), var(--orange-light));\n background-size: 200% 100%;\n animation: shimmer 2s linear infinite;\n }\n .step-item { text-align: center; padding: 0 20px; position: relative; }\n .step-num {\n width: 96px; height: 96px; border-radius: 50%;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; font-size: 32px; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 24px; position: relative; z-index: 1;\n box-shadow: 0 8px 30px rgba(244,130,10,0.35);\n transition: transform 0.3s;\n }\n .step-item:hover .step-num { transform: scale(1.08); }\n .step-item h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; color: var(--text-dark); }\n .step-item p { font-size: 14px; color: var(--text-mid); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n #faq { background: var(--gray-light); }\n .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n .faq-list { display: flex; flex-direction: column; gap: 14px; }\n .faq-item {\n background: white; border-radius: var(--radius); overflow: hidden;\n box-shadow: var(--shadow-sm); border: 1px solid var(--gray-mid);\n transition: all 0.3s;\n }\n .faq-item.active { border-color: rgba(244,130,10,0.3); box-shadow: 0 4px 20px rgba(244,130,10,0.1); }\n .faq-question {\n padding: 20px 24px; display: flex; align-items: center; justify-content: space-between;\n cursor: pointer; font-size: 15px; font-weight: 700; color: var(--text-dark);\n gap: 12px;\n }\n .faq-question i { color: var(--orange); font-size: 14px; transition: transform 0.3s; flex-shrink: 0; }\n .faq-item.active .faq-question i { transform: rotate(180deg); }\n .faq-answer {\n padding: 0 24px; max-height: 0; overflow: hidden;\n font-size: 14px; color: var(--text-mid); line-height: 1.8;\n transition: all 0.35s; border-top: 0 solid var(--gray-mid);\n }\n .faq-item.active .faq-answer {\n max-height: 200px; padding: 0 24px 20px;\n border-top: 1px solid var(--gray-mid);\n }\n .faq-visual {\n background: linear-gradient(135deg, var(--navy), var(--navy-mid));\n border-radius: var(--radius-lg); padding: 40px;\n display: flex; flex-direction: column; gap: 24px;\n }\n .faq-visual h3 { font-size: 22px; font-weight: 800; color: white; }\n .faq-visual p { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.7; }\n .faq-contact-btn {\n display: inline-flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; padding: 14px 26px; border-radius: 12px;\n font-size: 15px; font-weight: 700; text-decoration: none;\n transition: all 0.3s; align-self: flex-start;\n box-shadow: 0 6px 24px rgba(244,130,10,0.4);\n }\n .faq-contact-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(244,130,10,0.55); }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n #contact { background: white; }\n .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; }\n .contact-info h3 { font-size: 26px; font-weight: 800; margin-bottom: 12px; }\n .contact-info > p { font-size: 15px; color: var(--text-mid); margin-bottom: 36px; }\n .contact-item {\n display: flex; gap: 16px; margin-bottom: 24px;\n align-items: flex-start;\n }\n .contact-item-icon {\n width: 48px; height: 48px; border-radius: 12px;\n background: linear-gradient(135deg, rgba(244,130,10,0.12), rgba(244,130,10,0.06));\n display: flex; align-items: center; justify-content: center;\n font-size: 20px; color: var(--orange); flex-shrink: 0;\n border: 1px solid rgba(244,130,10,0.15);\n }\n .contact-item-text .label { font-size: 12px; color: var(--text-light); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\n .contact-item-text .value { font-size: 15px; color: var(--text-dark); font-weight: 700; margin-top: 2px; }\n .contact-item-text a { color: var(--orange); text-decoration: none; }\n\n .contact-form { background: var(--gray-light); border-radius: var(--radius-lg); padding: 36px; }\n .contact-form h3 { font-size: 22px; font-weight: 800; margin-bottom: 24px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\n .form-group { margin-bottom: 16px; }\n .form-group label { display: block; font-size: 13px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; }\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%; padding: 14px 16px; border-radius: 10px;\n border: 1.5px solid var(--gray-mid); background: white;\n font-family: 'Cairo', sans-serif; font-size: 14px; color: var(--text-dark);\n transition: border-color 0.25s, box-shadow 0.25s;\n outline: none;\n }\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 3px rgba(244,130,10,0.12);\n }\n .form-group textarea { min-height: 110px; resize: vertical; }\n .form-submit {\n width: 100%; padding: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; border: none; border-radius: 12px;\n font-family: 'Cairo', sans-serif; font-size: 16px; font-weight: 700;\n cursor: pointer; transition: all 0.3s;\n box-shadow: 0 6px 24px rgba(244,130,10,0.35);\n display: flex; align-items: center; justify-content: center; gap: 10px;\n }\n .form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(244,130,10,0.5); }\n\n \/* \u2500\u2500\u2500 MAP \u2500\u2500\u2500 *\/\n #map-section { padding: 0; }\n .map-wrap { position: relative; height: 400px; overflow: hidden; }\n .map-wrap iframe { width: 100%; height: 100%; border: none; filter: hue-rotate(180deg) invert(90%) contrast(95%); }\n .map-overlay {\n position: absolute; top: 20px; right: 20px;\n background: white; border-radius: 16px; padding: 20px 24px;\n box-shadow: var(--shadow-md);\n min-width: 220px;\n }\n .map-overlay .mo-icon { font-size: 28px; color: var(--orange); margin-bottom: 8px; }\n .map-overlay .mo-title { font-size: 16px; font-weight: 800; }\n .map-overlay .mo-addr { font-size: 13px; color: var(--text-mid); margin-top: 4px; }\n .map-overlay .mo-dir {\n display: inline-flex; align-items: center; gap: 6px;\n color: var(--orange); font-size: 13px; font-weight: 700;\n text-decoration: none; margin-top: 10px;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n #footer { background: var(--navy); padding: 60px 0 0; }\n .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }\n .footer-brand .logo-text .brand { font-size: 22px; }\n .footer-desc { font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 16px; line-height: 1.8; }\n .footer-social { display: flex; gap: 10px; margin-top: 24px; }\n .social-btn {\n width: 40px; height: 40px; border-radius: 10px;\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1);\n display: flex; align-items: center; justify-content: center;\n color: rgba(255,255,255,0.6); font-size: 16px; text-decoration: none;\n transition: all 0.3s;\n }\n .social-btn:hover { background: var(--orange); color: white; border-color: var(--orange); transform: translateY(-3px); }\n .footer-col h4 { font-size: 15px; font-weight: 800; color: white; margin-bottom: 20px; }\n .footer-col ul { list-style: none; }\n .footer-col ul li { margin-bottom: 12px; }\n .footer-col ul li a {\n color: rgba(255,255,255,0.5); text-decoration: none; font-size: 14px;\n transition: color 0.25s; display: flex; align-items: center; gap: 6px;\n }\n .footer-col ul li a i { font-size: 10px; color: var(--orange); }\n .footer-col ul li a:hover { color: white; }\n .footer-bottom {\n padding: 24px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;\n }\n .footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.4); }\n .footer-bottom span { color: var(--orange); }\n\n \/* \u2500\u2500\u2500 FLOATING BUTTONS \u2500\u2500\u2500 *\/\n .float-btns { position: fixed; bottom: 30px; left: 24px; z-index: 999; display: flex; flex-direction: column; gap: 12px; }\n .float-btn {\n width: 56px; height: 56px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 24px; text-decoration: none;\n box-shadow: 0 6px 24px rgba(0,0,0,0.25);\n transition: all 0.3s;\n position: relative;\n }\n .float-btn:hover { transform: scale(1.1) translateY(-3px); }\n .float-wa { background: #25d366; color: white; }\n .float-call { background: var(--orange); color: white; }\n .float-tooltip {\n position: absolute; right: calc(100% + 12px);\n background: var(--navy); color: white; font-size: 13px; font-weight: 700;\n padding: 6px 14px; border-radius: 8px; white-space: nowrap;\n opacity: 0; pointer-events: none; transition: opacity 0.25s;\n }\n .float-btn:hover .float-tooltip { opacity: 1; }\n .float-pulse {\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n animation: pulse-ring 2.5s ease-out infinite;\n }\n .float-wa .float-pulse { background: rgba(37,211,102,0.4); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes float1 {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n @keyframes float2 {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 0.6; }\n 100% { transform: scale(1.9); opacity: 0; }\n }\n\n .reveal {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n\n \/* \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 *\/\n .mobile-nav {\n position: fixed; inset: 0; background: var(--navy);\n z-index: 2000; display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 24px;\n transform: translateX(100%); transition: transform 0.4s ease;\n }\n .mobile-nav.open { transform: translateX(0); }\n .mobile-nav a {\n color: white; text-decoration: none; font-size: 22px; font-weight: 700;\n padding: 12px 32px; border-radius: 12px;\n transition: background 0.25s;\n }\n .mobile-nav a:hover { background: rgba(255,255,255,0.1); }\n .mobile-nav .close-btn {\n position: absolute; top: 20px; left: 24px;\n background: none; border: none; color: white; font-size: 28px; cursor: pointer;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .why-grid { grid-template-columns: 1fr; gap: 40px; }\n .why-right { grid-template-columns: repeat(4, 1fr); }\n .why-stat-card:nth-child(1),\n .why-stat-card:nth-child(4) { margin-top: 0; }\n .faq-grid { grid-template-columns: 1fr; }\n .contact-grid { grid-template-columns: 1fr; }\n .steps-timeline { grid-template-columns: 1fr 1fr; gap: 32px; }\n .steps-timeline::before { display: none; }\n }\n @media (max-width: 768px) {\n nav { display: none; }\n .menu-toggle { display: block; }\n .hero-content { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n .hero-visual { display: none; }\n .hero-stats { justify-content: center; }\n .hero-btns { justify-content: center; }\n .hero-desc { margin: 0 auto 36px; }\n .gallery-grid { grid-template-columns: 1fr 1fr; }\n .gallery-item.tall { grid-row: span 1; min-height: auto; aspect-ratio: 4\/3; }\n .gallery-item.wide { grid-column: span 2; }\n .footer-grid { grid-template-columns: 1fr; gap: 32px; }\n .why-right { grid-template-columns: 1fr 1fr; }\n .why-features { grid-template-columns: 1fr; }\n .steps-timeline { grid-template-columns: 1fr; }\n .form-row { grid-template-columns: 1fr; }\n .rating-inner { gap: 40px; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; text-align: center; }\n }\n @media (max-width: 480px) {\n .gallery-grid { grid-template-columns: 1fr; }\n .gallery-item.wide { grid-column: span 1; aspect-ratio: 4\/3; }\n section { padding: 60px 0; }\n .hero-stats { flex-wrap: wrap; gap: 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 -->\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"close-btn\" onclick=\"toggleMenu()\"><i class=\"fas fa-times\"><\/i><\/button>\n <a href=\"#services\" onclick=\"toggleMenu()\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\" onclick=\"toggleMenu()\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#gallery\" onclick=\"toggleMenu()\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n <a href=\"#testimonials\" onclick=\"toggleMenu()\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\" onclick=\"toggleMenu()\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#contact\" onclick=\"toggleMenu()\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <a href=\"tel:+966500000000\" style=\"color: var(--orange)\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\n<\/div>\n\n<!-- \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 -->\n<header id=\"header\">\n <div class=\"header-inner\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <div class=\"logo-text\">\n <span class=\"brand\">\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>\n <span class=\"tagline\">\u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a<\/span>\n <\/div>\n <\/a>\n <nav>\n <a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#gallery\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n <a href=\"#testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#contact\" class=\"nav-cta\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\n <\/nav>\n <button class=\"menu-toggle\" onclick=\"toggleMenu()\"><i class=\"fas fa-bars\"><\/i><\/button>\n <\/div>\n<\/header>\n\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\"><i class=\"fas fa-circle\"><\/i> \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/div>\n <h1 class=\"hero-title\">\u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 <span>\u0639\u0632\u0644 \u0641\u0648\u0645<\/span> \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/h1>\n <p class=\"hero-desc\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0648\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\"><i class=\"fas fa-clipboard-list\"><\/i> \u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0622\u0646<\/a>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"btn-whatsapp\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0628\u0627\u0634\u0631<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">15+<\/div>\n <div class=\"stat-label\">\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">5000+<\/div>\n <div class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">4.9<\/div>\n <div class=\"stat-label\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">10<\/div>\n <div class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u0636\u0645\u0627\u0646<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-img-wrap\">\n <div class=\"hero-img-main\">\n <div class=\"foam-animation\"><\/div>\n <i class=\"hero-img-icon fas fa-building\"><\/i>\n <div class=\"hero-img-overlay\">\n <div class=\"overlay-icon\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n <div class=\"overlay-text\">\n <div class=\"t1\">\u0639\u0632\u0644 \u0641\u0648\u0645 \u0645\u062a\u0645\u064a\u0632<\/div>\n <div class=\"t2\">\u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 | \u0636\u0645\u0627\u0646 10 \u0633\u0646\u0648\u0627\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card card-1\">\n <div class=\"ci\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"ct\">\n <div class=\"c1\">\u062a\u0642\u064a\u064a\u0645 4.9 \u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"c2\">+2000 \u062a\u0642\u064a\u064a\u0645 \u0645\u0648\u062b\u0642<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card card-2\">\n <div class=\"ci\"><i class=\"fas fa-certificate\"><\/i><\/div>\n <div class=\"ct\">\n <div class=\"c1\">\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f 10 \u0633\u0646\u0648\u0627\u062a<\/div>\n <div class=\"c2\">\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 -->\n<section id=\"services\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-tools\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/div>\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 <span>\u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/span><\/h2>\n <p class=\"section-desc\">\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a \u0644\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><i class=\"fas fa-home\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0623\u0633\u0637\u062d \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0623\u0645\u0637\u0627\u0631 \u0628\u0637\u0628\u0642\u0629 \u0639\u0627\u0632\u0644\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u062f\u0648\u0645 \u0644\u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/h3>\n <p>\u0639\u0632\u0644 \u0627\u0644\u0623\u0644\u0648\u0627\u062d \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u064a\u0646\u0643\u0648 \u0628\u0627\u0644\u0641\u0648\u0645 \u0627\u0644\u0628\u0648\u0644\u064a \u064a\u0648\u0631\u064a\u062b\u0627\u0646 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0637\u0627\u0642\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fas fa-warehouse\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/h3>\n <p>\u062d\u0644\u0648\u0644 \u0639\u0632\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0647\u0646\u0627\u062c\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u0636\u0645\u0646 \u0628\u064a\u0626\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0637\u0627\u0642\u0629 \u0643\u0628\u064a\u0631<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fas fa-boxes\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u062e\u0627\u0632\u0646 \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><i class=\"fas fa-tint\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\n <p>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0642\u0627\u0621 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0628\u062e\u0631<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n <h3>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\n <p>\u0627\u0643\u062a\u0634\u0627\u0641 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0626\u064a\u0629 \u0628\u062f\u0642\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062c\u0647\u0632\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062f\u0648\u0646 \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u062a\u0634\u0637\u064a\u0628\u0627\u062a<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fas fa-temperature-low\"><\/i><\/div>\n <h3>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a<\/h3>\n <p>\u062a\u0642\u0644\u064a\u0644 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0648\u0625\u0644\u0649 \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0643\u064a\u064a\u0641 \u0648\u064a\u062d\u0633\u0646 \u0627\u0644\u0631\u0627\u062d\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fas fa-water\"><\/i><\/div>\n <h3>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0645\u0646 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0628\u0623\u062d\u062f\u062b \u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 WHY US \u2500\u2500\u2500 -->\n<section id=\"why-us\">\n <div class=\"container\">\n <div class=\"why-grid\">\n <div class=\"why-left\">\n <div class=\"section-label\" style=\"background:rgba(244,130,10,0.15);border-color:rgba(244,130,10,0.3)\"><i class=\"fas fa-award\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/div>\n <h2 class=\"section-title\" style=\"color:white\">\u0644\u0645\u0627\u0630\u0627 <span>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span><br>\u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644\u061f<\/h2>\n <p class=\"section-desc\" style=\"color:rgba(255,255,255,0.6)\">\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 \u0639\u0632\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\n <div class=\"why-features\">\n <div class=\"why-item reveal\">\n <i class=\"fas fa-clock\"><\/i>\n <h4>\u062e\u0628\u0631\u0629 +15 \u0633\u0646\u0629<\/h4>\n <p>\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <i class=\"fas fa-gem\"><\/i>\n <h4>\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\n <p>\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0641\u0636\u0644 \u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0623\u0637\u0648\u0644 \u0639\u0645\u0631 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-2\">\n <i class=\"fas fa-certificate\"><\/i>\n <h4>\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f 10 \u0633\u0646\u0648\u0627\u062a<\/h4>\n <p>\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062b\u0642 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-3\">\n <i class=\"fas fa-bolt\"><\/i>\n <h4>\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h4>\n <p>\u0641\u0631\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0646\u062c\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0623\u0642\u0635\u0631 \u0648\u0642\u062a \u0645\u0645\u0643\u0646<\/p>\n <\/div>\n <div class=\"why-item reveal\">\n <i class=\"fas fa-tag\"><\/i>\n <h4>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629<\/h4>\n <p>\u0623\u0641\u0636\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \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<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <i class=\"fas fa-users\"><\/i>\n <h4>\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641<\/h4>\n <p>\u0641\u0646\u064a\u0648\u0646 \u0645\u062f\u0631\u0628\u0648\u0646 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0648\u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-right\">\n <div class=\"why-stat-card reveal\">\n <div class=\"why-stat-num\">5000<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632 \u0628\u0646\u062c\u0627\u062d<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-1\">\n <div class=\"why-stat-num\">98<span class=\"why-stat-unit\">%<\/span><\/div>\n <div class=\"why-stat-label\">\u0646\u0633\u0628\u0629 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-2\">\n <div class=\"why-stat-num\">15<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0633\u0646\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-3\">\n <div class=\"why-stat-num\">10<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0645\u0646\u0627\u0637\u0642 \u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 -->\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/div>\n <h2 class=\"section-title\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627 <span>\u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/span><\/h2>\n <p class=\"section-desc\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item tall reveal\">\n <div class=\"gallery-bg g1\"><i class=\"gallery-icon fas fa-building\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0633\u0637\u062d \u0633\u0643\u0646\u064a – \u0627\u0644\u0631\u064a\u0627\u0636<\/div><\/div>\n <div class=\"gallery-badge\">\u0633\u0643\u0646\u064a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-1\">\n <div class=\"gallery-bg g2\"><i class=\"gallery-icon fas fa-warehouse\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0647\u0646\u062c\u0631 \u0635\u0646\u0627\u0639\u064a – \u062c\u062f\u0629<\/div><\/div>\n <div class=\"gallery-badge\">\u0635\u0646\u0627\u0639\u064a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-2\">\n <div class=\"gallery-bg g3\"><i class=\"gallery-icon fas fa-boxes\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0645\u0633\u062a\u0648\u062f\u0639 – \u0627\u0644\u062f\u0645\u0627\u0645<\/div><\/div>\n <div class=\"gallery-badge\">\u062a\u062c\u0627\u0631\u064a<\/div>\n <\/div>\n <div class=\"gallery-item wide reveal reveal-delay-1\">\n <div class=\"gallery-bg g4\"><i class=\"gallery-icon fas fa-industry\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0634\u064a\u0646\u0643\u0648 – \u0645\u0634\u0631\u0648\u0639 \u0635\u0646\u0627\u0639\u064a \u0643\u0628\u064a\u0631<\/div><\/div>\n <div class=\"gallery-badge\">\u0636\u062e\u0645<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-2\">\n <div class=\"gallery-bg g5\"><i class=\"gallery-icon fas fa-tint\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0645\u064a\u0627\u0647 – \u0627\u0644\u0637\u0627\u0626\u0641<\/div><\/div>\n <div class=\"gallery-badge\">\u062e\u0632\u0627\u0646\u0627\u062a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-3\">\n <div class=\"gallery-bg g6\"><i class=\"gallery-icon fas fa-shield-alt\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0645\u0627\u0626\u064a \u0634\u0627\u0645\u0644 – \u0645\u0643\u0629<\/div><\/div>\n <div class=\"gallery-badge\">\u0645\u0627\u0626\u064a<\/div>\n <\/div>\n <\/div>\n <div style=\"text-align:center;margin-top:40px\">\n <a href=\"#contact\" class=\"btn-primary\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 -->\n<section id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-quote-right\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 <span>\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span><\/h2>\n <p class=\"section-desc\">\u0622\u0644\u0627\u0641 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0631\u0627\u0636\u064a\u0646 \u064a\u062b\u0642\u0648\u0646 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u062a\u062c\u0631\u0628\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a. \u0623\u0646\u062c\u0632\u0648\u0627 \u0639\u0632\u0644 \u0633\u0637\u062d \u0645\u0646\u0632\u0644\u064a \u0641\u064a \u064a\u0648\u0645 \u0648\u0627\u062d\u062f \u0641\u0642\u0637 \u0648\u0628\u062c\u0648\u062f\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0644\u0645 \u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0647\u0630\u0627 \u0627\u0644\u0635\u064a\u0641 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642. \u0623\u0646\u0635\u062d \u0628\u0647\u0645 \u0628\u0643\u0644 \u062b\u0642\u0629.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u0645<\/div>\n <div>\n <div class=\"author-name\">\u0645\u062d\u0645\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal reveal-delay-1\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u0642\u0645\u062a \u0628\u0639\u0632\u0644 \u0647\u0646\u062c\u0631\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u0643\u0627\u0646 \u0627\u0644\u0641\u0631\u0642 \u0648\u0627\u0636\u062d\u0627\u064b \u062c\u062f\u0627\u064b. \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0646\u062e\u0641\u0636\u062a \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0648\u062a\u0648\u0641\u0631\u062a \u0641\u064a \u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621. \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u062c\u062f\u0627\u064b \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0645\u0645\u064a\u0632.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u0623<\/div>\n <div>\n <div class=\"author-name\">\u0623\u062d\u0645\u062f \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u062c\u062f\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal reveal-delay-2\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u0639\u0632\u0644\u0648\u0627 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u062a\u0647\u0645 \u062a\u0641\u0648\u0642 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a. \u0627\u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u0642\u062f\u0645 \u0623\u0639\u0637\u0627\u0646\u064a \u0637\u0645\u0623\u0646\u064a\u0646\u0629 \u0643\u0628\u064a\u0631\u0629. \u0633\u0623\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0645 \u062d\u062a\u0645\u0627\u064b \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u064a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u062e<\/div>\n <div>\n <div class=\"author-name\">\u062e\u0627\u0644\u062f \u0627\u0644\u062f\u0648\u0633\u0631\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u062f\u0645\u0627\u0645<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 RATING \u2500\u2500\u2500 -->\n<section id=\"rating\">\n <div class=\"container\">\n <div class=\"rating-inner\">\n <div class=\"rating-big\">\n <div class=\"num\">4.9<span class=\"out\"> \/5<\/span><\/div>\n <div class=\"stars-big\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"count\">\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 2000 \u062a\u0642\u064a\u064a\u0645 \u0645\u0648\u062b\u0642<\/div>\n <\/div>\n <div class=\"rating-bars\">\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">5 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"92\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">92%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">4 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"6\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">6%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">3 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"2\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">2%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">2 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"0.5\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">0.5%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">1 \u0646\u062c\u0645\u0629<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"0.5\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">0.5%<\/div>\n <\/div>\n <\/div>\n <div class=\"rating-platforms\">\n <div class=\"platform-badge\">\n <i class=\"fab fa-google\" style=\"color:#ea4335\"><\/i>\n <div>\n <div class=\"p-name\">Google Reviews<\/div>\n <div class=\"p-rating\">4.9 \u2605 \u00b7 1,240 \u062a\u0642\u064a\u064a\u0645<\/div>\n <\/div>\n <\/div>\n <div class=\"platform-badge\">\n <i class=\"fab fa-snapchat\" style=\"color:#fffc00\"><\/i>\n <div>\n <div class=\"p-name\">\u0633\u0646\u0627\u0628 \u0634\u0627\u062a<\/div>\n <div class=\"p-rating\">\u0645\u062a\u0627\u0628\u0639\u0648\u0646 \u0646\u0634\u0637\u0648\u0646<\/div>\n <\/div>\n <\/div>\n <div class=\"platform-badge\">\n <i class=\"fab fa-whatsapp\" style=\"color:#25d366\"><\/i>\n <div>\n <div class=\"p-name\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <div class=\"p-rating\">\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0641\u0648\u0631\u064a\u0629 24\/7<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 -->\n<section id=\"steps\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-list-ol\"><\/i> \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <h2 class=\"section-title\">\u0643\u064a\u0641 <span>\u0646\u0639\u0645\u0644<\/span>\u061f<\/h2>\n <p class=\"section-desc\">\u0639\u0645\u0644\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u0645\u0646 \u0623\u0648\u0644 \u062a\u0648\u0627\u0635\u0644 \u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0642<\/p>\n <\/div>\n <div class=\"steps-timeline\">\n <div class=\"step-item reveal\">\n <div class=\"step-num\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\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 \u0648\u0633\u064a\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0641\u0648\u0631\u0627\u064b \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-1\">\n <div class=\"step-num\"><i class=\"fas fa-eye\"><\/i><\/div>\n <h3>\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/h3>\n <p>\u064a\u0623\u062a\u064a \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0641\u0646\u064a \u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a \u0648\u062f\u0642\u064a\u0642 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-2\">\n <div class=\"step-num\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n <h3>\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0632\u0644<\/h3>\n <p>\u064a\u0646\u0641\u0630 \u0641\u0631\u064a\u0642\u0646\u0627 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-3\">\n <div class=\"step-num\"><i class=\"fas fa-certificate\"><\/i><\/div>\n <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u0636\u0645\u0627\u0646<\/h3>\n <p>\u064a\u064f\u0633\u0644\u064e\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0639 \u0634\u0647\u0627\u062f\u0629 \u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0642\u0629 \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0648\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0623\u064a \u0635\u064a\u0627\u0646\u0629<\/p>\n <\/div>\n <\/div>\n <div style=\"text-align:center;margin-top:48px\">\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"btn-primary\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 -->\n<section id=\"faq\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"section-label\"><i class=\"fas fa-question-circle\"><\/i> \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/div>\n <h2 class=\"section-title\">\u0623\u0633\u0626\u0644\u0629 <span>\u064a\u0633\u0623\u0644\u0647\u0627 \u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span><\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-list\">\n <div class=\"faq-item active\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0645\u0627 \u0647\u0648 \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0648\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0647\u0648 \u0646\u0638\u0627\u0645 \u0639\u0632\u0644 \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u0628\u0648\u0644\u064a \u064a\u0648\u0631\u064a\u062b\u0627\u0646 \u0627\u0644\u0633\u0627\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0631\u0634 \u0639\u0644\u0649 \u0627\u0644\u0633\u0637\u062d \u0644\u062a\u062a\u0645\u062f\u062f \u0648\u062a\u062a\u0635\u0644\u0628 \u0645\u0643\u0648\u0651\u0646\u0629 \u0637\u0628\u0642\u0629 \u0639\u0627\u0632\u0644\u0629 \u0645\u062d\u0643\u0645\u0629. \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0646\u0639 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0648\u062a\u062d\u0645\u064a \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062c\u0648\u064a\u0629.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u062a\u0634\u0645\u0644 \u0636\u0645\u0627\u0646 \u0631\u0633\u0645\u064a\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u0646\u0642\u062f\u0645 \u0636\u0645\u0627\u0646\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u0645\u0648\u062b\u0642\u0627\u064b \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0646\u062c\u0632\u0629\u060c \u064a\u0634\u0645\u0644 \u0623\u064a \u062a\u0633\u0631\u0628 \u0623\u0648 \u062e\u0644\u0644 \u064a\u062d\u062f\u062b \u0628\u0633\u0628\u0628 \u0627\u0644\u0639\u0632\u0644 \u062e\u0644\u0627\u0644 \u0645\u062f\u0629 \u0627\u0644\u0636\u0645\u0627\u0646.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u062f\u0629 \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u0646 \u064a\u0648\u0645 \u0648\u0627\u062d\u062f \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0648\u0623\u0633\u0628\u0648\u0639 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629. \u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u0644\u0627 \u0646\u062a\u0631\u0643 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0627\u0643\u062a\u0645\u0627\u0644\u0647.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u064a \u0646\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062a\u062d\u0645\u0644 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0645\u0646\u0627\u062e \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0633\u0637\u062d \u0628\u0646\u0633\u0628\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 70%.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0629 \u0645\u0639\u0627\u064a\u0646\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0628\u0627\u0644\u0637\u0628\u0639\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0629 \u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u062a\u0642\u064a\u064a\u0645 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0623\u064a \u0645\u0634\u0631\u0648\u0639. \u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0641\u0646\u064a \u0628\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u062a\u0641\u0635\u064a\u0644\u064a \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0645\u0627 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0648\u0646\u0647\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u0645\u0627 \u0641\u064a\u0647\u0627: \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062c\u062f\u0629\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\u060c \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0627\u0644\u062e\u0628\u0631\u060c \u0627\u0644\u0637\u0627\u0626\u0641\u060c \u062a\u0628\u0648\u0643\u060c \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u062f\u0646.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-visual reveal\">\n <h3>\u0644\u0645 \u062a\u062c\u062f \u0625\u062c\u0627\u0628\u0629 \u0644\u0633\u0624\u0627\u0644\u0643\u061f<\/h3>\n <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0633\u064a\u0631\u062f\u0651 \u0639\u0644\u064a\u0643 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642.<\/p>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"faq-contact-btn\" target=\"_blank\">\n <i class=\"fab fa-whatsapp\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <div style=\"background:rgba(255,255,255,0.07);border-radius:12px;padding:20px;margin-top:8px\">\n <div style=\"font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:12px\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <div style=\"color:white;font-size:15px;font-weight:700\"><i class=\"fas fa-clock\" style=\"color:var(--orange);margin-left:8px\"><\/i> \u0627\u0644\u0633\u0628\u062a – \u0627\u0644\u062e\u0645\u064a\u0633: 8 \u0635 – 10 \u0645<\/div>\n <div style=\"color:rgba(255,255,255,0.6);font-size:14px;margin-top:8px\"><i class=\"fas fa-phone-alt\" style=\"color:var(--orange);margin-left:8px\"><\/i> 0500000000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 -->\n<section id=\"contact\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-envelope\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\n <h2 class=\"section-title\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 <span>\u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/span><\/h2>\n <p class=\"section-desc\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0639\u0631\u0636 \u0633\u0639\u0631 \u0641\u064a \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a<\/p>\n <\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-info reveal\">\n <h3>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0643\u0644 \u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644. \u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0628\u0623\u064a \u0648\u0633\u064a\u0644\u0629 \u062a\u0646\u0627\u0633\u0628\u0643.<\/p>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0647\u0627\u062a\u0641<\/div>\n <div class=\"value\"><a href=\"tel:+966500000000\">0500000000<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <div class=\"value\"><a href=\"https:\/\/wa.me\/966500000000\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629\u064b<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\n <div class=\"value\"><a href=\"mailto:info@golden-insulation.sa\">info@golden-insulation.sa<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/div>\n <div class=\"value\">\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0645\u064a\u0631 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632<\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <div class=\"value\">\u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633: 8 \u0635 \u2013 10 \u0645<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form reveal reveal-delay-1\">\n <h3>\u0623\u0631\u0633\u0644 \u0637\u0644\u0628\u0643 \u0627\u0644\u0622\u0646<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n <input type=\"text\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\">\n <\/div>\n <div class=\"form-group\">\n <label>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" placeholder=\"05xxxxxxxx\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\n <select>\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\n <option>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/option>\n <option>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/option>\n <option>\u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/option>\n <option>\u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/option>\n <option>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/option>\n <option>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/option>\n <option>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a<\/option>\n <option>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>\u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/label>\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0645\u062f\u064a\u0646\u062a\u0643\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n <textarea placeholder=\"\u0627\u0643\u062a\u0628 \u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646 \u0645\u0634\u0631\u0648\u0639\u0643...\"><\/textarea>\n <\/div>\n <button class=\"form-submit\" onclick=\"submitForm(this)\">\n <i class=\"fas fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 MAP \u2500\u2500\u2500 -->\n<div id=\"map-section\">\n <div class=\"map-wrap\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d931.019823!2d46.6756!3d24.7136!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjTCsDQyJzQ5LjAiTiA0NsKwNDAnMzIuMiJF!5e0!3m2!1sar!2ssa!4v1700000000000!5m2!1sar!2ssa\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <div class=\"map-overlay\">\n <div class=\"mo-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"mo-title\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/div>\n <div class=\"mo-addr\">\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\n <a href=\"https:\/\/goo.gl\/maps\" target=\"_blank\" class=\"mo-dir\"><i class=\"fas fa-directions\"><\/i> \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\n<footer id=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <div class=\"logo-text\">\n <span class=\"brand\" style=\"color:white\">\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>\n <span class=\"tagline\">\u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a<\/span>\n <\/div>\n <\/a>\n <p class=\"footer-desc\">\u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u0627\u064b.<\/p>\n <div class=\"footer-social\">\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-snapchat\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"social-btn\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\n <ul>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul>\n <li><a href=\"#hero\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#why-us\"><i class=\"fas fa-chevron-left\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#gallery\"><i class=\"fas fa-chevron-left\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a><\/li>\n <li><a href=\"#testimonials\"><i class=\"fas fa-chevron-left\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\n <li><a href=\"#steps\"><i class=\"fas fa-chevron-left\"><\/i> \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/a><\/li>\n <li><a href=\"#faq\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n <ul>\n <li><a href=\"tel:+966500000000\"><i class=\"fas fa-phone-alt\"><\/i> 0500000000<\/a><\/li>\n <li><a href=\"mailto:info@golden-insulation.sa\"><i class=\"fas fa-envelope\"><\/i> info@golden-insulation.sa<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> \u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> 8 \u0635\u0628\u0627\u062d\u0627\u064b \u2013 10 \u0645\u0633\u0627\u0621\u064b<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2024 <span>\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <p>\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 <span>SEO<\/span> \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<!-- \u2500\u2500\u2500 FLOATING BUTTONS \u2500\u2500\u2500 -->\n<div class=\"float-btns\">\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"float-btn float-wa\" target=\"_blank\">\n <div class=\"float-pulse\"><\/div>\n <i class=\"fab fa-whatsapp\"><\/i>\n <div class=\"float-tooltip\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <\/a>\n <a href=\"tel:+966500000000\" class=\"float-btn float-call\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <div class=\"float-tooltip\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646<\/div>\n <\/a>\n<\/div>\n\n<script>\n \/\/ \u2500\u2500\u2500 HEADER SCROLL \u2500\u2500\u2500\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n header.classList.toggle('scrolled', window.scrollY > 60);\n });\n\n \/\/ \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500\n function toggleMenu() {\n document.getElementById('mobileNav').classList.toggle('open');\n }\n\n \/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.12 });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500\u2500 RATING BARS \u2500\u2500\u2500\n const barObserver = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if(e.isIntersecting) {\n document.querySelectorAll('.bar-fill').forEach(bar => {\n bar.style.width = bar.dataset.width + '%';\n });\n }\n });\n }, { threshold: 0.5 });\n const ratingSection = document.getElementById('rating');\n if(ratingSection) barObserver.observe(ratingSection);\n\n \/\/ \u2500\u2500\u2500 FAQ TOGGLE \u2500\u2500\u2500\n function toggleFaq(el) {\n const item = el.parentElement;\n const isActive = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n if(!isActive) item.classList.add('active');\n }\n\n \/\/ \u2500\u2500\u2500 FORM SUBMIT \u2500\u2500\u2500\n function submitForm(btn) {\n const orig = btn.innerHTML;\n btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n btn.disabled = true;\n setTimeout(() => {\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b';\n btn.style.background = 'linear-gradient(135deg, #22c55e, #16a34a)';\n setTimeout(() => {\n btn.innerHTML = orig;\n btn.style.background = '';\n btn.disabled = false;\n }, 4000);\n }, 1800);\n }\n\n \/\/ \u2500\u2500\u2500 SMOOTH SCROLL FOR ANCHOR LINKS \u2500\u2500\u2500\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const href = a.getAttribute('href');\n if(href === '#') return;\n const target = document.querySelector(href);\n if(target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ \u2500\u2500\u2500 COUNTER ANIMATION \u2500\u2500\u2500\n function animateCounter(el, target, duration) {\n let start = 0;\n const step = target \/ (duration \/ 16);\n const timer = setInterval(() => {\n start = Math.min(start + step, target);\n el.textContent = Math.floor(start).toLocaleString('ar-SA');\n if(start >= target) clearInterval(timer);\n }, 16);\n }\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\n\n\n<p class=\"has-ast-global-color-3-color has-text-color has-link-color wp-elements-dd7b6e6623480e52307c636a59d07286\"><\/p>\n\n\n\n<p><\/p>\n\n\n\n\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n\n\n\n\n\n\n<div class=\"softlite-block-custom-html\" id=\"softlite-block-jb6rfgo5\"><!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta name=\"description\" content=\"\u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 - \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f \u0648\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629\">\n<meta name=\"keywords\" content=\"\u0639\u0632\u0644 \u0641\u0648\u0645, \u0639\u0632\u0644 \u0623\u0633\u0637\u062d, \u0639\u0632\u0644 \u0647\u0646\u0627\u062c\u0631, \u0639\u0632\u0644 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a, \u0639\u0632\u0644 \u0634\u064a\u0646\u0643\u0648, \u0639\u0632\u0644 \u062d\u0631\u0627\u0631\u064a, \u0639\u0632\u0644 \u0645\u0627\u0626\u064a, \u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a, \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629, \u0627\u0644\u0631\u064a\u0627\u0636\">\n<title>\u0634\u0631\u0643\u0629 \u0639\u0632\u0644 \u0627\u0644\u0647\u0640\u0640\u0631\u0645 \u0627\u0644\u0641\u0640\u0640\u0636\u0640\u0640\u064a | \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n :root {\n --navy: #0a1628;\n --navy-mid: #112240;\n --navy-light: #1a3a6b;\n --orange: #f4820a;\n --orange-light: #ff9f2e;\n --orange-dark: #d4700a;\n --white: #ffffff;\n --gray-light: #f8f9fb;\n --gray-mid: #e8edf5;\n --text-dark: #0d1b2a;\n --text-mid: #3d5068;\n --text-light: #7a8fa6;\n --gold: #e8b84b;\n --shadow-sm: 0 2px 12px rgba(10,22,40,0.08);\n --shadow-md: 0 8px 32px rgba(10,22,40,0.14);\n --shadow-lg: 0 20px 60px rgba(10,22,40,0.18);\n --radius: 16px;\n --radius-lg: 24px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Cairo', 'Tajawal', sans-serif;\n background: var(--white);\n color: var(--text-dark);\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n \/* SCROLLBAR *\/\n ::-webkit-scrollbar { width: 6px; }\n ::-webkit-scrollbar-track { background: var(--gray-light); }\n ::-webkit-scrollbar-thumb { background: var(--orange); border-radius: 3px; }\n\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n #header {\n position: fixed; top: 0; right: 0; left: 0; z-index: 1000;\n background: transparent;\n padding: 20px 0;\n transition: all 0.4s ease;\n }\n #header.scrolled {\n background: rgba(10,22,40,0.97);\n backdrop-filter: blur(20px);\n padding: 14px 0;\n box-shadow: 0 4px 30px rgba(0,0,0,0.3);\n }\n .header-inner {\n max-width: 1280px; margin: 0 auto;\n padding: 0 24px;\n display: flex; align-items: center; justify-content: space-between;\n }\n .logo {\n display: flex; align-items: center; gap: 12px;\n text-decoration: none;\n }\n .logo-icon {\n width: 48px; height: 48px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; color: white;\n box-shadow: 0 4px 20px rgba(244,130,10,0.4);\n }\n .logo-text { color: white; }\n .logo-text .brand { font-size: 20px; font-weight: 900; display: block; line-height: 1.1; }\n .logo-text .tagline { font-size: 11px; color: rgba(255,255,255,0.6); font-weight: 400; }\n\n nav { display: flex; align-items: center; gap: 8px; }\n nav a {\n color: rgba(255,255,255,0.85); text-decoration: none;\n font-size: 14px; font-weight: 600;\n padding: 8px 16px; border-radius: 8px;\n transition: all 0.25s;\n }\n nav a:hover { color: white; background: rgba(255,255,255,0.1); }\n .nav-cta {\n background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important;\n color: white !important;\n padding: 10px 22px !important;\n box-shadow: 0 4px 16px rgba(244,130,10,0.4);\n }\n .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(244,130,10,0.5) !important; }\n\n .menu-toggle { display: none; background: none; border: none; color: white; font-size: 24px; cursor: pointer; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n position: relative; min-height: 100vh;\n display: flex; align-items: center;\n overflow: hidden;\n background: var(--navy);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background: \n radial-gradient(ellipse 80% 60% at 20% 50%, rgba(244,130,10,0.12) 0%, transparent 60%),\n radial-gradient(ellipse 60% 80% at 80% 30%, rgba(26,58,107,0.5) 0%, transparent 60%),\n linear-gradient(160deg, #0a1628 0%, #112240 50%, #0d1b35 100%);\n }\n .hero-grid {\n position: absolute; inset: 0; opacity: 0.04;\n background-image: \n linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n .hero-content {\n position: relative; z-index: 2;\n max-width: 1280px; margin: 0 auto;\n padding: 120px 24px 80px;\n display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(244,130,10,0.15); border: 1px solid rgba(244,130,10,0.3);\n color: var(--orange-light); padding: 8px 18px; border-radius: 50px;\n font-size: 13px; font-weight: 700; margin-bottom: 24px;\n animation: fadeInDown 0.8s ease;\n }\n .hero-badge i { font-size: 10px; }\n .hero-title {\n font-size: clamp(32px, 4vw, 54px); font-weight: 900;\n color: white; line-height: 1.3; margin-bottom: 20px;\n animation: fadeInDown 0.9s ease 0.1s both;\n }\n .hero-title span { color: var(--orange); }\n .hero-desc {\n font-size: 17px; color: rgba(255,255,255,0.7);\n margin-bottom: 36px; max-width: 480px; font-weight: 400;\n animation: fadeInDown 1s ease 0.2s both;\n }\n .hero-btns {\n display: flex; gap: 16px; flex-wrap: wrap;\n animation: fadeInDown 1.1s ease 0.3s both;\n }\n .btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; padding: 16px 32px; border-radius: 12px;\n font-size: 16px; font-weight: 700; text-decoration: none;\n box-shadow: 0 8px 30px rgba(244,130,10,0.4);\n transition: all 0.3s; border: none; cursor: pointer;\n }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(244,130,10,0.55); }\n .btn-whatsapp {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(37,211,102,0.15); border: 2px solid rgba(37,211,102,0.5);\n color: #25d366; padding: 14px 28px; border-radius: 12px;\n font-size: 16px; font-weight: 700; text-decoration: none;\n transition: all 0.3s;\n }\n .btn-whatsapp:hover { background: rgba(37,211,102,0.25); transform: translateY(-3px); }\n\n .hero-stats {\n display: flex; gap: 32px; margin-top: 40px;\n animation: fadeInDown 1.2s ease 0.4s both;\n }\n .stat { text-align: center; }\n .stat-num { font-size: 32px; font-weight: 900; color: var(--orange); line-height: 1; }\n .stat-label { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 4px; }\n\n .hero-visual {\n position: relative; animation: fadeInUp 1s ease 0.3s both;\n display: flex; align-items: center; justify-content: center;\n }\n .hero-img-wrap {\n position: relative; width: 100%; max-width: 520px;\n }\n .hero-img-main {\n width: 100%; border-radius: 24px;\n background: linear-gradient(135deg, #1a3a6b, #0f2a50);\n aspect-ratio: 4\/3;\n display: flex; align-items: center; justify-content: center;\n overflow: hidden; position: relative;\n box-shadow: 0 30px 80px rgba(0,0,0,0.4);\n border: 1px solid rgba(255,255,255,0.08);\n }\n .foam-animation {\n position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(244,130,10,0.2), transparent 50%);\n }\n .hero-img-icon { font-size: 80px; color: var(--orange); opacity: 0.8; position: relative; z-index: 1; }\n .hero-img-overlay {\n position: absolute; bottom: 20px; right: 20px; left: 20px;\n background: rgba(10,22,40,0.85); backdrop-filter: blur(10px);\n border-radius: 12px; padding: 14px 20px;\n display: flex; align-items: center; gap: 12px;\n border: 1px solid rgba(255,255,255,0.1);\n }\n .overlay-icon { width: 40px; height: 40px; background: var(--orange); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; flex-shrink: 0; }\n .overlay-text .t1 { font-size: 13px; color: white; font-weight: 700; }\n .overlay-text .t2 { font-size: 11px; color: rgba(255,255,255,0.5); }\n\n .hero-card {\n position: absolute; background: white; border-radius: 14px;\n padding: 14px 18px; box-shadow: 0 16px 40px rgba(0,0,0,0.3);\n display: flex; align-items: center; gap: 10px; white-space: nowrap;\n }\n .hero-card.card-1 { top: -20px; right: -20px; animation: float1 4s ease-in-out infinite; }\n .hero-card.card-2 { bottom: 80px; left: -30px; animation: float2 4s ease-in-out infinite 2s; }\n .hero-card .ci { width: 36px; height: 36px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; }\n .hero-card .ct .c1 { font-size: 12px; font-weight: 700; color: var(--text-dark); }\n .hero-card .ct .c2 { font-size: 10px; color: var(--text-light); }\n\n \/* \u2500\u2500\u2500 SECTION BASE \u2500\u2500\u2500 *\/\n section { padding: 90px 0; }\n .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n .section-label {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(244,130,10,0.08); border: 1px solid rgba(244,130,10,0.2);\n color: var(--orange); padding: 6px 16px; border-radius: 50px;\n font-size: 13px; font-weight: 700; margin-bottom: 16px;\n }\n .section-title {\n font-size: clamp(26px, 3.5vw, 42px); font-weight: 900;\n color: var(--text-dark); line-height: 1.3; margin-bottom: 16px;\n }\n .section-title span { color: var(--orange); }\n .section-desc { font-size: 16px; color: var(--text-mid); max-width: 580px; }\n .section-header { margin-bottom: 56px; }\n .section-header.center { text-align: center; }\n .section-header.center .section-desc { margin: 0 auto; }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n #services { background: var(--gray-light); }\n .services-grid {\n display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 24px;\n }\n .service-card {\n background: white; border-radius: var(--radius-lg);\n padding: 32px 28px; position: relative;\n box-shadow: var(--shadow-sm);\n border: 1px solid var(--gray-mid);\n transition: all 0.35s;\n overflow: hidden;\n }\n .service-card::before {\n content: ''; position: absolute; top: 0; right: 0;\n width: 4px; height: 0; background: linear-gradient(180deg, var(--orange), var(--orange-light));\n border-radius: 0 var(--radius-lg) var(--radius-lg) 0;\n transition: height 0.35s;\n }\n .service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: rgba(244,130,10,0.2); }\n .service-card:hover::before { height: 100%; }\n .service-icon {\n width: 64px; height: 64px;\n background: linear-gradient(135deg, rgba(244,130,10,0.12), rgba(244,130,10,0.06));\n border-radius: 16px; display: flex; align-items: center; justify-content: center;\n font-size: 28px; color: var(--orange); margin-bottom: 20px;\n transition: all 0.35s;\n border: 1px solid rgba(244,130,10,0.15);\n }\n .service-card:hover .service-icon { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: white; }\n .service-card h3 { font-size: 18px; font-weight: 800; margin-bottom: 10px; color: var(--text-dark); }\n .service-card p { font-size: 14px; color: var(--text-mid); line-height: 1.7; }\n .service-link {\n display: inline-flex; align-items: center; gap: 6px;\n color: var(--orange); font-size: 13px; font-weight: 700;\n text-decoration: none; margin-top: 16px; transition: gap 0.25s;\n }\n .service-link:hover { gap: 10px; }\n\n \/* \u2500\u2500\u2500 WHY US \u2500\u2500\u2500 *\/\n #why-us { background: var(--navy); overflow: hidden; position: relative; }\n #why-us::before {\n content: ''; position: absolute;\n top: -200px; left: -200px; width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(244,130,10,0.08), transparent 70%);\n pointer-events: none;\n }\n .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n .why-left .section-title { color: white; }\n .why-left .section-desc { color: rgba(255,255,255,0.6); }\n .why-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }\n .why-item {\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius); padding: 20px;\n transition: all 0.3s;\n }\n .why-item:hover { background: rgba(244,130,10,0.1); border-color: rgba(244,130,10,0.3); transform: translateY(-3px); }\n .why-item i { font-size: 28px; color: var(--orange); margin-bottom: 12px; display: block; }\n .why-item h4 { font-size: 15px; font-weight: 700; color: white; margin-bottom: 6px; }\n .why-item p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; }\n .why-right {\n display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\n }\n .why-stat-card {\n background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius-lg); padding: 28px 20px; text-align: center;\n transition: all 0.3s;\n }\n .why-stat-card:hover { background: rgba(244,130,10,0.15); border-color: rgba(244,130,10,0.4); transform: translateY(-4px); }\n .why-stat-card:nth-child(1) { margin-top: 30px; }\n .why-stat-card:nth-child(4) { margin-top: 30px; }\n .why-stat-num { font-size: 42px; font-weight: 900; color: var(--orange); line-height: 1; }\n .why-stat-unit { font-size: 18px; font-weight: 900; color: var(--orange); }\n .why-stat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 8px; }\n\n \/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 *\/\n #gallery { background: white; }\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: auto;\n gap: 16px;\n }\n .gallery-item {\n border-radius: var(--radius); overflow: hidden;\n position: relative; cursor: pointer;\n background: var(--navy-mid);\n aspect-ratio: 4\/3;\n }\n .gallery-item.tall { grid-row: span 2; aspect-ratio: unset; min-height: 400px; }\n .gallery-item.wide { grid-column: span 2; aspect-ratio: 16\/7; }\n .gallery-bg {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n transition: transform 0.5s;\n }\n .gallery-item:hover .gallery-bg { transform: scale(1.05); }\n .g1 { background: linear-gradient(135deg, #1a3a6b 0%, #0d2347 100%); }\n .g2 { background: linear-gradient(135deg, #0d2347 0%, #1e4a7a 100%); }\n .g3 { background: linear-gradient(135deg, #162035 0%, #243c5a 100%); }\n .g4 { background: linear-gradient(135deg, #243c5a 0%, #0a1628 100%); }\n .g5 { background: linear-gradient(135deg, #0f2a50 0%, #1a3a6b 100%); }\n .g6 { background: linear-gradient(135deg, #1e4a7a 0%, #0d2347 100%); }\n .gallery-icon { font-size: 48px; color: rgba(244,130,10,0.6); }\n .gallery-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(10,22,40,0.9) 0%, transparent 50%);\n opacity: 0; transition: opacity 0.35s;\n display: flex; align-items: flex-end; padding: 20px;\n }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n .gallery-label { color: white; font-size: 14px; font-weight: 700; }\n .gallery-badge {\n position: absolute; top: 12px; right: 12px;\n background: var(--orange); color: white; font-size: 11px; font-weight: 700;\n padding: 4px 10px; border-radius: 50px;\n }\n\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n #testimonials { background: var(--gray-light); }\n .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }\n .testimonial-card {\n background: white; border-radius: var(--radius-lg); padding: 28px;\n box-shadow: var(--shadow-sm); border: 1px solid var(--gray-mid);\n transition: all 0.3s;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n .stars { color: #f4a400; font-size: 16px; margin-bottom: 14px; letter-spacing: 2px; }\n .testimonial-text { font-size: 15px; color: var(--text-mid); line-height: 1.8; margin-bottom: 20px; font-style: italic; }\n .testimonial-author { display: flex; align-items: center; gap: 12px; }\n .author-avatar {\n width: 48px; height: 48px; border-radius: 50%;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n display: flex; align-items: center; justify-content: center;\n color: white; font-size: 20px; font-weight: 800; flex-shrink: 0;\n }\n .author-name { font-size: 15px; font-weight: 700; color: var(--text-dark); }\n .author-loc { font-size: 12px; color: var(--text-light); }\n\n \/* \u2500\u2500\u2500 RATING \u2500\u2500\u2500 *\/\n #rating { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%); }\n .rating-inner { display: flex; align-items: center; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: center; }\n .rating-big .num { font-size: 80px; font-weight: 900; color: white; line-height: 1; }\n .rating-big .out { font-size: 30px; font-weight: 400; color: rgba(255,255,255,0.5); }\n .rating-big .stars-big { font-size: 28px; color: #f4a400; letter-spacing: 4px; margin: 8px 0; }\n .rating-big .count { font-size: 15px; color: rgba(255,255,255,0.6); }\n .rating-bars { min-width: 280px; }\n .rating-bar-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n .bar-label { font-size: 13px; color: rgba(255,255,255,0.7); white-space: nowrap; min-width: 60px; text-align: right; }\n .bar-track { flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; }\n .bar-fill { height: 100%; background: linear-gradient(90deg, var(--orange), var(--orange-light)); border-radius: 4px; transition: width 1.5s ease; }\n .bar-pct { font-size: 12px; color: rgba(255,255,255,0.5); min-width: 36px; }\n .rating-platforms { display: flex; flex-direction: column; gap: 16px; }\n .platform-badge {\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);\n border-radius: 12px; padding: 16px 24px;\n display: flex; align-items: center; gap: 14px;\n }\n .platform-badge i { font-size: 24px; }\n .platform-badge .p-name { font-size: 14px; font-weight: 700; color: white; }\n .platform-badge .p-rating { font-size: 12px; color: rgba(255,255,255,0.5); }\n\n \/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\n #steps { background: white; }\n .steps-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }\n .steps-timeline::before {\n content: ''; position: absolute; top: 48px; right: 12.5%; left: 12.5%;\n height: 2px;\n background: linear-gradient(90deg, var(--orange), var(--orange-light), var(--orange), var(--orange-light));\n background-size: 200% 100%;\n animation: shimmer 2s linear infinite;\n }\n .step-item { text-align: center; padding: 0 20px; position: relative; }\n .step-num {\n width: 96px; height: 96px; border-radius: 50%;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; font-size: 32px; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 24px; position: relative; z-index: 1;\n box-shadow: 0 8px 30px rgba(244,130,10,0.35);\n transition: transform 0.3s;\n }\n .step-item:hover .step-num { transform: scale(1.08); }\n .step-item h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; color: var(--text-dark); }\n .step-item p { font-size: 14px; color: var(--text-mid); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n #faq { background: var(--gray-light); }\n .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\n .faq-list { display: flex; flex-direction: column; gap: 14px; }\n .faq-item {\n background: white; border-radius: var(--radius); overflow: hidden;\n box-shadow: var(--shadow-sm); border: 1px solid var(--gray-mid);\n transition: all 0.3s;\n }\n .faq-item.active { border-color: rgba(244,130,10,0.3); box-shadow: 0 4px 20px rgba(244,130,10,0.1); }\n .faq-question {\n padding: 20px 24px; display: flex; align-items: center; justify-content: space-between;\n cursor: pointer; font-size: 15px; font-weight: 700; color: var(--text-dark);\n gap: 12px;\n }\n .faq-question i { color: var(--orange); font-size: 14px; transition: transform 0.3s; flex-shrink: 0; }\n .faq-item.active .faq-question i { transform: rotate(180deg); }\n .faq-answer {\n padding: 0 24px; max-height: 0; overflow: hidden;\n font-size: 14px; color: var(--text-mid); line-height: 1.8;\n transition: all 0.35s; border-top: 0 solid var(--gray-mid);\n }\n .faq-item.active .faq-answer {\n max-height: 200px; padding: 0 24px 20px;\n border-top: 1px solid var(--gray-mid);\n }\n .faq-visual {\n background: linear-gradient(135deg, var(--navy), var(--navy-mid));\n border-radius: var(--radius-lg); padding: 40px;\n display: flex; flex-direction: column; gap: 24px;\n }\n .faq-visual h3 { font-size: 22px; font-weight: 800; color: white; }\n .faq-visual p { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.7; }\n .faq-contact-btn {\n display: inline-flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; padding: 14px 26px; border-radius: 12px;\n font-size: 15px; font-weight: 700; text-decoration: none;\n transition: all 0.3s; align-self: flex-start;\n box-shadow: 0 6px 24px rgba(244,130,10,0.4);\n }\n .faq-contact-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(244,130,10,0.55); }\n\n \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n #contact { background: white; }\n .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; }\n .contact-info h3 { font-size: 26px; font-weight: 800; margin-bottom: 12px; }\n .contact-info > p { font-size: 15px; color: var(--text-mid); margin-bottom: 36px; }\n .contact-item {\n display: flex; gap: 16px; margin-bottom: 24px;\n align-items: flex-start;\n }\n .contact-item-icon {\n width: 48px; height: 48px; border-radius: 12px;\n background: linear-gradient(135deg, rgba(244,130,10,0.12), rgba(244,130,10,0.06));\n display: flex; align-items: center; justify-content: center;\n font-size: 20px; color: var(--orange); flex-shrink: 0;\n border: 1px solid rgba(244,130,10,0.15);\n }\n .contact-item-text .label { font-size: 12px; color: var(--text-light); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\n .contact-item-text .value { font-size: 15px; color: var(--text-dark); font-weight: 700; margin-top: 2px; }\n .contact-item-text a { color: var(--orange); text-decoration: none; }\n\n .contact-form { background: var(--gray-light); border-radius: var(--radius-lg); padding: 36px; }\n .contact-form h3 { font-size: 22px; font-weight: 800; margin-bottom: 24px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\n .form-group { margin-bottom: 16px; }\n .form-group label { display: block; font-size: 13px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; }\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%; padding: 14px 16px; border-radius: 10px;\n border: 1.5px solid var(--gray-mid); background: white;\n font-family: 'Cairo', sans-serif; font-size: 14px; color: var(--text-dark);\n transition: border-color 0.25s, box-shadow 0.25s;\n outline: none;\n }\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 3px rgba(244,130,10,0.12);\n }\n .form-group textarea { min-height: 110px; resize: vertical; }\n .form-submit {\n width: 100%; padding: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light));\n color: white; border: none; border-radius: 12px;\n font-family: 'Cairo', sans-serif; font-size: 16px; font-weight: 700;\n cursor: pointer; transition: all 0.3s;\n box-shadow: 0 6px 24px rgba(244,130,10,0.35);\n display: flex; align-items: center; justify-content: center; gap: 10px;\n }\n .form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(244,130,10,0.5); }\n\n \/* \u2500\u2500\u2500 MAP \u2500\u2500\u2500 *\/\n #map-section { padding: 0; }\n .map-wrap { position: relative; height: 400px; overflow: hidden; }\n .map-wrap iframe { width: 100%; height: 100%; border: none; filter: hue-rotate(180deg) invert(90%) contrast(95%); }\n .map-overlay {\n position: absolute; top: 20px; right: 20px;\n background: white; border-radius: 16px; padding: 20px 24px;\n box-shadow: var(--shadow-md);\n min-width: 220px;\n }\n .map-overlay .mo-icon { font-size: 28px; color: var(--orange); margin-bottom: 8px; }\n .map-overlay .mo-title { font-size: 16px; font-weight: 800; }\n .map-overlay .mo-addr { font-size: 13px; color: var(--text-mid); margin-top: 4px; }\n .map-overlay .mo-dir {\n display: inline-flex; align-items: center; gap: 6px;\n color: var(--orange); font-size: 13px; font-weight: 700;\n text-decoration: none; margin-top: 10px;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n #footer { background: var(--navy); padding: 60px 0 0; }\n .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); }\n .footer-brand .logo-text .brand { font-size: 22px; }\n .footer-desc { font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 16px; line-height: 1.8; }\n .footer-social { display: flex; gap: 10px; margin-top: 24px; }\n .social-btn {\n width: 40px; height: 40px; border-radius: 10px;\n background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1);\n display: flex; align-items: center; justify-content: center;\n color: rgba(255,255,255,0.6); font-size: 16px; text-decoration: none;\n transition: all 0.3s;\n }\n .social-btn:hover { background: var(--orange); color: white; border-color: var(--orange); transform: translateY(-3px); }\n .footer-col h4 { font-size: 15px; font-weight: 800; color: white; margin-bottom: 20px; }\n .footer-col ul { list-style: none; }\n .footer-col ul li { margin-bottom: 12px; }\n .footer-col ul li a {\n color: rgba(255,255,255,0.5); text-decoration: none; font-size: 14px;\n transition: color 0.25s; display: flex; align-items: center; gap: 6px;\n }\n .footer-col ul li a i { font-size: 10px; color: var(--orange); }\n .footer-col ul li a:hover { color: white; }\n .footer-bottom {\n padding: 24px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;\n }\n .footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.4); }\n .footer-bottom span { color: var(--orange); }\n\n \/* \u2500\u2500\u2500 FLOATING BUTTONS \u2500\u2500\u2500 *\/\n .float-btns { position: fixed; bottom: 30px; left: 24px; z-index: 999; display: flex; flex-direction: column; gap: 12px; }\n .float-btn {\n width: 56px; height: 56px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 24px; text-decoration: none;\n box-shadow: 0 6px 24px rgba(0,0,0,0.25);\n transition: all 0.3s;\n position: relative;\n }\n .float-btn:hover { transform: scale(1.1) translateY(-3px); }\n .float-wa { background: #25d366; color: white; }\n .float-call { background: var(--orange); color: white; }\n .float-tooltip {\n position: absolute; right: calc(100% + 12px);\n background: var(--navy); color: white; font-size: 13px; font-weight: 700;\n padding: 6px 14px; border-radius: 8px; white-space: nowrap;\n opacity: 0; pointer-events: none; transition: opacity 0.25s;\n }\n .float-btn:hover .float-tooltip { opacity: 1; }\n .float-pulse {\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n animation: pulse-ring 2.5s ease-out infinite;\n }\n .float-wa .float-pulse { background: rgba(37,211,102,0.4); }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes float1 {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n @keyframes float2 {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n @keyframes pulse-ring {\n 0% { transform: scale(1); opacity: 0.6; }\n 100% { transform: scale(1.9); opacity: 0; }\n }\n\n .reveal {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n\n \/* \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 *\/\n .mobile-nav {\n position: fixed; inset: 0; background: var(--navy);\n z-index: 2000; display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 24px;\n transform: translateX(100%); transition: transform 0.4s ease;\n }\n .mobile-nav.open { transform: translateX(0); }\n .mobile-nav a {\n color: white; text-decoration: none; font-size: 22px; font-weight: 700;\n padding: 12px 32px; border-radius: 12px;\n transition: background 0.25s;\n }\n .mobile-nav a:hover { background: rgba(255,255,255,0.1); }\n .mobile-nav .close-btn {\n position: absolute; top: 20px; left: 24px;\n background: none; border: none; color: white; font-size: 28px; cursor: pointer;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .why-grid { grid-template-columns: 1fr; gap: 40px; }\n .why-right { grid-template-columns: repeat(4, 1fr); }\n .why-stat-card:nth-child(1),\n .why-stat-card:nth-child(4) { margin-top: 0; }\n .faq-grid { grid-template-columns: 1fr; }\n .contact-grid { grid-template-columns: 1fr; }\n .steps-timeline { grid-template-columns: 1fr 1fr; gap: 32px; }\n .steps-timeline::before { display: none; }\n }\n @media (max-width: 768px) {\n nav { display: none; }\n .menu-toggle { display: block; }\n .hero-content { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n .hero-visual { display: none; }\n .hero-stats { justify-content: center; }\n .hero-btns { justify-content: center; }\n .hero-desc { margin: 0 auto 36px; }\n .gallery-grid { grid-template-columns: 1fr 1fr; }\n .gallery-item.tall { grid-row: span 1; min-height: auto; aspect-ratio: 4\/3; }\n .gallery-item.wide { grid-column: span 2; }\n .footer-grid { grid-template-columns: 1fr; gap: 32px; }\n .why-right { grid-template-columns: 1fr 1fr; }\n .why-features { grid-template-columns: 1fr; }\n .steps-timeline { grid-template-columns: 1fr; }\n .form-row { grid-template-columns: 1fr; }\n .rating-inner { gap: 40px; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; text-align: center; }\n }\n @media (max-width: 480px) {\n .gallery-grid { grid-template-columns: 1fr; }\n .gallery-item.wide { grid-column: span 1; aspect-ratio: 4\/3; }\n section { padding: 60px 0; }\n .hero-stats { flex-wrap: wrap; gap: 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500 -->\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"close-btn\" onclick=\"toggleMenu()\"><i class=\"fas fa-times\"><\/i><\/button>\n <a href=\"#services\" onclick=\"toggleMenu()\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\" onclick=\"toggleMenu()\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#gallery\" onclick=\"toggleMenu()\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n <a href=\"#testimonials\" onclick=\"toggleMenu()\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\" onclick=\"toggleMenu()\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#contact\" onclick=\"toggleMenu()\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <a href=\"tel:+966555555555\" style=\"color: var(--orange)\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\n<\/div>\n\n<!-- \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 -->\n<header id=\"header\">\n <div class=\"header-inner\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <div class=\"logo-text\">\n <span class=\"brand\">\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>\n <span class=\"tagline\">\u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a<\/span>\n <\/div>\n <\/a>\n <nav>\n <a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#gallery\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a>\n <a href=\"#testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#contact\" class=\"nav-cta\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/a>\n <\/nav>\n <button class=\"menu-toggle\" onclick=\"toggleMenu()\"><i class=\"fas fa-bars\"><\/i><\/button>\n <\/div>\n<\/header>\n\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<section id=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-badge\"><i class=\"fas fa-circle\"><\/i> \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/div>\n <h1 class=\"hero-title\">\u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 <span>\u0639\u0632\u0644 \u0641\u0648\u0645<\/span> \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/h1>\n <p class=\"hero-desc\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0648\u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0648\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\"><i class=\"fas fa-clipboard-list\"><\/i> \u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0622\u0646<\/a>\n <a href=\"https:\/\/wa.me\/96655555555\" class=\"btn-whatsapp\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0628\u0627\u0634\u0631<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">15+<\/div>\n <div class=\"stat-label\">\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">5000+<\/div>\n <div class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">4.9<\/div>\n <div class=\"stat-label\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">10<\/div>\n <div class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u0636\u0645\u0627\u0646<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-img-wrap\">\n <div class=\"hero-img-main\">\n <div class=\"foam-animation\"><\/div>\n <i class=\"hero-img-icon fas fa-building\"><\/i>\n <div class=\"hero-img-overlay\">\n <div class=\"overlay-icon\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n <div class=\"overlay-text\">\n <div class=\"t1\">\u0639\u0632\u0644 \u0641\u0648\u0645 \u0645\u062a\u0645\u064a\u0632<\/div>\n <div class=\"t2\">\u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 | \u0636\u0645\u0627\u0646 10 \u0633\u0646\u0648\u0627\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card card-1\">\n <div class=\"ci\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"ct\">\n <div class=\"c1\">\u062a\u0642\u064a\u064a\u0645 4.9 \u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"c2\">+2000 \u062a\u0642\u064a\u064a\u0645 \u0645\u0648\u062b\u0642<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-card card-2\">\n <div class=\"ci\"><i class=\"fas fa-certificate\"><\/i><\/div>\n <div class=\"ct\">\n <div class=\"c1\">\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f 10 \u0633\u0646\u0648\u0627\u062a<\/div>\n <div class=\"c2\">\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 -->\n<section id=\"services\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-tools\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/div>\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 <span>\u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/span><\/h2>\n <p class=\"section-desc\">\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a \u0644\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><i class=\"fas fa-home\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0623\u0633\u0637\u062d \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0623\u0645\u0637\u0627\u0631 \u0628\u0637\u0628\u0642\u0629 \u0639\u0627\u0632\u0644\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u062f\u0648\u0645 \u0644\u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/h3>\n <p>\u0639\u0632\u0644 \u0627\u0644\u0623\u0644\u0648\u0627\u062d \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u064a\u0646\u0643\u0648 \u0628\u0627\u0644\u0641\u0648\u0645 \u0627\u0644\u0628\u0648\u0644\u064a \u064a\u0648\u0631\u064a\u062b\u0627\u0646 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0637\u0627\u0642\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fas fa-warehouse\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/h3>\n <p>\u062d\u0644\u0648\u0644 \u0639\u0632\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0647\u0646\u0627\u062c\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u0636\u0645\u0646 \u0628\u064a\u0626\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u062a\u0648\u0641\u064a\u0631 \u0637\u0627\u0642\u0629 \u0643\u0628\u064a\u0631<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fas fa-boxes\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u062e\u0627\u0632\u0646 \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><i class=\"fas fa-tint\"><\/i><\/div>\n <h3>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\n <p>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u0631\u0636\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0642\u0627\u0621 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0628\u062e\u0631<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n <h3>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\n <p>\u0627\u0643\u062a\u0634\u0627\u0641 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0626\u064a\u0629 \u0628\u062f\u0642\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062c\u0647\u0632\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062f\u0648\u0646 \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u062a\u0634\u0637\u064a\u0628\u0627\u062a<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fas fa-temperature-low\"><\/i><\/div>\n <h3>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a<\/h3>\n <p>\u062a\u0642\u0644\u064a\u0644 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0645\u0646 \u0648\u0625\u0644\u0649 \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0643\u064a\u064a\u0641 \u0648\u064a\u062d\u0633\u0646 \u0627\u0644\u0631\u0627\u062d\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fas fa-water\"><\/i><\/div>\n <h3>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a<\/h3>\n <p>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0645\u0646 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0628\u0623\u062d\u062f\u062b \u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/p>\n <a href=\"#contact\" class=\"service-link\">\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 WHY US \u2500\u2500\u2500 -->\n<section id=\"why-us\">\n <div class=\"container\">\n <div class=\"why-grid\">\n <div class=\"why-left\">\n <div class=\"section-label\" style=\"background:rgba(244,130,10,0.15);border-color:rgba(244,130,10,0.3)\"><i class=\"fas fa-award\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/div>\n <h2 class=\"section-title\" style=\"color:white\">\u0644\u0645\u0627\u0630\u0627 <span>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span><br>\u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644\u061f<\/h2>\n <p class=\"section-desc\" style=\"color:rgba(255,255,255,0.6)\">\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 \u0639\u0632\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\n <div class=\"why-features\">\n <div class=\"why-item reveal\">\n <i class=\"fas fa-clock\"><\/i>\n <h4>\u062e\u0628\u0631\u0629 +15 \u0633\u0646\u0629<\/h4>\n <p>\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <i class=\"fas fa-gem\"><\/i>\n <h4>\u0645\u0648\u0627\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\n <p>\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0641\u0636\u0644 \u0645\u0648\u0627\u062f \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0623\u0637\u0648\u0644 \u0639\u0645\u0631 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-2\">\n <i class=\"fas fa-certificate\"><\/i>\n <h4>\u0636\u0645\u0627\u0646 \u0645\u0639\u062a\u0645\u062f 10 \u0633\u0646\u0648\u0627\u062a<\/h4>\n <p>\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062b\u0642 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-3\">\n <i class=\"fas fa-bolt\"><\/i>\n <h4>\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h4>\n <p>\u0641\u0631\u0642 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0646\u062c\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0623\u0642\u0635\u0631 \u0648\u0642\u062a \u0645\u0645\u0643\u0646<\/p>\n <\/div>\n <div class=\"why-item reveal\">\n <i class=\"fas fa-tag\"><\/i>\n <h4>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629<\/h4>\n <p>\u0623\u0641\u0636\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \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<\/p>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <i class=\"fas fa-users\"><\/i>\n <h4>\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641<\/h4>\n <p>\u0641\u0646\u064a\u0648\u0646 \u0645\u062f\u0631\u0628\u0648\u0646 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0648\u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-right\">\n <div class=\"why-stat-card reveal\">\n <div class=\"why-stat-num\">5000<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632 \u0628\u0646\u062c\u0627\u062d<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-1\">\n <div class=\"why-stat-num\">98<span class=\"why-stat-unit\">%<\/span><\/div>\n <div class=\"why-stat-label\">\u0646\u0633\u0628\u0629 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-2\">\n <div class=\"why-stat-num\">15<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0633\u0646\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/div>\n <\/div>\n <div class=\"why-stat-card reveal reveal-delay-3\">\n <div class=\"why-stat-num\">10<span class=\"why-stat-unit\">+<\/span><\/div>\n <div class=\"why-stat-label\">\u0645\u0646\u0627\u0637\u0642 \u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 -->\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/div>\n <h2 class=\"section-title\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627 <span>\u0627\u0644\u0645\u0646\u062c\u0632\u0629<\/span><\/h2>\n <p class=\"section-desc\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item tall reveal\">\n <div class=\"gallery-bg g1\"><i class=\"gallery-icon fas fa-building\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0633\u0637\u062d \u0633\u0643\u0646\u064a – \u0627\u0644\u0631\u064a\u0627\u0636<\/div><\/div>\n <div class=\"gallery-badge\">\u0633\u0643\u0646\u064a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-1\">\n <div class=\"gallery-bg g2\"><i class=\"gallery-icon fas fa-warehouse\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0647\u0646\u062c\u0631 \u0635\u0646\u0627\u0639\u064a – \u062c\u062f\u0629<\/div><\/div>\n <div class=\"gallery-badge\">\u0635\u0646\u0627\u0639\u064a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-2\">\n <div class=\"gallery-bg g3\"><i class=\"gallery-icon fas fa-boxes\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0645\u0633\u062a\u0648\u062f\u0639 – \u0627\u0644\u062f\u0645\u0627\u0645<\/div><\/div>\n <div class=\"gallery-badge\">\u062a\u062c\u0627\u0631\u064a<\/div>\n <\/div>\n <div class=\"gallery-item wide reveal reveal-delay-1\">\n <div class=\"gallery-bg g4\"><i class=\"gallery-icon fas fa-industry\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0634\u064a\u0646\u0643\u0648 – \u0645\u0634\u0631\u0648\u0639 \u0635\u0646\u0627\u0639\u064a \u0643\u0628\u064a\u0631<\/div><\/div>\n <div class=\"gallery-badge\">\u0636\u062e\u0645<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-2\">\n <div class=\"gallery-bg g5\"><i class=\"gallery-icon fas fa-tint\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u062e\u0632\u0627\u0646 \u0645\u064a\u0627\u0647 – \u0627\u0644\u0637\u0627\u0626\u0641<\/div><\/div>\n <div class=\"gallery-badge\">\u062e\u0632\u0627\u0646\u0627\u062a<\/div>\n <\/div>\n <div class=\"gallery-item reveal reveal-delay-3\">\n <div class=\"gallery-bg g6\"><i class=\"gallery-icon fas fa-shield-alt\"><\/i><\/div>\n <div class=\"gallery-overlay\"><div class=\"gallery-label\">\u0639\u0632\u0644 \u0645\u0627\u0626\u064a \u0634\u0627\u0645\u0644 – \u0645\u0643\u0629<\/div><\/div>\n <div class=\"gallery-badge\">\u0645\u0627\u0626\u064a<\/div>\n <\/div>\n <\/div>\n <div style=\"text-align:center;margin-top:40px\">\n <a href=\"#contact\" class=\"btn-primary\"><i class=\"fas fa-phone-alt\"><\/i> \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 -->\n<section id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-quote-right\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 <span>\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span><\/h2>\n <p class=\"section-desc\">\u0622\u0644\u0627\u0641 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0631\u0627\u0636\u064a\u0646 \u064a\u062b\u0642\u0648\u0646 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/p>\n <\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u062a\u062c\u0631\u0628\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a. \u0623\u0646\u062c\u0632\u0648\u0627 \u0639\u0632\u0644 \u0633\u0637\u062d \u0645\u0646\u0632\u0644\u064a \u0641\u064a \u064a\u0648\u0645 \u0648\u0627\u062d\u062f \u0641\u0642\u0637 \u0648\u0628\u062c\u0648\u062f\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629. \u0644\u0645 \u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0647\u0630\u0627 \u0627\u0644\u0635\u064a\u0641 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642. \u0623\u0646\u0635\u062d \u0628\u0647\u0645 \u0628\u0643\u0644 \u062b\u0642\u0629.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u0645<\/div>\n <div>\n <div class=\"author-name\">\u0645\u062d\u0645\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal reveal-delay-1\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u0642\u0645\u062a \u0628\u0639\u0632\u0644 \u0647\u0646\u062c\u0631\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u0643\u0627\u0646 \u0627\u0644\u0641\u0631\u0642 \u0648\u0627\u0636\u062d\u0627\u064b \u062c\u062f\u0627\u064b. \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0646\u062e\u0641\u0636\u062a \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0648\u062a\u0648\u0641\u0631\u062a \u0641\u064a \u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621. \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u062c\u062f\u0627\u064b \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0645\u0645\u064a\u0632.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u0623<\/div>\n <div>\n <div class=\"author-name\">\u0623\u062d\u0645\u062f \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u062c\u062f\u0629<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card reveal reveal-delay-2\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“\u0639\u0632\u0644\u0648\u0627 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u062a\u0647\u0645 \u062a\u0641\u0648\u0642 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a. \u0627\u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u0642\u062f\u0645 \u0623\u0639\u0637\u0627\u0646\u064a \u0637\u0645\u0623\u0646\u064a\u0646\u0629 \u0643\u0628\u064a\u0631\u0629. \u0633\u0623\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0645 \u062d\u062a\u0645\u0627\u064b \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u064a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.”<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">\u062e<\/div>\n <div>\n <div class=\"author-name\">\u062e\u0627\u0644\u062f \u0627\u0644\u062f\u0648\u0633\u0631\u064a<\/div>\n <div class=\"author-loc\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u062f\u0645\u0627\u0645<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 RATING \u2500\u2500\u2500 -->\n<section id=\"rating\">\n <div class=\"container\">\n <div class=\"rating-inner\">\n <div class=\"rating-big\">\n <div class=\"num\">4.9<span class=\"out\"> \/5<\/span><\/div>\n <div class=\"stars-big\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"count\">\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 2000 \u062a\u0642\u064a\u064a\u0645 \u0645\u0648\u062b\u0642<\/div>\n <\/div>\n <div class=\"rating-bars\">\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">5 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"92\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">92%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">4 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"6\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">6%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">3 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"2\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">2%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">2 \u0646\u062c\u0648\u0645<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"0.5\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">0.5%<\/div>\n <\/div>\n <div class=\"rating-bar-row\">\n <div class=\"bar-label\">1 \u0646\u062c\u0645\u0629<\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" data-width=\"0.5\" style=\"width:0%\"><\/div><\/div>\n <div class=\"bar-pct\">0.5%<\/div>\n <\/div>\n <\/div>\n <div class=\"rating-platforms\">\n <div class=\"platform-badge\">\n <i class=\"fab fa-google\" style=\"color:#ea4335\"><\/i>\n <div>\n <div class=\"p-name\">Google Reviews<\/div>\n <div class=\"p-rating\">4.9 \u2605 \u00b7 1,240 \u062a\u0642\u064a\u064a\u0645<\/div>\n <\/div>\n <\/div>\n <div class=\"platform-badge\">\n <i class=\"fab fa-snapchat\" style=\"color:#fffc00\"><\/i>\n <div>\n <div class=\"p-name\">\u0633\u0646\u0627\u0628 \u0634\u0627\u062a<\/div>\n <div class=\"p-rating\">\u0645\u062a\u0627\u0628\u0639\u0648\u0646 \u0646\u0634\u0637\u0648\u0646<\/div>\n <\/div>\n <\/div>\n <div class=\"platform-badge\">\n <i class=\"fab fa-whatsapp\" style=\"color:#25d366\"><\/i>\n <div>\n <div class=\"p-name\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <div class=\"p-rating\">\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0641\u0648\u0631\u064a\u0629 24\/7<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 -->\n<section id=\"steps\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-list-ol\"><\/i> \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <h2 class=\"section-title\">\u0643\u064a\u0641 <span>\u0646\u0639\u0645\u0644<\/span>\u061f<\/h2>\n <p class=\"section-desc\">\u0639\u0645\u0644\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u0645\u0646 \u0623\u0648\u0644 \u062a\u0648\u0627\u0635\u0644 \u062d\u062a\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0642<\/p>\n <\/div>\n <div class=\"steps-timeline\">\n <div class=\"step-item reveal\">\n <div class=\"step-num\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\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 \u0648\u0633\u064a\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0641\u0648\u0631\u0627\u064b \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-1\">\n <div class=\"step-num\"><i class=\"fas fa-eye\"><\/i><\/div>\n <h3>\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/h3>\n <p>\u064a\u0623\u062a\u064a \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0641\u0646\u064a \u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a \u0648\u062f\u0642\u064a\u0642 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-2\">\n <div class=\"step-num\"><i class=\"fas fa-spray-can\"><\/i><\/div>\n <h3>\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0632\u0644<\/h3>\n <p>\u064a\u0646\u0641\u0630 \u0641\u0631\u064a\u0642\u0646\u0627 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/p>\n <\/div>\n <div class=\"step-item reveal reveal-delay-3\">\n <div class=\"step-num\"><i class=\"fas fa-certificate\"><\/i><\/div>\n <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0627\u0644\u0636\u0645\u0627\u0646<\/h3>\n <p>\u064a\u064f\u0633\u0644\u064e\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0639 \u0634\u0647\u0627\u062f\u0629 \u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0642\u0629 \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0648\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0623\u064a \u0635\u064a\u0627\u0646\u0629<\/p>\n <\/div>\n <\/div>\n <div style=\"text-align:center;margin-top:48px\">\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"btn-primary\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 -->\n<section id=\"faq\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"section-label\"><i class=\"fas fa-question-circle\"><\/i> \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/div>\n <h2 class=\"section-title\">\u0623\u0633\u0626\u0644\u0629 <span>\u064a\u0633\u0623\u0644\u0647\u0627 \u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span><\/h2>\n <\/div>\n <div class=\"faq-grid\">\n <div class=\"faq-list\">\n <div class=\"faq-item active\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0645\u0627 \u0647\u0648 \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0648\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0647\u0648 \u0646\u0638\u0627\u0645 \u0639\u0632\u0644 \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u0628\u0648\u0644\u064a \u064a\u0648\u0631\u064a\u062b\u0627\u0646 \u0627\u0644\u0633\u0627\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0631\u0634 \u0639\u0644\u0649 \u0627\u0644\u0633\u0637\u062d \u0644\u062a\u062a\u0645\u062f\u062f \u0648\u062a\u062a\u0635\u0644\u0628 \u0645\u0643\u0648\u0651\u0646\u0629 \u0637\u0628\u0642\u0629 \u0639\u0627\u0632\u0644\u0629 \u0645\u062d\u0643\u0645\u0629. \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0646\u0639 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629 \u0648\u062a\u062d\u0645\u064a \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062c\u0648\u064a\u0629.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u062a\u0634\u0645\u0644 \u0636\u0645\u0627\u0646 \u0631\u0633\u0645\u064a\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u0646\u0642\u062f\u0645 \u0636\u0645\u0627\u0646\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u0645\u0648\u062b\u0642\u0627\u064b \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0646\u062c\u0632\u0629\u060c \u064a\u0634\u0645\u0644 \u0623\u064a \u062a\u0633\u0631\u0628 \u0623\u0648 \u062e\u0644\u0644 \u064a\u062d\u062f\u062b \u0628\u0633\u0628\u0628 \u0627\u0644\u0639\u0632\u0644 \u062e\u0644\u0627\u0644 \u0645\u062f\u0629 \u0627\u0644\u0636\u0645\u0627\u0646.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u062f\u0629 \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0639\u0632\u0644\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u0646 \u064a\u0648\u0645 \u0648\u0627\u062d\u062f \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0648\u0623\u0633\u0628\u0648\u0639 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629. \u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u0644\u0627 \u0646\u062a\u0631\u0643 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0627\u0643\u062a\u0645\u0627\u0644\u0647.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u064a \u0646\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u062a\u062d\u0645\u0644 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0645\u0646\u0627\u062e \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u0644\u064a\u0644 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0633\u0637\u062d \u0628\u0646\u0633\u0628\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 70%.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0629 \u0645\u0639\u0627\u064a\u0646\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0628\u0627\u0644\u0637\u0628\u0639\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0629 \u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u062a\u0642\u064a\u064a\u0645 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0623\u064a \u0645\u0634\u0631\u0648\u0639. \u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0641\u0646\u064a \u0628\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0636 \u0633\u0639\u0631 \u062a\u0641\u0635\u064a\u0644\u064a \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644.\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>\u0645\u0627 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0648\u0646\u0647\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u061f<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n \u0646\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u0645\u0627 \u0641\u064a\u0647\u0627: \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062c\u062f\u0629\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\u060c \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0627\u0644\u062e\u0628\u0631\u060c \u0627\u0644\u0637\u0627\u0626\u0641\u060c \u062a\u0628\u0648\u0643\u060c \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u062f\u0646.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-visual reveal\">\n <h3>\u0644\u0645 \u062a\u062c\u062f \u0625\u062c\u0627\u0628\u0629 \u0644\u0633\u0624\u0627\u0644\u0643\u061f<\/h3>\n <p>\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644 \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0633\u064a\u0631\u062f\u0651 \u0639\u0644\u064a\u0643 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642.<\/p>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"faq-contact-btn\" target=\"_blank\">\n <i class=\"fab fa-whatsapp\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/a>\n <div style=\"background:rgba(255,255,255,0.07);border-radius:12px;padding:20px;margin-top:8px\">\n <div style=\"font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:12px\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <div style=\"color:white;font-size:15px;font-weight:700\"><i class=\"fas fa-clock\" style=\"color:var(--orange);margin-left:8px\"><\/i> \u0627\u0644\u0633\u0628\u062a – \u0627\u0644\u062e\u0645\u064a\u0633: 8 \u0635 – 10 \u0645<\/div>\n <div style=\"color:rgba(255,255,255,0.6);font-size:14px;margin-top:8px\"><i class=\"fas fa-phone-alt\" style=\"color:var(--orange);margin-left:8px\"><\/i> 0500000000<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 -->\n<section id=\"contact\">\n <div class=\"container\">\n <div class=\"section-header center\">\n <div class=\"section-label\"><i class=\"fas fa-envelope\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\n <h2 class=\"section-title\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 <span>\u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a<\/span><\/h2>\n <p class=\"section-desc\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0639\u0631\u0636 \u0633\u0639\u0631 \u0641\u064a \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a<\/p>\n <\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-info reveal\">\n <h3>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0643\u0644 \u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0632\u0644. \u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0628\u0623\u064a \u0648\u0633\u064a\u0644\u0629 \u062a\u0646\u0627\u0633\u0628\u0643.<\/p>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0647\u0627\u062a\u0641<\/div>\n <div class=\"value\"><a href=\"tel:+966500000000\">0500000000<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <div class=\"value\"><a href=\"https:\/\/wa.me\/966500000000\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629\u064b<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\n <div class=\"value\"><a href=\"mailto:info@golden-insulation.sa\">info@golden-insulation.sa<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/div>\n <div class=\"value\">\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0645\u064a\u0631 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632<\/div>\n <\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n <div class=\"contact-item-text\">\n <div class=\"label\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n <div class=\"value\">\u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633: 8 \u0635 \u2013 10 \u0645<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form reveal reveal-delay-1\">\n <h3>\u0623\u0631\u0633\u0644 \u0637\u0644\u0628\u0643 \u0627\u0644\u0622\u0646<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n <input type=\"text\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\">\n <\/div>\n <div class=\"form-group\">\n <label>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" placeholder=\"05xxxxxxxx\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\n <select>\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\n <option>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/option>\n <option>\u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/option>\n <option>\u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/option>\n <option>\u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/option>\n <option>\u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/option>\n <option>\u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/option>\n <option>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a<\/option>\n <option>\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0645\u0627\u0626\u064a<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>\u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/label>\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0645\u062f\u064a\u0646\u062a\u0643\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n <textarea placeholder=\"\u0627\u0643\u062a\u0628 \u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646 \u0645\u0634\u0631\u0648\u0639\u0643...\"><\/textarea>\n <\/div>\n <button class=\"form-submit\" onclick=\"submitForm(this)\">\n <i class=\"fas fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 MAP \u2500\u2500\u2500 -->\n<div id=\"map-section\">\n <div class=\"map-wrap\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d931.019823!2d46.6756!3d24.7136!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjTCsDQyJzQ5LjAiTiA0NsKwNDAnMzIuMiJF!5e0!3m2!1sar!2ssa!4v1700000000000!5m2!1sar!2ssa\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <div class=\"map-overlay\">\n <div class=\"mo-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n <div class=\"mo-title\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/div>\n <div class=\"mo-addr\">\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\n <a href=\"https:\/\/goo.gl\/maps\" target=\"_blank\" class=\"mo-dir\"><i class=\"fas fa-directions\"><\/i> \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\n<footer id=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <div class=\"logo-text\">\n <span class=\"brand\" style=\"color:white\">\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>\n <span class=\"tagline\">\u0644\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0627\u0626\u064a<\/span>\n <\/div>\n <\/a>\n <p class=\"footer-desc\">\u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0639\u0632\u0644 \u0627\u0644\u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d \u0648\u0627\u0644\u0647\u0646\u0627\u062c\u0631 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0646\u0630 \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u0627\u064b.<\/p>\n <div class=\"footer-social\">\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-snapchat\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"social-btn\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\n <ul>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0641\u0648\u0645 \u0644\u0644\u0623\u0633\u0637\u062d<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0641\u0648\u0645 \u0627\u0644\u0634\u064a\u0646\u0643\u0648<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u0647\u0646\u0627\u062c\u0631<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0639\u0632\u0644 \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul>\n <li><a href=\"#hero\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#why-us\"><i class=\"fas fa-chevron-left\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#gallery\"><i class=\"fas fa-chevron-left\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a><\/li>\n <li><a href=\"#testimonials\"><i class=\"fas fa-chevron-left\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\n <li><a href=\"#steps\"><i class=\"fas fa-chevron-left\"><\/i> \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/a><\/li>\n <li><a href=\"#faq\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n <ul>\n <li><a href=\"tel:+966500000000\"><i class=\"fas fa-phone-alt\"><\/i> 0500000000<\/a><\/li>\n <li><a href=\"mailto:info@golden-insulation.sa\"><i class=\"fas fa-envelope\"><\/i> info@golden-insulation.sa<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> \u0627\u0644\u0633\u0628\u062a \u2013 \u0627\u0644\u062e\u0645\u064a\u0633<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> 8 \u0635\u0628\u0627\u062d\u0627\u064b \u2013 10 \u0645\u0633\u0627\u0621\u064b<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2024 <span>\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0630\u0647\u0628\u064a<\/span>. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <p>\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 <span>SEO<\/span> \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b<\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<!-- \u2500\u2500\u2500 FLOATING BUTTONS \u2500\u2500\u2500 -->\n<div class=\"float-btns\">\n <a href=\"https:\/\/wa.me\/966500000000\" class=\"float-btn float-wa\" target=\"_blank\">\n <div class=\"float-pulse\"><\/div>\n <i class=\"fab fa-whatsapp\"><\/i>\n <div class=\"float-tooltip\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/div>\n <\/a>\n <a href=\"tel:+966500000000\" class=\"float-btn float-call\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <div class=\"float-tooltip\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646<\/div>\n <\/a>\n<\/div>\n\n<script>\n \/\/ \u2500\u2500\u2500 HEADER SCROLL \u2500\u2500\u2500\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n header.classList.toggle('scrolled', window.scrollY > 60);\n });\n\n \/\/ \u2500\u2500\u2500 MOBILE MENU \u2500\u2500\u2500\n function toggleMenu() {\n document.getElementById('mobileNav').classList.toggle('open');\n }\n\n \/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.12 });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500\u2500 RATING BARS \u2500\u2500\u2500\n const barObserver = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if(e.isIntersecting) {\n document.querySelectorAll('.bar-fill').forEach(bar => {\n bar.style.width = bar.dataset.width + '%';\n });\n }\n });\n }, { threshold: 0.5 });\n const ratingSection = document.getElementById('rating');\n if(ratingSection) barObserver.observe(ratingSection);\n\n \/\/ \u2500\u2500\u2500 FAQ TOGGLE \u2500\u2500\u2500\n function toggleFaq(el) {\n const item = el.parentElement;\n const isActive = item.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n if(!isActive) item.classList.add('active');\n }\n\n \/\/ \u2500\u2500\u2500 FORM SUBMIT \u2500\u2500\u2500\n function submitForm(btn) {\n const orig = btn.innerHTML;\n btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n btn.disabled = true;\n setTimeout(() => {\n btn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b';\n btn.style.background = 'linear-gradient(135deg, #22c55e, #16a34a)';\n setTimeout(() => {\n btn.innerHTML = orig;\n btn.style.background = '';\n btn.disabled = false;\n }, 4000);\n }, 1800);\n }\n\n \/\/ \u2500\u2500\u2500 SMOOTH SCROLL FOR ANCHOR LINKS \u2500\u2500\u2500\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const href = a.getAttribute('href');\n if(href === '#') return;\n const target = document.querySelector(href);\n if(target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ \u2500\u2500\u2500 COUNTER ANIMATION \u2500\u2500\u2500\n function animateCounter(el, target, duration) {\n let start = 0;\n const step = target \/ (duration \/ 16);\n const timer = setInterval(() => {\n start = Math.min(start + step, target);\n el.textContent = Math.floor(start).toLocaleString('ar-SA');\n if(start >= target) clearInterval(timer);\n }, 16);\n }\n<\/script>\n\n<\/body>\n<\/html><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":7,"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/houses-ksa.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}