{"id":36,"date":"2026-05-19T15:05:45","date_gmt":"2026-05-19T15:05:45","guid":{"rendered":"https:\/\/repaircenter-riyadh.com\/?page_id=36"},"modified":"2026-05-19T15:19:45","modified_gmt":"2026-05-19T15:19:45","slug":"homepage","status":"publish","type":"page","link":"https:\/\/repaircenter-riyadh.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d - \u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0648\u062b\u0644\u0627\u062c\u0627\u062a \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/title>\n <meta name=\"description\" content=\"\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0645\u0639\u062a\u0645\u062f \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 - \u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a\u060c \u0645\u0643\u064a\u0641\u0627\u062a \u062f\u0643\u062a\u060c \u063a\u0633\u0627\u0644\u0627\u062a\u060c \u062b\u0644\u0627\u062c\u0627\u062a. \u0641\u0646\u064a\u0648\u0646 \u0645\u062d\u062a\u0631\u0641\u0648\u0646 \u0648\u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\">\n \n <!-- Google Fonts: Tajawal & Cairo for professional Arabic typography -->\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@400;600;700;800&family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n <style>\n :root {\n --primary: #1e40af;\n --primary-dark: #1e3a8a;\n --secondary: #059669;\n --accent: #0ea5e9;\n --light: #f8fafc;\n --dark: #0f172a;\n --gray: #64748b;\n --light-gray: #e2e8f0;\n --white: #ffffff;\n --gradient-primary: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);\n --gradient-secondary: linear-gradient(135deg, #059669 0%, #10b981 100%);\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n scroll-padding-top: 80px;\n }\n\n body {\n font-family: 'Tajawal', 'Cairo', sans-serif;\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* Scrollbar Styling *\/\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-track {\n background: var(--light);\n }\n ::-webkit-scrollbar-thumb {\n background: var(--primary);\n border-radius: 5px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: var(--primary-dark);\n }\n\n \/* Header *\/\n .header {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n box-shadow: var(--shadow-md);\n transition: var(--transition);\n }\n\n .header.scrolled {\n box-shadow: var(--shadow-lg);\n }\n\n .header-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 80px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n text-decoration: none;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: var(--gradient-primary);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.5rem;\n box-shadow: var(--shadow-md);\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n }\n\n .logo-brand {\n font-family: 'Cairo', sans-serif;\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--primary-dark);\n line-height: 1.2;\n }\n\n .logo-tagline {\n font-size: 0.75rem;\n color: var(--gray);\n font-weight: 500;\n }\n\n .nav-desktop {\n display: flex;\n align-items: center;\n gap: 2rem;\n }\n\n .nav-link {\n text-decoration: none;\n color: var(--dark);\n font-weight: 600;\n font-size: 1rem;\n position: relative;\n padding: 0.5rem 0;\n transition: var(--transition);\n }\n\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 0;\n height: 3px;\n background: var(--gradient-primary);\n border-radius: 2px;\n transition: var(--transition);\n }\n\n .nav-link:hover {\n color: var(--primary);\n }\n\n .nav-link:hover::after {\n width: 100%;\n left: 0;\n }\n\n .header-actions {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n font-family: 'Tajawal', sans-serif;\n }\n\n .btn-primary {\n background: var(--gradient-primary);\n color: var(--white);\n box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(30, 64, 175, 0.4);\n }\n\n .btn-whatsapp {\n background: var(--gradient-secondary);\n color: var(--white);\n box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3);\n }\n\n .btn-whatsapp:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(5, 150, 105, 0.4);\n }\n\n .btn-outline {\n background: transparent;\n color: var(--primary);\n border: 2px solid var(--primary);\n }\n\n .btn-outline:hover {\n background: var(--primary);\n color: var(--white);\n }\n\n .btn-lg {\n padding: 1rem 2.5rem;\n font-size: 1.1rem;\n }\n\n .mobile-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 1.5rem;\n color: var(--primary);\n cursor: pointer;\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n margin-top: 0;\n padding-top: 80px;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n background: \n linear-gradient(135deg, rgba(30, 64, 175, 0.9) 0%, rgba(15, 23, 42, 0.85) 100%),\n url('https:\/\/images.unsplash.com\/photo-1585771724684-38269d6639fd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n z-index: -2;\n }\n\n .hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.1) 1px, transparent 0);\n background-size: 40px 40px;\n z-index: -1;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 900px;\n padding: 2rem;\n color: var(--white);\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n padding: 0.5rem 1.25rem;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n border: 1px solid rgba(255, 255, 255, 0.2);\n animation: fadeInDown 0.8s ease;\n }\n\n .hero-title {\n font-family: 'Cairo', sans-serif;\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 900;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n animation: fadeInUp 0.8s ease 0.2s both;\n }\n\n .hero-title span {\n color: #60a5fa;\n position: relative;\n }\n\n .hero-description {\n font-size: clamp(1rem, 2vw, 1.25rem);\n opacity: 0.9;\n margin-bottom: 2.5rem;\n max-width: 700px;\n margin-right: auto;\n margin-left: auto;\n animation: fadeInUp 0.8s ease 0.4s both;\n }\n\n .hero-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n animation: fadeInUp 0.8s ease 0.6s both;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-top: 4rem;\n animation: fadeInUp 0.8s ease 0.8s both;\n }\n\n .stat-item {\n text-align: center;\n padding: 1.5rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n border: 1px solid rgba(255, 255, 255, 0.15);\n }\n\n .stat-number {\n font-family: 'Cairo', sans-serif;\n font-size: 2.5rem;\n font-weight: 900;\n color: #60a5fa;\n display: block;\n }\n\n .stat-label {\n font-size: 0.9rem;\n opacity: 0.9;\n margin-top: 0.25rem;\n }\n\n \/* Section Styles *\/\n .section {\n padding: 5rem 1.5rem;\n position: relative;\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 3.5rem;\n }\n\n .section-label {\n display: inline-block;\n padding: 0.35rem 1rem;\n background: rgba(30, 64, 175, 0.1);\n color: var(--primary);\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n .section-title {\n font-family: 'Cairo', sans-serif;\n font-size: clamp(1.75rem, 3vw, 2.5rem);\n font-weight: 800;\n color: var(--dark);\n margin-bottom: 1rem;\n line-height: 1.3;\n }\n\n .section-subtitle {\n color: var(--gray);\n font-size: 1.1rem;\n }\n\n .container {\n max-width: 1280px;\n margin: 0 auto;\n }\n\n \/* Services Section *\/\n .services {\n background: var(--white);\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .service-card {\n background: var(--white);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-md);\n transition: var(--transition);\n border: 1px solid var(--light-gray);\n position: relative;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-xl);\n border-color: transparent;\n }\n\n .service-image {\n width: 100%;\n height: 220px;\n object-fit: cover;\n transition: var(--transition);\n }\n\n .service-card:hover .service-image {\n transform: scale(1.05);\n }\n\n .service-content {\n padding: 1.75rem;\n }\n\n .service-icon {\n width: 60px;\n height: 60px;\n background: var(--gradient-primary);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n margin-top: -50px;\n position: relative;\n z-index: 2;\n box-shadow: var(--shadow-lg);\n }\n\n .service-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.35rem;\n font-weight: 800;\n color: var(--dark);\n margin-bottom: 0.75rem;\n }\n\n .service-desc {\n color: var(--gray);\n font-size: 0.95rem;\n margin-bottom: 1.5rem;\n line-height: 1.7;\n }\n\n .service-features {\n list-style: none;\n margin-bottom: 1.5rem;\n }\n\n .service-features li {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n color: var(--dark);\n margin-bottom: 0.5rem;\n }\n\n .service-features li i {\n color: var(--secondary);\n font-size: 0.8rem;\n }\n\n \/* Why Choose Us *\/\n .why-us {\n background: linear-gradient(to bottom, var(--light), var(--white));\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }\n\n .feature-card {\n background: var(--white);\n padding: 2.5rem 2rem;\n border-radius: 20px;\n text-align: center;\n box-shadow: var(--shadow-md);\n transition: var(--transition);\n border: 1px solid var(--light-gray);\n position: relative;\n overflow: hidden;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n height: 4px;\n background: var(--gradient-primary);\n transform: scaleX(0);\n transition: var(--transition);\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-xl);\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, rgba(30, 64, 175, 0.1) 0%, rgba(14, 165, 233, 0.1) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n font-size: 2rem;\n color: var(--primary);\n transition: var(--transition);\n }\n\n .feature-card:hover .feature-icon {\n background: var(--gradient-primary);\n color: var(--white);\n transform: rotateY(360deg);\n }\n\n .feature-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.25rem;\n font-weight: 800;\n margin-bottom: 0.75rem;\n color: var(--dark);\n }\n\n .feature-desc {\n color: var(--gray);\n font-size: 0.95rem;\n line-height: 1.7;\n }\n\n \/* About Section *\/\n .about {\n background: var(--white);\n position: relative;\n overflow: hidden;\n }\n\n .about-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .about-image-wrapper {\n position: relative;\n }\n\n .about-image {\n width: 100%;\n border-radius: 20px;\n box-shadow: var(--shadow-xl);\n }\n\n .about-image-accent {\n position: absolute;\n bottom: -20px;\n left: -20px;\n width: 150px;\n height: 150px;\n background: var(--gradient-secondary);\n border-radius: 20px;\n opacity: 0.2;\n z-index: -1;\n }\n\n .about-content h2 {\n font-family: 'Cairo', sans-serif;\n font-size: 2.25rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: var(--dark);\n line-height: 1.3;\n }\n\n .about-content p {\n color: var(--gray);\n margin-bottom: 1.25rem;\n font-size: 1.05rem;\n line-height: 1.8;\n }\n\n .about-list {\n list-style: none;\n margin: 1.5rem 0;\n }\n\n .about-list li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n font-weight: 600;\n color: var(--dark);\n }\n\n .about-list li i {\n color: var(--secondary);\n font-size: 1.1rem;\n }\n\n \/* Testimonials *\/\n .testimonials {\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n }\n\n .testimonial-card {\n background: var(--white);\n padding: 2rem;\n border-radius: 20px;\n box-shadow: var(--shadow-md);\n position: relative;\n transition: var(--transition);\n }\n\n .testimonial-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-xl);\n }\n\n .testimonial-quote {\n font-size: 3rem;\n color: var(--primary);\n opacity: 0.2;\n line-height: 1;\n margin-bottom: 0.5rem;\n }\n\n .testimonial-text {\n color: var(--dark);\n font-size: 1rem;\n line-height: 1.8;\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .testimonial-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: var(--gradient-primary);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-weight: 800;\n font-size: 1.2rem;\n }\n\n .testimonial-info h4 {\n font-weight: 800;\n color: var(--dark);\n font-size: 1rem;\n }\n\n .testimonial-info span {\n font-size: 0.85rem;\n color: var(--gray);\n }\n\n .stars {\n color: #fbbf24;\n margin-bottom: 1rem;\n font-size: 0.9rem;\n }\n\n \/* Contact Section *\/\n .contact {\n background: var(--white);\n }\n\n .contact-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n }\n\n .contact-info h3 {\n font-family: 'Cairo', sans-serif;\n font-size: 1.75rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n }\n\n .contact-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding: 1.25rem;\n background: var(--light);\n border-radius: 16px;\n transition: var(--transition);\n }\n\n .contact-item:hover {\n background: rgba(30, 64, 175, 0.05);\n transform: translateX(-5px);\n }\n\n .contact-icon {\n width: 50px;\n height: 50px;\n min-width: 50px;\n background: var(--gradient-primary);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.25rem;\n }\n\n .contact-details h4 {\n font-weight: 800;\n margin-bottom: 0.25rem;\n color: var(--dark);\n }\n\n .contact-details p, .contact-details a {\n color: var(--gray);\n text-decoration: none;\n font-size: 0.95rem;\n transition: var(--transition);\n }\n\n .contact-details a:hover {\n color: var(--primary);\n }\n\n .contact-form {\n background: var(--light);\n padding: 2.5rem;\n border-radius: 20px;\n box-shadow: var(--shadow-lg);\n }\n\n .form-group {\n margin-bottom: 1.25rem;\n }\n\n .form-label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 700;\n color: var(--dark);\n font-size: 0.95rem;\n }\n\n .form-input {\n width: 100%;\n padding: 1rem 1.25rem;\n border: 2px solid var(--light-gray);\n border-radius: 12px;\n font-family: 'Tajawal', sans-serif;\n font-size: 1rem;\n transition: var(--transition);\n background: var(--white);\n }\n\n .form-input:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);\n }\n\n textarea.form-input {\n min-height: 120px;\n resize: vertical;\n }\n\n .form-submit {\n width: 100%;\n justify-content: center;\n font-size: 1.1rem;\n padding: 1rem;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--dark);\n color: var(--white);\n padding: 4rem 1.5rem 1.5rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1.5fr;\n gap: 3rem;\n margin-bottom: 3rem;\n }\n\n .footer-brand {\n margin-bottom: 1.5rem;\n }\n\n .footer-brand .logo-brand {\n color: var(--white);\n }\n\n .footer-brand .logo-tagline {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .footer-desc {\n color: rgba(255, 255, 255, 0.7);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n font-size: 0.95rem;\n }\n\n .footer-social {\n display: flex;\n gap: 0.75rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n border-radius: 10px;\n background: rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n text-decoration: none;\n transition: var(--transition);\n font-size: 1.1rem;\n }\n\n .social-link:hover {\n background: var(--primary);\n transform: translateY(-3px);\n }\n\n .footer-title {\n font-family: 'Cairo', sans-serif;\n font-size: 1.25rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: var(--white);\n position: relative;\n padding-bottom: 0.75rem;\n }\n\n .footer-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40px;\n height: 3px;\n background: var(--accent);\n border-radius: 2px;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 0.75rem;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n transition: var(--transition);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.95rem;\n }\n\n .footer-links a:hover {\n color: var(--white);\n padding-right: 0.5rem;\n }\n\n .footer-links a i {\n font-size: 0.7rem;\n color: var(--accent);\n }\n\n .footer-contact-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n color: rgba(255, 255, 255, 0.7);\n font-size: 0.95rem;\n }\n\n .footer-contact-item i {\n color: var(--accent);\n width: 20px;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding-top: 1.5rem;\n text-align: center;\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.9rem;\n }\n\n \/* Floating Buttons *\/\n .floating-buttons {\n position: fixed;\n bottom: 2rem;\n z-index: 999;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .floating-left {\n left: 2rem;\n }\n\n .floating-right {\n right: 2rem;\n }\n\n .floating-btn {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 1.75rem;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n transition: var(--transition);\n position: relative;\n animation: pulse 2s infinite;\n }\n\n .floating-btn:hover {\n transform: scale(1.1);\n }\n\n .floating-btn.whatsapp {\n background: #25d366;\n }\n\n .floating-btn.call {\n background: var(--primary);\n }\n\n .floating-tooltip {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--dark);\n color: var(--white);\n padding: 0.5rem 1rem;\n border-radius: 8px;\n font-size: 0.85rem;\n font-weight: 700;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: var(--transition);\n }\n\n .floating-left .floating-tooltip {\n left: 70px;\n }\n\n .floating-right .floating-tooltip {\n right: 70px;\n }\n\n .floating-btn:hover .floating-tooltip {\n opacity: 1;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);\n }\n 50% {\n box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\n }\n }\n\n .call-pulse {\n animation: pulse-call 2s infinite;\n }\n\n @keyframes pulse-call {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(30, 64, 175, 0.4);\n }\n 50% {\n box-shadow: 0 0 0 15px rgba(30, 64, 175, 0);\n }\n }\n\n \/* Scroll Reveal *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Mobile Menu *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 350px;\n height: 100vh;\n background: var(--white);\n z-index: 1001;\n padding: 2rem;\n box-shadow: var(--shadow-xl);\n transition: var(--transition);\n overflow-y: auto;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.5);\n z-index: 1000;\n opacity: 0;\n pointer-events: none;\n transition: var(--transition);\n }\n\n .mobile-menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n\n .mobile-menu-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid var(--light-gray);\n }\n\n .mobile-menu-close {\n background: none;\n border: none;\n font-size: 1.5rem;\n color: var(--dark);\n cursor: pointer;\n }\n\n .mobile-nav {\n list-style: none;\n }\n\n .mobile-nav li {\n margin-bottom: 0.5rem;\n }\n\n .mobile-nav a {\n display: block;\n padding: 1rem;\n text-decoration: none;\n color: var(--dark);\n font-weight: 700;\n border-radius: 12px;\n transition: var(--transition);\n }\n\n .mobile-nav a:hover {\n background: var(--light);\n color: var(--primary);\n }\n\n .mobile-actions {\n margin-top: 2rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .about-container,\n .contact-container {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n .hero-stats {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n }\n\n @media (max-width: 768px) {\n .nav-desktop {\n display: none;\n }\n\n .header-actions .btn {\n display: none;\n }\n\n .mobile-toggle {\n display: block;\n }\n\n .hero-title {\n font-size: 2rem;\n }\n\n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .hero-buttons .btn {\n width: 100%;\n max-width: 280px;\n justify-content: center;\n }\n\n .section {\n padding: 3rem 1rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .floating-buttons {\n bottom: 1rem;\n }\n\n .floating-left {\n left: 1rem;\n }\n\n .floating-right {\n right: 1rem;\n }\n\n .floating-btn {\n width: 50px;\n height: 50px;\n font-size: 1.5rem;\n }\n }\n\n @media (max-width: 480px) {\n .header-container {\n height: 70px;\n }\n\n .logo-brand {\n font-size: 1.25rem;\n }\n\n .service-card {\n margin: 0 0.5rem;\n }\n\n .contact-form {\n padding: 1.5rem;\n }\n }\n\n \/* Trust Badges *\/\n .trust-badges {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-top: 3rem;\n flex-wrap: wrap;\n }\n\n .trust-badge {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: rgba(255,255,255,0.8);\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .trust-badge i {\n color: #60a5fa;\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Header -->\n <header class=\"header\" id=\"header\">\n <div class=\"header-container\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">\n <i class=\"fas fa-tools\"><\/i>\n <\/div>\n <div class=\"logo-text\">\n <span class=\"logo-brand\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/span>\n <span class=\"logo-tagline\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n <\/div>\n <\/a>\n\n <nav class=\"nav-desktop\">\n <a href=\"#services\" class=\"nav-link\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#why-us\" class=\"nav-link\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a>\n <a href=\"#about\" class=\"nav-link\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n <a href=\"#testimonials\" class=\"nav-link\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#contact\" class=\"nav-link\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <\/nav>\n\n <div class=\"header-actions\">\n <a href=\"tel:0539964929\" class=\"btn btn-primary\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/span>\n <\/a>\n <a href=\"https:\/\/wa.me\/966539964929\" target=\"_blank\" class=\"btn btn-whatsapp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n <\/a>\n <\/div>\n\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/header>\n\n <!-- Mobile Menu -->\n <div class=\"mobile-menu-overlay\" id=\"mobileOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"logo-text\">\n <span class=\"logo-brand\" style=\"color: var(--primary-dark);\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/span>\n <\/div>\n <button class=\"mobile-menu-close\" id=\"mobileClose\">\n <i class=\"fas fa-times\"><\/i>\n <\/button>\n <\/div>\n <ul class=\"mobile-nav\">\n <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\n <li><a href=\"#why-us\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#about\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a><\/li>\n <li><a href=\"#contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\n <\/ul>\n <div class=\"mobile-actions\">\n <a href=\"tel:0539964929\" class=\"btn btn-primary\" style=\"justify-content: center;\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 0539964929<\/span>\n <\/a>\n <a href=\"https:\/\/wa.me\/966539964929\" target=\"_blank\" class=\"btn btn-whatsapp\" style=\"justify-content: center;\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span>\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Hero Section -->\n <section class=\"hero\" id=\"home\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-pattern\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <span>\u0636\u0645\u0627\u0646 6 \u0623\u0634\u0647\u0631 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/span>\n <\/div>\n <h1 class=\"hero-title\">\n \u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<br>\n <span>\u0644\u062c\u0645\u064a\u0639 \u0623\u062c\u0647\u0632\u062a\u0643 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629<\/span>\n <\/h1>\n <p class=\"hero-description\">\n \u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a\u060c \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a\u060c \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636. \u0641\u0646\u064a\u0648\u0646 \u0645\u0639\u062a\u0645\u062f\u0648\u0646\u060c \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\n <\/p>\n <div class=\"hero-buttons\">\n <a href=\"tel:0539964929\" class=\"btn btn-primary btn-lg\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/span>\n <\/a>\n <a href=\"https:\/\/wa.me\/966539964929\" target=\"_blank\" class=\"btn btn-whatsapp btn-lg\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n <\/a>\n <\/div>\n\n <div class=\"trust-badges\">\n <div class=\"trust-badge\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u0641\u0646\u064a\u0648\u0646 \u0645\u0639\u062a\u0645\u062f\u0648\u0646<\/span>\n <\/div>\n <div class=\"trust-badge\">\n <i class=\"fas fa-clock\"><\/i>\n <span>\u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629<\/span>\n <\/div>\n <div class=\"trust-badge\">\n <i class=\"fas fa-home\"><\/i>\n <span>\u0635\u064a\u0627\u0646\u0629 \u0645\u0646\u0632\u0644\u064a\u0629<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">+1500<\/span>\n <span class=\"stat-label\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">+8<\/span>\n <span class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">24\/7<\/span>\n <span class=\"stat-label\">\u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"section services\" id=\"services\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629<\/span>\n <h2 class=\"section-title\">\u0646\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0623\u062c\u0647\u0632\u062a\u0643 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629<\/h2>\n <p class=\"section-subtitle\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u0627\u0645\u0627\u062a<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <!-- Service 1: AC Maintenance -->\n <div class=\"service-card reveal\">\n <div style=\"overflow: hidden;\">\n <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/fcnsc.com\/3656eb6817992874f99e0a7e79c3d405961d9da2.webp\" alt=\"\u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a\" class=\"service-image\">\n <\/div>\n <div class=\"service-content\">\n <div class=\"service-icon\">\n <i class=\"fas fa-wind\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a<\/h3>\n <p class=\"service-desc\">\u062e\u062f\u0645\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u0633\u0628\u0644\u064a\u062a \u0648\u0627\u0644\u0634\u0628\u0627\u0643. \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u064a\u0642\u060c \u0634\u062d\u0646 \u0627\u0644\u0641\u0631\u064a\u0648\u0646\u060c \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.<\/p>\n <ul class=\"service-features\">\n <li><i class=\"fas fa-check\"><\/i> \u062a\u0646\u0638\u064a\u0641 \u0641\u0644\u0627\u062a\u0631 \u0648\u0645\u0644\u0641\u0627\u062a<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0643\u0634\u0641 \u062a\u0633\u0631\u0628\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u0648\u0646<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0643\u0645\u0628\u0631\u0648\u0633\u0631<\/li>\n <\/ul>\n <a href=\"tel:0539964929\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Service 2: Duct AC -->\n <div class=\"service-card reveal\">\n <div style=\"overflow: hidden;\">\n <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.amwajac.com\/603aa75da1203f75f6fe786ac607b3782c071c4d.jpg\" alt=\"\u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a \u062f\u0643\u062a\" class=\"service-image\">\n <\/div>\n <div class=\"service-content\">\n <div class=\"service-icon\">\n <i class=\"fas fa-fan\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a<\/h3>\n <p class=\"service-desc\">\u0635\u064a\u0627\u0646\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0648\u0627\u0644\u062f\u0643\u062a. \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u0644\u0644 \u0648\u0627\u0644\u0645\u062c\u0645\u0639\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636.<\/p>\n <ul class=\"service-features\">\n <li><i class=\"fas fa-check\"><\/i> \u062a\u0646\u0638\u064a\u0641 \u0645\u062c\u0627\u0631\u064a \u0627\u0644\u0647\u0648\u0627\u0621<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0636\u062c\u064a\u062c<\/li>\n <\/ul>\n <a href=\"tel:0539964929\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Service 3: Washing Machine -->\n <div class=\"service-card reveal\">\n <div style=\"overflow: hidden;\">\n <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/siana-ksa.com\/a5b31cc4957be5779317621596aa2e1f1d2e1d73.webp\" alt=\"\u0635\u064a\u0627\u0646\u0629 \u063a\u0633\u0627\u0644\u0627\u062a\" class=\"service-image\">\n <\/div>\n <div class=\"service-content\">\n <div class=\"service-icon\">\n <i class=\"fas fa-tshirt\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a<\/h3>\n <p class=\"service-desc\">\u0625\u0635\u0644\u0627\u062d \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643 \u0648\u0627\u0644\u0639\u0627\u062f\u064a\u0629. \u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629 \u0645\u0636\u0645\u0648\u0646\u0629.<\/p>\n <ul class=\"service-features\">\n <li><i class=\"fas fa-check\"><\/i> \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u062a\u0628\u062f\u064a\u0644 \u0643\u0627\u0631\u062a \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062a\u0633\u0631\u0628\u0627\u062a<\/li>\n <\/ul>\n <a href=\"tel:0539964929\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Service 4: Refrigerator -->\n <div class=\"service-card reveal\">\n <div style=\"overflow: hidden;\">\n <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/wolf-maintenance.com\/5cd80e377b38ffe708c14b6e6ae6d684ada20220.jpg\" alt=\"\u0635\u064a\u0627\u0646\u0629 \u062b\u0644\u0627\u062c\u0627\u062a\" class=\"service-image\">\n <\/div>\n <div class=\"service-content\">\n <div class=\"service-icon\">\n <i class=\"fas fa-snowflake\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a<\/h3>\n <p class=\"service-desc\">\u0635\u064a\u0627\u0646\u0629 \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629. \u062a\u0634\u0645\u0644 \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0643\u0645\u0628\u0631\u0648\u0633\u0631\u060c \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u0628\u0631\u062f\u060c \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u062c\u0645\u064a\u062f.<\/p>\n <ul class=\"service-features\">\n <li><i class=\"fas fa-check\"><\/i> \u062a\u0628\u062f\u064a\u0644 \u0643\u0645\u0628\u0631\u0648\u0633\u0631<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0644\u0627 \u062a\u0628\u0631\u062f<\/li>\n <li><i class=\"fas fa-check\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u062f\u064a\u0628 \u0641\u0631\u064a\u0632\u0631<\/li>\n <\/ul>\n <a href=\"tel:0539964929\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Why Choose Us -->\n <section class=\"section why-us\" id=\"why-us\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/span>\n <h2 class=\"section-title\">\u0646\u062d\u0646 \u0627\u0644\u0623\u0641\u0636\u0644 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636 \u0644\u0623\u0633\u0628\u0627\u0628 \u0648\u0627\u0636\u062d\u0629<\/h2>\n <p class=\"section-subtitle\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u0635\u064a\u0627\u0646\u0629 \u0646\u0642\u0648\u0645 \u0628\u0647\u0627<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-bolt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629<\/h3>\n <p class=\"feature-desc\">\u0646\u0635\u0644\u0643 \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 60 \u062f\u0642\u064a\u0642\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636. \u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u062f\u0648\u0646 \u0623\u064a \u062a\u0623\u062e\u064a\u0631.<\/p>\n <\/div>\n\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-user-tie\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u0641\u0646\u064a\u0648\u0646 \u0645\u062d\u062a\u0631\u0641\u0648\u0646<\/h3>\n <p class=\"feature-desc\">\u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0643\u0648\u0646 \u0645\u0646 \u0641\u0646\u064a\u064a\u0646 \u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0648\u0645\u062f\u0631\u0628\u064a\u0646 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0645\u0639 \u062e\u0628\u0631\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 8 \u0633\u0646\u0648\u0627\u062a.<\/p>\n <\/div>\n\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-tags\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629<\/h3>\n <p class=\"feature-desc\">\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u0628\u062f\u0648\u0646 \u0623\u064a \u0631\u0633\u0648\u0645 \u062e\u0641\u064a\u0629. \u0639\u0631\u0648\u0636 \u062e\u0627\u0635\u0629 \u0639\u0644\u0649 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0644\u0644\u0645\u062c\u0645\u0639\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629.<\/p>\n <\/div>\n\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u062e\u062f\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636<\/h3>\n <p class=\"feature-desc\">\u0646\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0636\u0648\u0627\u062d\u064a\u0647\u0627. \u0634\u0645\u0627\u0644\u060c \u062c\u0646\u0648\u0628\u060c \u0634\u0631\u0642\u060c \u063a\u0631\u0628 \u0627\u0644\u0631\u064a\u0627\u0636 - \u0646\u0635\u0644\u0643 \u0623\u064a\u0646\u0645\u0627 \u0643\u0646\u062a.<\/p>\n <\/div>\n\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u062f\u0639\u0645 \u0641\u0646\u064a 24\/7<\/h3>\n <p class=\"feature-desc\">\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0648\u0637\u0644\u0628\u0627\u062a\u0643. \u0645\u062a\u0648\u0627\u062c\u062f\u0648\u0646 \u062d\u062a\u0649 \u0641\u064a \u0627\u0644\u0639\u0637\u0644\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.<\/p>\n <\/div>\n\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644<\/h3>\n <p class=\"feature-desc\">\u0636\u0645\u0627\u0646 6 \u0623\u0634\u0647\u0631 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631. \u0646\u0639\u064a\u062f \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0625\u0630\u0627 \u0627\u0633\u062a\u0645\u0631\u062a \u0627\u0644\u0645\u0634\u0643\u0644\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- About Section -->\n <section class=\"section about\" id=\"about\">\n <div class=\"container\">\n <div class=\"about-container\">\n <div class=\"about-image-wrapper reveal\">\n <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/fcnsc.com\/ff78e1e58a106e2130ef49c4ff2b55b57e0d67a2.webp\" alt=\"\u0641\u0631\u064a\u0642 \u0635\u064a\u0627\u0646\u0629 \u0645\u062d\u062a\u0631\u0641\" class=\"about-image\">\n <div class=\"about-image-accent\"><\/div>\n <\/div>\n <div class=\"about-content reveal\">\n <span class=\"section-label\">\u0645\u0646 \u0646\u062d\u0646<\/span>\n <h2>\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636<\/h2>\n <p>\n \u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u0647\u0648 \u0648\u062c\u0647\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636. \u0646\u0645\u062a\u0644\u0643 \u0641\u0631\u064a\u0642\u0627\u064b \u0645\u0646 \u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629.\n <\/p>\n <p>\n \u0646\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0631\u064a\u0627\u0636 \u0645\u0646 \u0627\u0644\u0634\u0645\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062c\u0646\u0648\u0628\u060c \u0648\u0645\u0646 \u0627\u0644\u0634\u0631\u0642 \u0625\u0644\u0649 \u0627\u0644\u063a\u0631\u0628. \u0646\u0635\u0644\u0643 \u0623\u064a\u0646\u0645\u0627 \u0643\u0646\u062a \u0628\u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0645\u0645\u0643\u0646 \u0648\u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.\n <\/p>\n <ul class=\"about-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629 \u0645\u0639 \u0636\u0645\u0627\u0646<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u0632\u064a\u0627\u0631\u0629 \u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0641\u062d\u0635 \u0645\u062c\u0627\u0646\u064a<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u0623\u0633\u0639\u0627\u0631 \u0634\u0641\u0627\u0641\u0629 \u0628\u062f\u0648\u0646 \u0631\u0633\u0648\u0645 \u062e\u0641\u064a\u0629<\/li>\n <\/ul>\n <a href=\"tel:0539964929\" class=\"btn btn-primary btn-lg\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Testimonials -->\n <section class=\"section testimonials\" id=\"testimonials\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/span>\n <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0639\u0646\u0627\u061f<\/h2>\n <p class=\"section-subtitle\">\u062b\u0642\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 1500 \u0639\u0645\u064a\u0644 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636<\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <div class=\"testimonial-quote\">\"<\/div>\n <p class=\"testimonial-text\">\n \u062e\u062f\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u062c\u062f\u0627\u064b! \u062c\u0627\u0621 \u0627\u0644\u0641\u0646\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u0623\u0635\u0644\u062d \u0627\u0644\u0645\u0643\u064a\u0641 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629. \u0627\u0644\u0633\u0639\u0631 \u0643\u0627\u0646 \u0645\u0646\u0627\u0633\u0628 \u062c\u062f\u0627\u064b \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642. \u0623\u0646\u0635\u062d \u0627\u0644\u062c\u0645\u064a\u0639 \u0628\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0645.\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"testimonial-avatar\">\u0623<\/div>\n <div class=\"testimonial-info\">\n <h4>\u0623\u062d\u0645\u062f \u0627\u0644\u0633\u0627\u0644\u0645<\/h4>\n <span>\u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <div class=\"testimonial-quote\">\"<\/div>\n <p class=\"testimonial-text\">\n \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0643\u0627\u0646\u062a \u0633\u0631\u064a\u0639\u0629 \u0648\u0641\u0639\u0627\u0644\u0629. \u0627\u0644\u0641\u0646\u064a \u0643\u0627\u0646 \u0645\u062d\u062a\u0631\u0641 \u0648\u0634\u0631\u062d \u0644\u064a \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644. \u0627\u0633\u062a\u062e\u062f\u0645\u0648\u0627 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629 \u0648\u0627\u0644\u0636\u0645\u0627\u0646 \u064a\u0639\u0637\u064a \u0631\u0627\u062d\u0629 \u0628\u0627\u0644 \u0643\u0628\u064a\u0631\u0629. \u0634\u0643\u0631\u0627\u064b \u0644\u0643\u0645!\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"testimonial-avatar\">\u0645<\/div>\n <div class=\"testimonial-info\">\n <h4>\u0645\u062d\u0645\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a<\/h4>\n <span>\u062d\u064a \u0627\u0644\u0631\u0648\u0636\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star-half-alt\"><\/i>\n <\/div>\n <div class=\"testimonial-quote\">\"<\/div>\n <p class=\"testimonial-text\">\n \u0623\u062d\u0633\u0646 \u0634\u0631\u0643\u0629 \u0635\u064a\u0627\u0646\u0629 \u062a\u0639\u0627\u0645\u0644\u062a \u0645\u0639\u0647\u0627 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636. \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u0643\u0627\u0646\u062a \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0627\u0644\u0641\u0646\u064a \u0643\u0627\u0646 \u0630\u0648 \u0623\u062e\u0644\u0627\u0642 \u0639\u0627\u0644\u064a\u0629 \u0648\u0639\u0645\u0644 \u0646\u0638\u064a\u0641. \u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629 \u0641\u0639\u0644\u0627\u064b\u060c \u0627\u062a\u0635\u0644\u062a \u0628\u0627\u0644\u0644\u064a\u0644 \u0648\u062c\u0627\u0624\u0648\u0627 \u0641\u064a \u0627\u0644\u0635\u0628\u0627\u062d \u0627\u0644\u0628\u0627\u0643\u0631.\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"testimonial-avatar\">\u0641<\/div>\n <div class=\"testimonial-info\">\n <h4>\u0641\u0647\u062f \u0627\u0644\u062f\u0648\u0633\u0631\u064a<\/h4>\n <span>\u062d\u064a \u0627\u0644\u0645\u0644\u0642\u0627\u060c \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Section -->\n <section class=\"section contact\" id=\"contact\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n <h2 class=\"section-title\">\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/h2>\n <p class=\"section-subtitle\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062e\u062f\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0645\u0646\u0632\u0644\u0643<\/p>\n <\/div>\n\n <div class=\"contact-container\">\n <div class=\"contact-info reveal\">\n <h3>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h4>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/h4>\n <a href=\"tel:0539964929\">0539964929<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h4>\u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\n <a href=\"https:\/\/wa.me\/966539964929\" target=\"_blank\">0539964929<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h4>\u0627\u0644\u0645\u0648\u0642\u0639<\/h4>\n <p>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \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>\n <\/div>\n\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h4>\u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h4>\n <p>\u0637\u0648\u0627\u0644 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 - 24 \u0633\u0627\u0639\u0629<\/p>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 2rem; text-align: center;\">\n <a href=\"tel:0539964929\" class=\"btn btn-primary btn-lg\" style=\"margin-bottom: 1rem; width: 100%; justify-content: center;\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 0539964929<\/span>\n <\/a>\n <a href=\"https:\/\/wa.me\/966539964929\" target=\"_blank\" class=\"btn btn-whatsapp btn-lg\" style=\"width: 100%; justify-content: center;\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span>\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-form reveal\">\n <h3 style=\"font-family: 'Cairo', sans-serif; font-size: 1.5rem; font-weight: 800; margin-bottom: 1.5rem; text-align: center;\">\u0623\u0631\u0633\u0644 \u0637\u0644\u0628 \u0635\u064a\u0627\u0646\u0629<\/h3>\n <form id=\"contactForm\" onsubmit=\"return handleSubmit(event)\">\n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\n <input type=\"tel\" class=\"form-input\" placeholder=\"05XXXXXXXX\" required pattern=\"[0-9]{10}\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">\u0646\u0648\u0639 \u0627\u0644\u062c\u0647\u0627\u0632<\/label>\n <select class=\"form-input\" required>\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062c\u0647\u0627\u0632<\/option>\n <option value=\"ac\">\u0645\u0643\u064a\u0641 \u0633\u0628\u0644\u064a\u062a \/ \u0634\u0628\u0627\u0643<\/option>\n <option value=\"duct\">\u0645\u0643\u064a\u0641 \u062f\u0643\u062a \u0645\u0631\u0643\u0632\u064a<\/option>\n <option value=\"washing\">\u063a\u0633\u0627\u0644\u0629<\/option>\n <option value=\"fridge\">\u062b\u0644\u0627\u062c\u0629 \/ \u062f\u064a\u0628 \u0641\u0631\u064a\u0632\u0631<\/option>\n <option value=\"other\">\u062c\u0647\u0627\u0632 \u0622\u062e\u0631<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u062d\u064a \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"\u0645\u062b\u0627\u0644: \u062d\u064a \u0627\u0644\u0646\u0632\u0647\u0629\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0629<\/label>\n <textarea class=\"form-input\" placeholder=\"\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647\u0643 \u0641\u064a \u0627\u0644\u062c\u0647\u0627\u0632...\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary form-submit\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/span>\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"footer-brand\">\n <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n <div class=\"logo-icon\">\n <i class=\"fas fa-tools\"><\/i>\n <\/div>\n <div>\n <div class=\"logo-brand\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d<\/div>\n <div class=\"logo-tagline\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"footer-desc\">\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0635\u064a\u0627\u0646\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636. \u0641\u0646\u064a\u0648\u0646 \u0645\u0639\u062a\u0645\u062f\u0648\u0646\u060c \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\n <\/p>\n <div class=\"footer-social\">\n <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"https:\/\/wa.me\/966539964929\" class=\"social-link\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div>\n <h4 class=\"footer-title\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#home\"><i class=\"fas fa-chevron-left\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\n <li><a href=\"#about\"><i class=\"fas fa-chevron-left\"><\/i> \u0645\u0646 \u0646\u062d\u0646<\/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=\"#contact\"><i class=\"fas fa-chevron-left\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"footer-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a<\/a><\/li>\n <li><a href=\"#services\"><i class=\"fas fa-chevron-left\"><\/i> \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"footer-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n <div class=\"footer-contact-item\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>0539964929<\/span>\n <\/div>\n <div class=\"footer-contact-item\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span>0539964929<\/span>\n <\/div>\n <div class=\"footer-contact-item\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <span>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n <\/div>\n <div class=\"footer-contact-item\">\n <i class=\"fas fa-envelope\"><\/i>\n <span>info@repaircenter-riyadh.com<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p>\u00a9 2026 \u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629. | <a href=\"https:\/\/repaircenter-riyadh.com\" style=\"color: rgba(255,255,255,0.6); text-decoration: none;\">repaircenter-riyadh.com<\/a><\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Floating Buttons -->\n <div class=\"floating-buttons floating-right\">\n <a href=\"https:\/\/wa.me\/966539964929\" target=\"_blank\" class=\"floating-btn whatsapp\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span class=\"floating-tooltip\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n <\/a>\n <\/div>\n\n <div class=\"floating-buttons floating-left\">\n <a href=\"tel:0539964929\" class=\"floating-btn call call-pulse\" aria-label=\"\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span class=\"floating-tooltip\">\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/span>\n <\/a>\n <\/div>\n\n <script>\n \/\/ Mobile Menu Toggle\n const mobileToggle = document.getElementById('mobileToggle');\n const mobileClose = document.getElementById('mobileClose');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileOverlay = document.getElementById('mobileOverlay');\n\n function openMenu() {\n mobileMenu.classList.add('active');\n mobileOverlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeMenu() {\n mobileMenu.classList.remove('active');\n mobileOverlay.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n mobileToggle.addEventListener('click', openMenu);\n mobileClose.addEventListener('click', closeMenu);\n mobileOverlay.addEventListener('click', closeMenu);\n\n \/\/ Close menu on link click\n document.querySelectorAll('.mobile-nav a').forEach(link => {\n link.addEventListener('click', closeMenu);\n });\n\n \/\/ Header Scroll Effect\n const header = document.getElementById('header');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n\n \/\/ Scroll Reveal Animation\n const revealElements = document.querySelectorAll('.reveal');\n \n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n\n revealElements.forEach(el => revealObserver.observe(el));\n\n \/\/ Smooth Scroll for Anchor Links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Form Handler\n function handleSubmit(e) {\n e.preventDefault();\n \n \/\/ Show success message\n const form = document.getElementById('contactForm');\n const submitBtn = form.querySelector('button[type=\"submit\"]');\n const originalText = submitBtn.innerHTML;\n \n submitBtn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> <span>\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0628\u0646\u062c\u0627\u062d!<\/span>';\n submitBtn.style.background = 'var(--gradient-secondary)';\n \n setTimeout(() => {\n submitBtn.innerHTML = originalText;\n submitBtn.style.background = '';\n form.reset();\n }, 3000);\n \n return false;\n }\n\n \/\/ Counter Animation for Stats\n function animateValue(obj, start, end, duration) {\n let startTimestamp = null;\n const step = (timestamp) => {\n if (!startTimestamp) startTimestamp = timestamp;\n const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n obj.innerHTML = Math.floor(progress * (end - start) + start);\n if (progress < 1) {\n window.requestAnimationFrame(step);\n }\n };\n window.requestAnimationFrame(step);\n }\n\n \/\/ Trigger counter animation when hero is visible\n const heroStats = document.querySelector('.hero-stats');\n if (heroStats) {\n const statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n \/\/ Animate numbers if needed\n statObserver.unobserve(entry.target);\n }\n });\n });\n statObserver.observe(heroStats);\n }\n\n \/\/ Add loading animation on page load\n window.addEventListener('load', () => {\n document.body.style.opacity = '1';\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d – \u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a \u0648\u063a\u0633\u0627\u0644\u0627\u062a \u0648\u062b\u0644\u0627\u062c\u0627\u062a \u0628\u0627\u0644\u0631\u064a\u0627\u0636 \u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0628\u0627\u0644\u0631\u064a\u0627\u0636 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0645\u0646 \u0646\u062d\u0646 \u0622\u0631\u0627\u0621 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","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-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":4,"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/repaircenter-riyadh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}