{"id":2123,"date":"2025-11-27T13:29:00","date_gmt":"2025-11-27T09:59:00","guid":{"rendered":"https:\/\/saygol.com\/?page_id=2123"},"modified":"2025-12-17T18:11:00","modified_gmt":"2025-12-17T14:41:00","slug":"%d8%b3%d8%a7%db%8c%da%af%d9%84-%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%aa%d8%ae%d8%b5%d8%b5%db%8c-%d8%b3%d9%85%d9%be%d8%a7%d8%b4%db%8c-%d8%af%d8%b1-%d8%b4%db%8c%d8%b1%d8%a7%d8%b2","status":"publish","type":"page","link":"https:\/\/saygol.com\/","title":{"rendered":"\u0633\u0627\u06cc\u06af\u0644-\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0633\u0645\u067e\u0627\u0634\u06cc \u062f\u0631 \u0634\u06cc\u0631\u0627\u0632"},"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 \u0633\u0645\u067e\u0627\u0634\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u06cc\u0634\u0645\u06cc\u0632) \u062f\u0631 \u0634\u06cc\u0631\u0627\u0632 | \u062a\u0636\u0645\u06cc\u0646\u06cc \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u062a\u0628\u06cc<\/title>\n <meta name=\"description\" content=\"\u0645\u0631\u06a9\u0632 \u062a\u062e\u0635\u0635\u06cc \u0633\u0645\u067e\u0627\u0634\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0648 \u0631\u0634\u0645\u06cc\u0632 \u062f\u0631 \u0634\u06cc\u0631\u0627\u0632. \u0631\u06cc\u0634\u0647\u200c\u06a9\u0646\u06cc \u062a\u0636\u0645\u06cc\u0646\u06cc \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u062a\u0628\u06cc. \u0633\u0645\u067e\u0627\u0634\u06cc \u0633\u0648\u0633\u06a9\u060c \u0633\u0627\u0633 \u0648 \u062d\u0634\u0631\u0627\u062a \u0645\u0648\u0630\u06cc \u0628\u0627 \u0633\u0645\u0648\u0645 \u06af\u06cc\u0627\u0647\u06cc \u0648 \u0628\u062f\u0648\u0646 \u0628\u0648. \u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc.\">\n \n <!-- \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631 \u0645\u062a\u0646 (\u0641\u0627\u0631\u0633\u06cc) -->\n <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.003\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- FontAwesome Icons -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <!-- jQuery -->\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Vazirmatn', 'sans-serif'],\n },\n colors: {\n primary: '#f97316', \/\/ Orange for CTA\n secondary: '#1e3a8a', \/\/ Dark Blue for Trust\n bgLight: '#f3f4f6',\n },\n animation: {\n 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n }\n }\n }\n }\n <\/script>\n <style>\n \n \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u067e\u062e\u0634 \u0648\u06cc\u062f\u06cc\u0648 *\/\n .video-wrapper {\n position: relative;\n overflow: hidden;\n border-radius: 1rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n cursor: pointer;\n }\n .play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 70px;\n height: 70px;\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(4px);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n border: 2px solid rgba(255, 255, 255, 0.5);\n animation: ripple 2s infinite;\n }\n .video-wrapper:hover .play-button {\n transform: translate(-50%, -50%) scale(1.1);\n background: rgba(249, 115, 22, 0.9);\n border-color: transparent;\n }\n .play-button i {\n color: white;\n font-size: 24px;\n margin-right: -4px; \/* \u0627\u0635\u0644\u0627\u062d \u0645\u0631\u06a9\u0632\u06cc\u062a \u0622\u06cc\u06a9\u0648\u0646 \u067e\u0644\u06cc *\/\n }\n\n @keyframes ripple {\n 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); }\n 70% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n }\n\n \/* \u06a9\u0627\u0631\u062a \u0648\u0636\u0639\u06cc\u062a \u0627\u0636\u0637\u0631\u0627\u0631\u06cc (Urgency Card) *\/\n .urgency-card {\n background: rgba(255, 255, 255, 0.95);\n border-left: 5px solid #ef4444;\n }\n \n \/* \u062f\u06a9\u0645\u0647 \u062f\u0631\u062e\u0634\u0627\u0646 \u062a\u0645\u0627\u0633 *\/\n .btn-shine {\n position: relative;\n overflow: hidden;\n }\n .btn-shine::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);\n transform: skewX(-20deg);\n animation: shine-effect 3s infinite;\n }\n @keyframes shine-effect {\n 0% { left: -100%; }\n 20% { left: 200%; }\n 100% { left: 200%; }\n }\n\n .hero-bg-gradient {\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n }\n\n \/* \u067e\u062a\u0631\u0646 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\n .bg-pattern {\n background-image: radial-gradient(#ffffff 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.05;\n }\n <\/style>\n <style>\n body {\n font-family: 'Vazirmatn', sans-serif;\n overflow-x: hidden; \/* \u062d\u06cc\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc *\/\n padding-bottom: 80px; \/* Space for mobile footer *\/\n margin: 0;\n padding: 0;\n width: 100%;\n }\n\n \/* \u062a\u06a9\u0646\u06cc\u06a9 Breakout \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 \u06a9\u0631\u062f\u0646 \u062f\u0631 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \n \u0627\u06cc\u0646 \u06a9\u0644\u0627\u0633 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u0633\u06a9\u0634\u0646\u200c\u0647\u0627 \u0627\u0632 \u06a9\u0627\u062f\u0631 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0628\u06cc\u0631\u0648\u0646 \u0628\u0632\u0646\u0646\u062f \u0648 \u06a9\u0644 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u06af\u06cc\u0631\u0646\u062f\n *\/\n .full-width-breakout {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n }\n \n \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062f\u06a9\u0645\u0647 \u062a\u0645\u0627\u0633 *\/\n .pulse-btn {\n animation: pulse-animation 2s infinite;\n }\n \n @keyframes pulse-animation {\n 0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }\n 70% { box-shadow: 0 0 0 15px rgba(249, 115, 22, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }\n }\n\n \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0647\u06cc\u0631\u0648 *\/\n .hero-bg {\n background-image: linear-gradient(rgba(30, 58, 138, 0.85), rgba(30, 58, 138, 0.7)), url('https:\/\/images.unsplash.com\/photo-1584824388173-580798363765?auto=format&fit=crop&q=80&w=1200');\n background-size: cover;\n background-position: center;\n }\n\n \/* \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 *\/\n .faq-answer {\n display: none;\n }\n \n .check-list li::before {\n content: '\u2713';\n color: #f97316;\n font-weight: bold;\n margin-left: 8px;\n }\n\n \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0644\u0648\u062f\u06cc\u0646\u06af \u062f\u06a9\u0645\u0647 *\/\n .btn-loading {\n position: relative;\n color: transparent !important;\n }\n .btn-loading::after {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 20px;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n border: 3px solid #ffffff;\n border-radius: 50%;\n border-top-color: transparent;\n animation: spin 0.8s linear infinite;\n }\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n\n \/* \u0627\u0641\u06a9\u062a \u0634\u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u062f\u06a9\u0645\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n .btn-shine {\n position: relative;\n overflow: hidden;\n }\n .btn-shine::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);\n animation: shine-effect 3s infinite;\n }\n @keyframes shine-effect {\n 0% { left: -100%; }\n 20% { left: 100%; }\n 100% { left: 100%; }\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n <!-- \u0646\u0648\u0627\u0631 \u062a\u0645\u0627\u0633 \u0627\u0636\u0637\u0631\u0627\u0631\u06cc \u0628\u0627\u0644\u0627 -->\n <div class=\"full-width-breakout bg-primary text-white text-center py-2 text-sm font-bold animate-pulse\">\n <i class=\"fas fa-exclamation-triangle ml-2\"><\/i>\n \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u06cc\u0634\u0645\u06cc\u0632) \u062e\u0637\u0631\u0646\u0627\u06a9 \u0627\u0633\u062a! \u0642\u0628\u0644 \u0627\u0632 \u062a\u062e\u0631\u06cc\u0628 \u0645\u0646\u0632\u0644 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.\n <\/div>\n\n <!-- \u0647\u062f\u0631 \u0686\u0633\u0628\u0627\u0646 -->\n <header class=\"full-width-breakout bg-white shadow-md sticky top-0 z-40 transition-all duration-300\" id=\"main-header\">\n <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n <div class=\"flex items-center\">\n <div class=\" text-white p-2 rounded-lg ml-3\">\n <img decoding=\"async\" src=\"http:\/\/saygol.com\/wp-content\/uploads\/2020\/06\/logopng-saygol.png\" width=\"120\" height=\"10\" alt=\"\">\n \n <\/div>\n <div>\n \n\n <h1 class=\"text-xl font-bold text-secondary leading-tight\"> \u0634\u0631\u06a9\u062a \u0633\u0644\u0627\u0645\u062a \u0645\u062d\u0648\u0631 \u0633\u0627\u06cc\u06af\u0644<\/h1>\n <p class=\"text-xs text-gray-500\">\u0633\u0645\u067e\u0627\u0634\u06cc \u0648 \u0637\u0639\u0645\u0647 \u06af\u0630\u0627\u0631\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0648 \u062d\u0634\u0631\u0627\u062a<\/p>\n <\/div>\n <\/div>\n \n <!-- \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0627\u0635\u0644\u06cc \u062f\u0631 \u0647\u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e -->\n <a href=\"tel:09172626106\" class=\"hidden md:flex items-center bg-green-600 hover:bg-green-700 text-white py-2 px-6 rounded-full font-bold transition duration-300 shadow-lg transform hover:scale-105\">\n <i class=\"fas fa-phone-alt ml-2 animate-bounce\"><\/i>\n 0917-262-6106\n <\/a>\n \n <!-- \u062f\u06a9\u0645\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 (\u0641\u0642\u0637 \u0622\u06cc\u06a9\u0648\u0646 \u0686\u0648\u0646 \u0641\u0648\u062a\u0631 \u067e\u0627\u06cc\u06cc\u0646 \u0647\u0633\u062a) -->\n <a href=\"tel:09172626106\" class=\"md:hidden text-green-600 p-2\">\n <i class=\"fas fa-headset text-2xl\"><\/i>\n <\/a>\n <\/div>\n <\/header>\n\n\n\n <!--<section class=\"hero-bg-gradient full-width-breakout relative py-10 md:py-20 overflow-hidden\">-->\n <!-- \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u067e\u062a\u0631\u0646 -->\n <!-- <div class=\"absolute inset-0 bg-pattern\"><\/div>-->\n \n <!-- \u062d\u0628\u0627\u0628\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc -->\n <!-- <div class=\"absolute top-0 right-0 w-64 h-64 bg-primary opacity-20 rounded-full blur-3xl mix-blend-screen animate-blob\"><\/div>-->\n <!-- <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-blue-500 opacity-20 rounded-full blur-3xl mix-blend-screen animate-blob animation-delay-2000\"><\/div>-->\n\n <!-- <div class=\"container mx-auto px-4 relative z-10\">-->\n <!-- <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-16 items-center\">-->\n \n <!-- \u0633\u062a\u0648\u0646 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0641\u0648\u0631\u06cc\u062a (\u0633\u0645\u062a \u0631\u0627\u0633\u062a) -->\n <!-- <div class=\"order-2 lg:order-1 text-center lg:text-right\">-->\n <!-- <div class=\"inline-block bg-white\/10 backdrop-blur border border-white\/20 rounded-full px-4 py-1 text-orange-300 text-xs md:text-sm font-bold mb-6\">-->\n <!-- <i class=\"fas fa-bolt ml-1\"><\/i> \u0627\u0639\u0632\u0627\u0645 \u0641\u0648\u0631\u06cc \u0632\u06cc\u0631 \u06f1 \u0633\u0627\u0639\u062a-->\n <!-- <\/div>-->\n \n <!-- <h1 class=\"text-3xl md:text-5xl font-extrabold text-white mb-6 leading-tight\">-->\n <!-- \u062e\u0644\u0627\u0635 \u0634\u062f\u0646 \u0627\u0632 \u0634\u0631 \u062d\u0634\u0631\u0627\u062a <br>-->\n <!-- <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-yellow-300\">\u0641\u0642\u0637 \u0628\u0627 \u06cc\u06a9 \u062a\u0645\u0627\u0633<\/span>-->\n <!-- <\/h1>-->\n \n <!-- <p class=\"text-gray-300 text-sm md:text-lg mb-8 leading-relaxed max-w-xl mx-auto lg:mx-0\">-->\n <!-- \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0645\u0648\u0645 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0628\u062f\u0648\u0646 \u0628\u0648 \u0648 \u0644\u06a9\u0647. \u0631\u06cc\u0634\u0647 \u06a9\u0646\u06cc \u0633\u0627\u0633\u060c \u0633\u0648\u0633\u06a9\u060c \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0648 \u0645\u0648\u0634 \u0628\u0627 -->\n <!-- <span class=\"text-white font-bold border-b border-primary\">\u0636\u0645\u0627\u0646\u062a \u06a9\u062a\u0628\u06cc \u06f1\u06f0\u06f0\u066a<\/span>.-->\n <!-- <\/p>-->\n\n <!-- \u0627\u0644\u0645\u0627\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0641\u0631\u0645 (\u067e\u0646\u0644 \u0648\u0636\u0639\u06cc\u062a \u0627\u0636\u0637\u0631\u0627\u0631\u06cc) -->\n <!-- \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a UI \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0641\u0648\u0631\u06cc\u062a \u0627\u0633\u062a -->\n <!-- <div class=\"urgency-card rounded-xl p-4 md:p-6 shadow-2xl mb-8 text-right transform hover:-translate-y-1 transition duration-300 relative overflow-hidden\">-->\n <!-- \u0646\u0648\u0627\u0631 \u0646\u0648\u0631\u06cc \u0645\u062a\u062d\u0631\u06a9 -->\n <!-- <div class=\"absolute top-0 right-0 w-1 h-full bg-gradient-to-b from-transparent via-red-500 to-transparent opacity-50\"><\/div>-->\n \n <!-- <div class=\"flex items-center justify-between mb-4 border-b border-gray-200 pb-2\">-->\n <!-- <span class=\"text-xs font-bold text-gray-500 uppercase tracking-wider\">\u0648\u0636\u0639\u06cc\u062a \u0627\u0639\u0632\u0627\u0645 \u0646\u06cc\u0631\u0648<\/span>-->\n <!-- <div class=\"flex items-center\">-->\n <!-- <span class=\"relative flex h-3 w-3 ml-2\">-->\n <!-- <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75\"><\/span>-->\n <!-- <span class=\"relative inline-flex rounded-full h-3 w-3 bg-red-500\"><\/span>-->\n <!-- <\/span>-->\n <!-- <span class=\"text-red-600 font-bold text-sm\">\u062a\u0631\u0627\u0641\u06cc\u06a9 \u06a9\u0627\u0631\u06cc \u0628\u0627\u0644\u0627<\/span>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n \n <!-- <div class=\"grid grid-cols-2 gap-4 mb-4\">-->\n <!-- <div class=\"bg-gray-50 p-2 rounded border border-gray-100\">-->\n <!-- <p class=\"text-xs text-gray-500 mb-1\">\u0646\u06cc\u0631\u0648\u0647\u0627\u06cc \u0641\u0639\u0627\u0644 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647<\/p>-->\n <!-- <p class=\"text-lg font-bold text-secondary\">\u06f3 \u062a\u06cc\u0645 <span class=\"text-xs font-normal text-green-600\">(\u0622\u0645\u0627\u062f\u0647)<\/span><\/p>-->\n <!-- <\/div>-->\n <!-- <div class=\"bg-gray-50 p-2 rounded border border-gray-100\">-->\n <!-- <p class=\"text-xs text-gray-500 mb-1\">\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0631\u0633\u06cc\u062f\u0646<\/p>-->\n <!-- <p class=\"text-lg font-bold text-secondary\">\u06f2\u06f0-\u06f3\u06f5 <span class=\"text-xs font-normal\">\u062f\u0642\u06cc\u0642\u0647<\/span><\/p>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n\n <!-- <div class=\"flex flex-col gap-3\">-->\n <!-- <a href=\"tel:09172626106\" class=\"btn-shine w-full bg-primary hover:bg-orange-600 text-white font-bold py-3 md:py-4 rounded-lg shadow-lg flex items-center justify-center text-lg\">-->\n <!-- <i class=\"fas fa-phone-volume ml-2 animate-pulse\"><\/i>-->\n <!-- \u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc \u062c\u0647\u062a \u0631\u0632\u0631\u0648-->\n <!-- <\/a>-->\n <!-- <p class=\"text-[10px] text-center text-gray-500\">-->\n <!-- <i class=\"fas fa-info-circle ml-1\"><\/i>-->\n <!-- \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f1 \u062f\u0642\u06cc\u0642\u0647-->\n <!-- <\/p>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n\n <!-- \u0633\u062a\u0648\u0646 \u0648\u06cc\u062f\u06cc\u0648 (\u0633\u0645\u062a \u0686\u067e \/ \u0628\u0627\u0644\u0627 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644) -->\n <!-- <div class=\"order-1 lg:order-2 relative\">-->\n <!-- \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u062a\u0632\u0626\u06cc\u0646\u06cc \u0627\u0637\u0631\u0627\u0641 \u0648\u06cc\u062f\u06cc\u0648 -->\n <!-- <div class=\"absolute -top-4 -right-4 w-24 h-24 border-t-4 border-r-4 border-orange-500 rounded-tr-3xl z-0 hidden md:block\"><\/div>-->\n <!-- <div class=\"absolute -bottom-4 -left-4 w-24 h-24 border-b-4 border-l-4 border-orange-500 rounded-bl-3xl z-0 hidden md:block\"><\/div>-->\n \n <!-- <div class=\"video-wrapper bg-black aspect-video relative z-10 group\" onclick=\"playDemoVideo()\">-->\n <!-- \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627\u0648\u0631 \u0648\u06cc\u062f\u06cc\u0648 -->\n <!-- <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1628177142898-93e36e4e3a50?auto=format&fit=crop&q=80&w=800\" alt=\"\u0646\u062d\u0648\u0647 \u0633\u0645\u067e\u0627\u0634\u06cc\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-60 transition duration-500\">-->\n \n <!-- \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u062a \u0631\u0648\u06cc \u0648\u06cc\u062f\u06cc\u0648 -->\n <!-- <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\"><\/div>-->\n \n <!-- \u0645\u062a\u0646 \u0631\u0648\u06cc \u0648\u06cc\u062f\u06cc\u0648 -->\n <!-- <div class=\"absolute bottom-4 right-4 text-white z-20\">-->\n <!-- <p class=\"font-bold text-lg\">\u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062a\u062e\u0635\u0635\u06cc\u0646 \u0645\u0627<\/p>-->\n <!-- <p class=\"text-xs text-gray-300\">\u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u0627\u0631 \u0648 \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/p>-->\n <!-- <\/div>-->\n\n <!-- \u062f\u06a9\u0645\u0647 \u067e\u0644\u06cc -->\n <!-- <div class=\"play-button\">-->\n <!-- <i class=\"fas fa-play ml-1\"><\/i>-->\n <!-- <\/div>-->\n \n <!-- \u0628\u0631\u0686\u0633\u0628 \"\u0648\u06cc\u062f\u06cc\u0648\" -->\n <!-- <div class=\"absolute top-4 left-4 bg-red-600 text-white text-[10px] font-bold px-2 py-1 rounded animate-pulse\">-->\n <!-- \u0641\u0648\u0631\u06cc !-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n \n <!-- \u06a9\u067e\u0634\u0646 \u0632\u06cc\u0631 \u0648\u06cc\u062f\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\n <!-- <div class=\"mt-4 flex items-center justify-center gap-4 text-white\/80 text-xs md:text-sm\">-->\n <!-- <div class=\"flex items-center\">-->\n <!-- <i class=\"fas fa-star text-yellow-400 ml-1\"><\/i>-->\n <!-- <span>\u06f4.\u06f9 \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc<\/span>-->\n <!-- <\/div>-->\n <!-- <div class=\"flex items-center\">-->\n <!-- <i class=\"fas fa-shield-alt text-green-400 ml-1\"><\/i>-->\n <!-- <span>\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0645\u062f\u0631\u0646<\/span>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/section>-->\n\n\n <!-- \u0628\u062e\u0634 \u062c\u062f\u06cc\u062f Hero (\u0648\u06cc\u062f\u06cc\u0648 + \u0641\u0648\u0631\u06cc\u062a) -->\n <section class=\"full-width-breakout hero-bg-gradient relative py-10 md:py-20 overflow-hidden\">\n <!-- \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u067e\u062a\u0631\u0646 -->\n <div class=\"absolute inset-0 bg-pattern\"><\/div>\n \n <!-- \u062d\u0628\u0627\u0628\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc -->\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-primary opacity-20 rounded-full blur-3xl mix-blend-screen animate-blob\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-blue-500 opacity-20 rounded-full blur-3xl mix-blend-screen animate-blob animation-delay-2000\"><\/div>\n\n <div class=\"container mx-auto px-4 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-16 items-center\">\n \n <!-- \u0633\u062a\u0648\u0646 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0641\u0648\u0631\u06cc\u062a (\u0633\u0645\u062a \u0631\u0627\u0633\u062a) -->\n <div class=\"order-2 lg:order-1 text-center lg:text-right\">\n <div class=\"inline-block bg-white\/10 backdrop-blur border border-white\/20 rounded-full px-4 py-1 text-orange-300 text-xs md:text-sm font-bold mb-6\">\n <i class=\"fas fa-bolt ml-1\"><\/i> \u0627\u0639\u0632\u0627\u0645 \u0641\u0648\u0631\u06cc \u0632\u06cc\u0631 \u06f1 \u0633\u0627\u0639\u062a\n <\/div>\n \n <h1 class=\"text-3xl md:text-5xl font-extrabold text-white mb-6 leading-tight\">\n \u062e\u0644\u0627\u0635 \u0634\u062f\u0646 \u0627\u0632 \u0634\u0631 \u062d\u0634\u0631\u0627\u062a <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-yellow-300\">\u0641\u0642\u0637 \u0628\u0627 \u06cc\u06a9 \u062a\u0645\u0627\u0633<\/span>\n <\/h1>\n \n <p class=\"text-gray-300 text-sm md:text-lg mb-8 leading-relaxed max-w-xl mx-auto lg:mx-0\">\n \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0645\u0648\u0645 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0628\u062f\u0648\u0646 \u0628\u0648 \u0648 \u0644\u06a9\u0647. \u0631\u06cc\u0634\u0647 \u06a9\u0646\u06cc \u0633\u0627\u0633\u060c \u0633\u0648\u0633\u06a9\u060c \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0648 \u0645\u0648\u0634 \u0628\u0627 \n <span class=\"text-white font-bold border-b border-primary\">\u0636\u0645\u0627\u0646\u062a \u06a9\u062a\u0628\u06cc \u06f1\u06f0\u06f0\u066a<\/span>.\n <\/p>\n\n <!-- \u0627\u0644\u0645\u0627\u0646 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0641\u0631\u0645 (\u067e\u0646\u0644 \u0648\u0636\u0639\u06cc\u062a \u0627\u0636\u0637\u0631\u0627\u0631\u06cc) -->\n <div class=\"urgency-card rounded-xl p-4 md:p-6 shadow-2xl mb-8 text-right transform hover:-translate-y-1 transition duration-300 relative overflow-hidden\">\n <!-- \u0646\u0648\u0627\u0631 \u0646\u0648\u0631\u06cc \u0645\u062a\u062d\u0631\u06a9 -->\n <div class=\"absolute top-0 right-0 w-1 h-full bg-gradient-to-b from-transparent via-red-500 to-transparent opacity-50\"><\/div>\n \n <div class=\"flex items-center justify-between mb-4 border-b border-gray-200 pb-2\">\n <span class=\"text-xs font-bold text-gray-500 uppercase tracking-wider\">\u0648\u0636\u0639\u06cc\u062a \u0627\u0639\u0632\u0627\u0645 \u0646\u06cc\u0631\u0648<\/span>\n <div class=\"flex items-center\">\n <span class=\"relative flex h-3 w-3 ml-2\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-3 w-3 bg-red-500\"><\/span>\n <\/span>\n <span class=\"text-red-600 font-bold text-sm\">\u062a\u0631\u0627\u0641\u06cc\u06a9 \u06a9\u0627\u0631\u06cc \u0628\u0627\u0644\u0627<\/span>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-4 mb-4\">\n <div class=\"bg-gray-50 p-2 rounded border border-gray-100\">\n <p class=\"text-xs text-gray-500 mb-1\">\u0646\u06cc\u0631\u0648\u0647\u0627\u06cc \u0641\u0639\u0627\u0644 \u062f\u0631 \u0645\u0646\u0637\u0642\u0647<\/p>\n <p class=\"text-lg font-bold text-secondary\" id=\"active-teams\">\u06f3 \u062a\u06cc\u0645 <span class=\"text-xs font-normal text-green-600\">(\u0622\u0645\u0627\u062f\u0647)<\/span><\/p>\n <\/div>\n <div class=\"bg-gray-50 p-2 rounded border border-gray-100\">\n <p class=\"text-xs text-gray-500 mb-1\">\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0631\u0633\u06cc\u062f\u0646<\/p>\n <p class=\"text-lg font-bold text-secondary\" id=\"arrival-time\">\u06f2\u06f0-\u06f3\u06f5 <span class=\"text-xs font-normal\">\u062f\u0642\u06cc\u0642\u0647<\/span><\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col gap-3\">\n <a href=\"tel:09172626106\" class=\"btn-shine w-full bg-primary hover:bg-orange-600 text-white font-bold py-3 md:py-4 rounded-lg shadow-lg flex items-center justify-center text-lg\">\n <i class=\"fas fa-phone-volume ml-2 animate-pulse\"><\/i>\n \u062a\u0645\u0627\u0633 \u0641\u0648\u0631\u06cc \u062c\u0647\u062a \u0631\u0632\u0631\u0648\n <\/a>\n <p class=\"text-[10px] text-center text-gray-500\">\n <i class=\"fas fa-info-circle ml-1\"><\/i>\n \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f1 \u062f\u0642\u06cc\u0642\u0647\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0633\u062a\u0648\u0646 \u0648\u06cc\u062f\u06cc\u0648 (\u0633\u0645\u062a \u0686\u067e \/ \u0628\u0627\u0644\u0627 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644) -->\n <div class=\"order-1 lg:order-2 relative video-container\">\n \n <!-- \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u062a\u0632\u0626\u06cc\u0646\u06cc \u0627\u0637\u0631\u0627\u0641 \u0648\u06cc\u062f\u06cc\u0648 -->\n <div class=\"absolute -top-4 -right-4 w-24 h-24 border-t-4 border-r-4 border-orange-500 rounded-tr-3xl z-0 hidden md:block\"><\/div>\n <div class=\"absolute -bottom-4 -left-4 w-24 h-24 border-b-4 border-l-4 border-orange-500 rounded-bl-3xl z-0 hidden md:block\"><\/div>\n \n <div class=\"video-wrapper bg-black aspect-video relative z-10 group\" id=\"video-wrapper\">\n \n <!-- 1. \u06a9\u0627\u0648\u0631 \u0648\u06cc\u062f\u06cc\u0648 (\u067e\u06cc\u0634 \u0641\u0631\u0636 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f) -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1628177142898-93e36e4e3a50?auto=format&fit=crop&q=80&w=800\" alt=\"\u0646\u062d\u0648\u0647 \u0633\u0645\u067e\u0627\u0634\u06cc\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-60 transition duration-500\" id=\"video-cover\">\n \n <!-- \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u062a \u0631\u0648\u06cc \u06a9\u0627\u0648\u0631 -->\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent\" id=\"cover-gradient\"><\/div>\n \n <!-- \u0645\u062a\u0646 \u0631\u0648\u06cc \u06a9\u0627\u0648\u0631 -->\n <div class=\"absolute bottom-4 right-4 text-white z-20\" id=\"cover-text\">\n <p class=\"font-bold text-lg\">\u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062a\u062e\u0635\u0635\u06cc\u0646 \u0645\u0627<\/p>\n <p class=\"text-xs text-gray-300\">\u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u0627\u0631 \u0648 \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/p>\n <\/div>\n\n <!-- \u062f\u06a9\u0645\u0647 \u067e\u0644\u06cc (\u067e\u06cc\u0634 \u0641\u0631\u0636 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f) -->\n <div class=\"play-button\" onclick=\"playDemoVideo()\">\n <i class=\"fas fa-play ml-1\"><\/i>\n <\/div>\n\n <!-- 2. \u062a\u06af \u0648\u06cc\u062f\u06cc\u0648 (\u0627\u06cc\u0646\u062c\u0627 \u0644\u06cc\u0646\u06a9 \u0648\u06cc\u062f\u06cc\u0648\u06cc \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f) -->\n <!-- \u062a\u0648\u062c\u0647: \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627\u06cc \u0648\u06cc\u062f\u06cc\u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0645\u062e\u0641\u06cc \u0647\u0633\u062a\u0646\u062f \u062a\u0627 \u062a\u062c\u0631\u0628\u0647 \u062a\u0645\u06cc\u0632\u062a\u0631\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648\u0627\u0642\u0639\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f 'controls' \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. -->\n <video id=\"actual-video\" class=\"w-full h-full object-cover absolute top-0 left-0\" src=\"http:\/\/saygol.com\/wp-content\/uploads\/2025\/12\/ads.mp4\" playsinline muted>\n <!-- \u0644\u0637\u0641\u0627\u064b \u0644\u06cc\u0646\u06a9 \u0648\u06cc\u062f\u06cc\u0648\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f: VIDEOLINK_HERE -->\n Your browser does not support the video tag.\n <\/video>\n\n <!-- \u0628\u0631\u0686\u0633\u0628 \"\u0648\u06cc\u062f\u06cc\u0648\" \u0631\u0648\u06cc \u06a9\u0627\u0648\u0631 -->\n <div class=\"absolute top-4 left-4 bg-red-600 text-white text-[10px] font-bold px-2 py-1 rounded animate-pulse\" id=\"cover-badge\">\n \u0641\u0648\u0631\u06cc\n <\/div>\n <\/div>\n \n <!-- \u06a9\u067e\u0634\u0646 \u0632\u06cc\u0631 \u0648\u06cc\u062f\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\n <div class=\"mt-4 flex items-center justify-center gap-4 text-white\/80 text-xs md:text-sm\">\n <div class=\"flex items-center\">\n <i class=\"fas fa-star text-yellow-400 ml-1\"><\/i>\n <span>\u06f4.\u06f9 \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-shield-alt text-green-400 ml-1\"><\/i>\n <span>\u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0645\u062f\u0631\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc (Hero) -->\n <section class=\"full-width-breakout hero-bg text-white py-16 md:py-24 relative\">\n <div class=\"container mx-auto px-4 text-center\">\n <span class=\"bg-orange-500 text-white px-4 py-1 rounded-full text-sm font-bold mb-4 inline-block\">\u062e\u062f\u0645\u0627\u062a \u0641\u0648\u0631\u06cc \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0634\u06cc\u0631\u0627\u0632<\/span>\n <h2 class=\"text-3xl md:text-5xl font-extrabold mb-6 leading-tight\">\n \u0631\u06cc\u0634\u0647\u200c\u06a9\u0646\u06cc \u0642\u0637\u0639\u06cc <span class=\"text-orange-400\">\u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u06cc\u0634\u0645\u06cc\u0632)<\/span> <br> \u0628\u0627 \u0636\u0645\u0627\u0646\u062a\u200c\u0646\u0627\u0645\u0647 \u06a9\u062a\u0628\u06cc\n <\/h2>\n <p class=\"text-lg md:text-xl mb-8 max-w-2xl mx-auto text-gray-200\">\u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062a\u062e\u0644\u06cc\u0647 \u0645\u0646\u0632\u0644\u060c \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0637\u0639\u0645\u0647 \u06af\u0630\u0627\u0631\u06cc \u0648 \u062f\u0631\u06cc\u0644\u06cc\u0646\u06af.\n <br>\n \u062d\u0641\u0638 \u0633\u0644\u0627\u0645\u062a \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0634\u0645\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u0645\u0627\u0633\u062a.\n <\/p>\n <p class=\"text-lg md:text-xl mb-8 max-w-2xl mx-auto text-gray-200\">\u0637\u0639\u0645\u0647 \u06af\u0630\u0627\u0631\u06cc \u0627\u0631\u06af\u0627\u0646\u06cc\u06a9 \u0627\u0635\u0644 \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc \u0648 \u062f\u0631\u06cc\u0644\u06cc\u0646\u06af <\/p>\n <p class=\"text-lg md:text-xl mb-8 max-w-2xl mx-auto text-gray-200\">\u0633\u0645\u0648\u0645 \u0634\u0631\u06a9\u062a \u0633\u0627\u06cc\u06af\u0644 \u0628\u0627 \u0633\u0645\u0648\u0645 \u0628\u0627\u0632\u0627\u0631 \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0633\u062a \u0648 \u0639\u0644\u06cc\u0647 \u0647\u0631 \u062d\u0634\u0631\u0647 \u0633\u0645 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u06af\u0631\u062f\u062f <\/p>\n \n <div class=\"flex flex-col md:flex-row justify-center gap-4\">\n <a href=\"tel:09172626106\" class=\"bg-primary hover:bg-orange-600 text-white text-xl font-bold py-4 px-10 rounded-full shadow-xl transition duration-300 pulse-btn flex items-center justify-center\">\n <i class=\"fas fa-phone ml-2\"><\/i>\n \u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u0628\u0627\u0632\u062f\u06cc\u062f \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/a>\n \n <\/div>\n\n <!-- Trust Badges -->\n <div class=\"mt-12 flex flex-wrap justify-center gap-6 md:gap-12 opacity-90\">\n <div class=\"flex items-center\">\n <i class=\"fas fa-certificate text-yellow-400 text-2xl ml-2\"><\/i>\n <span>\u062f\u0627\u0631\u0627\u06cc \u0645\u062c\u0648\u0632 \u0631\u0633\u0645\u06cc<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-file-contract text-yellow-400 text-2xl ml-2\"><\/i>\n <span>\u0636\u0645\u0627\u0646\u062a\u200c\u0646\u0627\u0645\u0647 \u06a9\u062a\u0628\u06cc<\/span>\n <\/div>\n <div class=\"flex items-center\">\n <i class=\"fas fa-clock text-yellow-400 text-2xl ml-2\"><\/i>\n <span>\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0634\u0628\u0627\u0646\u0647\u200c\u0631\u0648\u0632\u06cc<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Wave Divider -->\n \n <\/section>\n <!-- \u062e\u062f\u0645\u0627\u062a \u0645\u0627 -->\n <section class=\"full-width-breakout bg-gray-100 py-16\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-secondary mb-3\">\n \u0634\u0631\u06a9\u062a \u0633\u0645\u067e\u0627\u0634\u06cc \u062a\u0636\u0645\u06cc\u0646\u06cc \u0633\u0627\u06cc\u06af\u0644 <\/h2> <p class=\"text-gray-600\">\u067e\u0648\u0634\u0634 \u0633\u0631\u0627\u0633\u0631\u06cc \u062a\u0645\u0627\u0645\u06cc \u0645\u0646\u0627\u0637\u0642 \u062c\u0646\u0648\u0628 \u06a9\u0634\u0648\u0631 (\u0641\u0627\u0631\u0633\u060c\u0628\u0648\u0634\u0647\u0631 \u0648 \u062e\u0648\u0632\u0633\u062a\u0627\u0646)<\/p> <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <!-- Service 1 -->\n <div class=\"bg-white p-8 rounded-xl shadow-md hover:shadow-xl transition duration-300 border-b-4 border-primary text-center\">\n <div class=\"w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-6\">\n <i class=\"fas fa-bug text-3xl text-primary\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u0631\u06cc\u0634\u0647\u200c\u06a9\u0646\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u06cc\u0634\u0645\u06cc\u0632)<\/h3> <p class=\"text-gray-600 text-sm mb-4\">\u0637\u0639\u0645\u0647 \u06af\u0630\u0627\u0631\u06cc \u0627\u0631\u06af\u0627\u0646\u06cc\u06a9 \u0627\u0635\u0644 \u0627\u0631\u0648\u067e\u0627\u06cc\u06cc \u0648 \u062f\u0631\u06cc\u0644\u06cc\u0646\u06af.<\/p>\n <\/div>\n\n <!-- Service 2 -->\n <div class=\"bg-white p-8 rounded-xl shadow-md hover:shadow-xl transition duration-300 border-b-4 border-secondary text-center\">\n <div class=\"w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6\">\n <i class=\"fas fa-spray-can text-3xl text-secondary\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u0633\u0645\u067e\u0627\u0634\u06cc \u0633\u0648\u0633\u06a9 \u060c\u0633\u0627\u0633 \u060c\u0628\u06cc\u062f \u0641\u0631\u0634 \u060c \u06a9\u0646\u0647 \u06a9\u0628\u0648\u062a\u0631 \u0648...<\/h3> <p class=\"text-gray-600 text-sm mb-4\">\u0627\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0645\u0648\u0645 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0628\u062f\u0648\u0646 \u0628\u0648 \u0648 \u0644\u06a9\u0647<\/p> <\/div>\n\n <!-- Service 3 -->\n <div class=\"bg-white p-8 rounded-xl shadow-md hover:shadow-xl transition duration-300 border-b-4 border-primary text-center\">\n <div class=\"w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-6\">\n <i class=\"fas fa-shield-virus text-3xl text-primary\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\"> \u0637\u0639\u0645\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0648 \u067e\u06cc\u0634\u06af\u06cc\u0631\u06cc \u0639\u0644\u06cc\u0647 \u0645\u0648\u0634<\/h3>\n <p class=\"text-gray-600 text-sm mb-4\">\u0627\u06cc\u0645\u0646 \u0633\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637 \u0639\u0644\u06cc\u0647 \u0645\u0648\u0634 \u0648 \u062c\u0648\u0646\u062f\u06af\u0627\u0646 \u0628\u0627 \u0637\u0639\u0645\u0647 \u0647\u0627\u06cc \u062f\u0627\u0641\u0639 \u0648 \u062c\u0627\u0630\u0628 \u062c\u0647\u062a \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0633\u0627\u062e\u062a\u0645\u0627\u0646<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 CTA \u0645\u06cc\u0627\u0646\u06cc -->\n <!--<section class=\"full-width-breakout py-16 bg-secondary text-white relative overflow-hidden\" id=\"contact-form\">-->\n <!-- <div class=\"container mx-auto px-4 relative z-10\">-->\n <!-- <div class=\"grid md:grid-cols-2 gap-12 items-center\">-->\n <!-- <div>-->\n <!-- <h2 class=\"text-3xl font-bold mb-4\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f<\/h2>-->\n <!-- <p class=\"mb-6 opacity-90\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f1\u06f5 \u062f\u0642\u06cc\u0642\u0647 \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u062a\u0627 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0642\u0637\u0639\u06cc \u0645\u0634\u06a9\u0644 \u0634\u0645\u0627 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f.<\/p>-->\n <!-- <ul class=\"space-y-4 mb-8\">-->\n <!-- <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-green-400 ml-3\"><\/i> \u0628\u0627\u0632\u062f\u06cc\u062f \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0632 \u0645\u062d\u0644<\/li>-->\n <!-- <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-green-400 ml-3\"><\/i> \u062a\u0634\u062e\u06cc\u0635 \u0645\u06cc\u0632\u0627\u0646 \u0622\u0644\u0648\u062f\u06af\u06cc<\/li>-->\n <!-- <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-green-400 ml-3\"><\/i> \u0627\u0639\u0644\u0627\u0645 \u0642\u06cc\u0645\u062a \u062f\u0642\u06cc\u0642 \u0648 \u0634\u0641\u0627\u0641<\/li>-->\n <!-- <\/ul>-->\n <!-- <div class=\"hidden md:block\">-->\n <!-- <p class=\"text-sm mb-2\">\u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a (\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639):<\/p>-->\n <!-- <a href=\"tel:09172626106\" class=\"text-3xl font-bold text-orange-400 hover:text-white transition block mb-2\" dir=\"ltr\">0917-262-6106<\/a>-->\n \n <!-- \u0633\u0627\u06cc\u0631 \u0634\u0645\u0627\u0631\u0647\u200c\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u06cc\u0632\u062a\u0631 -->\n <!-- <div class=\"text-sm text-gray-300 mt-4 border-t border-blue-800 pt-3\">-->\n <!-- <p class=\"mb-2\">\u0633\u0627\u06cc\u0631 \u062e\u0637\u0648\u0637 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc:<\/p>-->\n <!-- <div class=\"flex flex-col gap-1\" dir=\"ltr\">-->\n <!-- <a href=\"tel:09173180257\" class=\"hover:text-white transition\">0917-318-0257<\/a>-->\n <!-- <a href=\"tel:09026333622\" class=\"hover:text-white transition\">0902-633-3622<\/a>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n \n <!-- <div class=\"bg-white text-gray-800 p-8 rounded-2xl shadow-2xl\">-->\n <!-- <h3 class=\"text-xl font-bold text-center mb-6\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0627\u0639\u0632\u0627\u0645 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633<\/h3>-->\n <!-- \u0641\u0631\u0645 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 AJAX -->\n <!-- <form id=\"leadForm\" onsubmit=\"handleFormSubmit(event)\">-->\n <!-- <div class=\"mb-4\">-->\n <!-- <label class=\"block text-sm font-bold mb-2 text-gray-600\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/label>-->\n <!-- name attribute added for backend handling -->\n <!-- <input type=\"text\" name=\"full_name\" class=\"w-full px-4 py-3 rounded-lg bg-gray-100 border focus:border-primary focus:bg-white outline-none transition\" placeholder=\"\u0645\u062b\u0644\u0627: \u0639\u0644\u06cc \u0645\u062d\u0645\u062f\u06cc\" required>-->\n <!-- <\/div>-->\n <!-- <div class=\"mb-4\">-->\n <!-- <label class=\"block text-sm font-bold mb-2 text-gray-600\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633<\/label>-->\n <!-- name attribute added for backend handling -->\n <!-- <input type=\"tel\" name=\"phone_number\" class=\"w-full px-4 py-3 rounded-lg bg-gray-100 border focus:border-primary focus:bg-white outline-none transition\" placeholder=\"\u0645\u062b\u0644\u0627: 0917...\" required>-->\n <!-- <\/div>-->\n <!-- <div class=\"mb-6\">-->\n <!-- <label class=\"block text-sm font-bold mb-2 text-gray-600\">\u0646\u0648\u0639 \u0645\u0634\u06a9\u0644<\/label>-->\n <!-- name attribute added for backend handling -->\n <!-- <select name=\"service_type\" class=\"w-full px-4 py-3 rounded-lg bg-gray-100 border focus:border-primary focus:bg-white outline-none transition\">-->\n <!-- <option value=\"\u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u0634\u0645\u06cc\u0632)\">\u0633\u0645\u067e\u0627\u0634\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u0634\u0645\u06cc\u0632)<\/option>-->\n <!-- <option value=\"\u0633\u0648\u0633\u06a9\">\u0633\u0645\u067e\u0627\u0634\u06cc \u0633\u0648\u0633\u06a9<\/option>-->\n <!-- <option value=\"\u0633\u0627\u0633\">\u0633\u0645\u067e\u0627\u0634\u06cc \u0633\u0627\u0633<\/option>-->\n <!-- <option value=\"\u0633\u0627\u06cc\u0631\">\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f<\/option>-->\n <!-- <\/select>-->\n <!-- <\/div>-->\n <!-- <button type=\"submit\" id=\"submitBtn\" class=\"w-full bg-primary hover:bg-orange-600 text-white font-bold py-3 rounded-lg shadow-lg transition duration-300\">-->\n <!-- \u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0631\u0627\u06cc\u06af\u0627\u0646-->\n <!-- <\/button>-->\n <!-- <\/form>-->\n \n <!-- <div id=\"form-success\" class=\"hidden mt-4 bg-green-100 text-green-700 p-3 rounded-lg text-center text-sm border border-green-200\">-->\n <!-- <i class=\"fas fa-check-circle ml-1\"><\/i>-->\n <!-- \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u0628\u0647 \u0632\u0648\u062f\u06cc \u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u0645.-->\n <!-- <\/div>-->\n \n <!-- <div id=\"form-error\" class=\"hidden mt-4 bg-red-100 text-red-700 p-3 rounded-lg text-center text-sm border border-red-200\">-->\n <!-- <i class=\"fas fa-times-circle ml-1\"><\/i>-->\n <!-- \u062e\u0637\u0627 \u062f\u0631 \u0627\u0631\u0633\u0627\u0644. \u0644\u0637\u0641\u0627 \u0628\u0627 \u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!-- <\/div>-->\n <!--<\/section>-->\n\n <!-- \u0686\u0631\u0627 \u0645\u0627\u061f (Trust Signals) -->\n <section class=\"full-width-breakout bg-white py-16\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-3xl font-bold text-center text-secondary mb-12\">\u0686\u0631\u0627 \u0647\u0645\u0634\u0647\u0631\u06cc\u0627\u0646 \u0634\u06cc\u0631\u0627\u0632\u06cc \u0645\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061f<\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\n <div class=\"p-4\">\n <i class=\"fas fa-user-shield text-5xl text-gray-300 mb-4 block mx-auto\"><\/i> <h4 class=\"font-bold mb-2\"> \u0631\u0636\u0627\u06cc\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/h4> <p class=\"text-sm text-gray-500\">\u062a\u0645\u0627\u0645\u06cc \u0631\u0636\u0627\u06cc\u062a \u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062f\u0631 \u0633\u0627\u06cc\u062a \u0633\u0627\u06cc\u06af\u0644 \u0642\u0627\u0628\u0644 \u0627\u0631\u0627\u0626\u0647 \u0627\u0633\u062a<\/p>\n \n <\/div>\n <div class=\"p-4\"> <i class=\"fas fa-tools text-5xl text-gray-300 mb-4 block mx-auto\"><\/i> <h4 class=\"font-bold mb-2\">\u0628\u062f\u0648\u0646 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0648\u0633\u0627\u06cc\u0644 <\/h4> <p class=\"text-sm text-gray-500\">\u0646\u06af\u0631\u0627\u0646\u06cc \u0627\u0632 \u0628\u0627\u0628\u062a \u062c\u0627\u0628\u062c\u0627 \u0634\u062f\u0646 \u0648\u0633\u0627\u06cc\u0644 \u062e\u0648\u062f \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f<\/p>\n <\/div>\n <div class=\"p-4\"> <i class=\"fas fa-hand-holding-usd text-5xl text-gray-300 mb-4 block mx-auto\"><\/i> <h4 class=\"font-bold mb-2\">\u0628\u0627\u0632\u062f\u06cc\u062f \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 <\/h4> <p class=\"text-sm text-gray-500\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u0633\u0631\u06cc\u0639 \u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u062f\u0631 \u062e\u062f\u0645\u062a \u0634\u0645\u0627 \u0647\u0633\u062a\u0646\u062f<\/p>\n <\/div>\n <div class=\"p-4\"> <i class=\"fas fa-hand-holding-usd text-5xl text-gray-300 mb-4 block mx-auto\"><\/i> <h4 class=\"font-bold mb-2\">\u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635 \u0648 \u0645\u062c\u0631\u0628 <\/h4> <p class=\"text-sm text-gray-500\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633 \u062d\u0634\u0631\u0647 \u0634\u0646\u0627\u0633\u06cc\u060c \u0628\u0647\u062f\u0627\u0634\u062a \u0645\u062d\u06cc\u0637 \u060c \u06af\u06cc\u0627\u0647\u067e\u0632\u0634\u06a9\u06cc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 -->\n <section class=\"full-width-breakout bg-gray-100 py-16\">\n <div class=\"container mx-auto px-4 max-w-3xl\">\n <h2 class=\"text-3xl font-bold text-center text-secondary mb-8\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0634\u0645\u0627<\/h2>\n \n <div class=\"space-y-4\">\n <!-- FAQ Item 1 -->\n <div class=\"bg-white rounded-lg shadow-sm cursor-pointer faq-item\">\n <div class=\"p-5 flex justify-between items-center border-b border-gray-100\">\n <h3 class=\"font-bold text-gray-800\">\u0622\u06cc\u0627 \u0628\u0631\u0627\u06cc \u0633\u0645\u067e\u0627\u0634\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062a\u062e\u0644\u06cc\u0647 \u062e\u0627\u0646\u0647 \u0627\u0633\u062a\u061f<\/h3>\n <i class=\"fas fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\n <\/div>\n <div class=\"faq-answer p-5 text-gray-600 bg-gray-50 border-t\">\n \u062e\u06cc\u0631\u060c \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0645\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u062a\u062e\u0644\u06cc\u0647 \u06a9\u0627\u0645\u0644 \u0645\u0646\u0632\u0644 \u0646\u062f\u0627\u0631\u062f. \u0633\u0645\u0648\u0645 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u062f\u0648\u0646 \u0628\u0648 \u0648 \u0627\u06cc\u0645\u0646 \u0647\u0633\u062a\u0646\u062f \u0648 \u0639\u0645\u0644\u06cc\u0627\u062a \u0628\u0627 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u062d\u0645\u062a \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.\n <\/div>\n <\/div>\n\n <!-- FAQ Item 2 -->\n <div class=\"bg-white rounded-lg shadow-sm cursor-pointer faq-item\">\n <div class=\"p-5 flex justify-between items-center border-b border-gray-100\">\n <h3 class=\"font-bold text-gray-800\">\u0636\u0645\u0627\u0646\u062a \u0646\u0627\u0645\u0647 \u06a9\u062a\u0628\u06cc \u0634\u0627\u0645\u0644 \u0686\u0647 \u0645\u0648\u0627\u0631\u062f\u06cc \u0627\u0633\u062a\u061f<\/h3>\n <i class=\"fas fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\n <\/div>\n <div class=\"faq-answer p-5 text-gray-600 bg-gray-50 border-t\">\n \u0645\u0627 \u062a\u0645\u0627\u0645 \u062e\u062f\u0645\u0627\u062a\u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0632\u062f\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u062a\u0628\u06cc \u0634\u0631\u06a9\u062a\u06cc \u0645\u0627\u062f\u0627\u0645 \u0627\u0644\u0639\u0645\u0631 \u0628\u062f\u0648\u0646 \u0642\u06cc\u062f \u0648 \u0634\u0631\u0637 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645. \u062f\u0631 \u0635\u0648\u0631\u062a \u0628\u0627\u0632\u06af\u0634\u062a \u0645\u0634\u06a9\u0644 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062f\u062a\u060c \u0633\u0645\u067e\u0627\u0634\u06cc \u0645\u062c\u062f\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0646\u062c\u0627\u0645 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.\n <\/div>\n <\/div>\n\n <!-- FAQ Item 3 -->\n <div class=\"bg-white rounded-lg shadow-sm cursor-pointer faq-item\">\n <div class=\"p-5 flex justify-between items-center border-b border-gray-100\">\n <h3 class=\"font-bold text-gray-800\">\u0647\u0632\u06cc\u0646\u0647 \u0633\u0645\u067e\u0627\u0634\u06cc \u0686\u0642\u062f\u0631 \u0627\u0633\u062a\u061f<\/h3>\n <i class=\"fas fa-chevron-down text-gray-400 transition-transform duration-300\"><\/i>\n <\/div>\n <div class=\"faq-answer p-5 text-gray-600 bg-gray-50 border-t\">\n \u0647\u0632\u06cc\u0646\u0647 \u0628\u0633\u062a\u06af\u06cc \u0628\u0647 \u0645\u062a\u0631\u0627\u0698\u060c \u0646\u0648\u0639 \u0622\u0641\u062a \u0648 \u0634\u062f\u062a \u0622\u0644\u0648\u062f\u06af\u06cc \u062f\u0627\u0631\u062f. \u0628\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\u060c \u0642\u06cc\u0645\u062a \u062f\u0642\u06cc\u0642 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0639\u0644\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"full-width-breakout bg-gray-900 text-gray-300 py-10 mb-16 md:mb-0 border-t border-gray-800\">\n <div class=\"container mx-auto px-4\">\n <div class=\"grid md:grid-cols-3 gap-8 text-center md:text-right\">\n \n <!-- Brand & Address -->\n <div class=\"flex flex-col items-center md:items-start\">\n <div class=\"mb-4\">\n <i class=\"fas fa-shield-alt text-4xl text-orange-500 mb-2\"><\/i>\n <h3 class=\"font-bold text-white text-lg\">\n \u0634\u0631\u06a9\u062a \u0633\u0644\u0627\u0645\u062a \u0645\u062d\u0648\u0631 \u0633\u0627\u06cc\u06af\u0644\n <\/h3>\n <\/div>\n <div class=\"text-sm leading-7\">\n <p class=\"mb-2\"><i class=\"fas fa-map-marker-alt ml-2 text-primary\"><\/i> <strong>\u0622\u062f\u0631\u0633:<\/strong> \u0634\u06cc\u0631\u0627\u0632\u060c \u0645\u0639\u0627\u0644\u06cc \u0622\u0628\u0627\u062f\u060c \u0646\u0628\u0634 \u062e\u06cc\u0627\u0628\u0627\u0646 \u0631\u0647\u0628\u0631\u0645\u0627\u0647\u060c \u0637\u0628\u0642\u0647 \u0627\u0648\u0644 \u0628\u0627\u0646\u06a9 \u0645\u0633\u06a9\u0646<\/p>\n <p>\u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f\u0647 \u062e\u062f\u0645\u0627\u062a \u0633\u0645\u067e\u0627\u0634\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647\u060c \u0633\u0648\u0633\u06a9 \u0648 \u062d\u0634\u0631\u0627\u062a \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0627\u0633\u062a\u0627\u0646 \u0641\u0627\u0631\u0633.<\/p>\n <\/div>\n <\/div>\n\n <!-- Phone Numbers -->\n <div class=\"flex flex-col items-center md:items-start\">\n <h4 class=\"font-bold text-white text-lg mb-4 border-b-2 border-primary inline-block pb-1\">\u0634\u0645\u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u062a\u0645\u0627\u0633<\/h4>\n <div class=\"space-y-3\" dir=\"ltr\">\n <a href=\"tel:09172626106\" class=\"flex items-center hover:text-white transition group\">\n <span class=\"font-bold text-lg text-white group-hover:text-primary\">0917-262-6106<\/span>\n <i class=\"fas fa-phone ml-2 text-primary\"><\/i>\n <\/a>\n <a href=\"tel:09173180257\" class=\"flex items-center hover:text-white transition\">\n <span>0917-318-0257<\/span>\n <i class=\"fas fa-phone ml-2 text-gray-500\"><\/i>\n <\/a>\n <a href=\"tel:09026333622\" class=\"flex items-center hover:text-white transition\">\n <span>0902-633-3622<\/span>\n <i class=\"fas fa-phone ml-2 text-gray-500\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Quick Links\/Social -->\n <div class=\"flex flex-col items-center md:items-start\">\n <h4 class=\"font-bold text-white text-lg mb-4 border-b-2 border-primary inline-block pb-1\">\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/h4>\n <a href=\"https:\/\/wa.me\/989172626106\" class=\"bg-green-600 hover:bg-green-700 text-white py-2 px-6 rounded-lg flex items-center transition mb-3\">\n <i class=\"fab fa-whatsapp text-2xl ml-2\"><\/i>\n \u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645 \u062f\u0631 \u0648\u0627\u062a\u0633\u0627\u067e\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"border-t border-gray-800 mt-8 pt-8 text-center text-xs text-gray-500\">\n © 2023 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0628\u0631\u0627\u06cc \u0645\u0631\u06a9\u0632 \u0633\u0645\u067e\u0627\u0634\u06cc \u0634\u06cc\u0631\u0627\u0632 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Enhanced Sticky Mobile CTA Buttons (Modern & Attractive) -->\n <div class=\"md:hidden fixed bottom-0 left-0 w-full z-50 p-3 bg-white\/95 backdrop-blur-md shadow-[0_-5px_20px_rgba(0,0,0,0.15)] border-t border-gray-100 flex gap-3 items-center\">\n \n <!-- WhatsApp Button (Main Number) -->\n <a href=\"https:\/\/wa.me\/989172626106\" class=\"flex-1 bg-[#25D366] hover:bg-[#128C7E] text-white rounded-xl py-2.5 flex flex-col items-center justify-center transition-all duration-300 shadow-md active:scale-95 group\">\n <i class=\"fab fa-whatsapp text-2xl mb-0.5 group-hover:rotate-12 transition-transform\"><\/i>\n <span class=\"text-[11px] font-bold\">\u0648\u0627\u062a\u0633\u0627\u067e<\/span>\n <\/a>\n \n <!-- Call Button (Main Number - Prominent) -->\n <a href=\"tel:09172626106\" class=\"flex-[1.5] bg-gradient-to-r from-orange-500 to-red-600 text-white rounded-xl py-2 flex items-center justify-between px-4 transition-all duration-300 shadow-lg shadow-orange-200\/50 btn-shine active:scale-95\">\n <div class=\"flex flex-col items-start\">\n <span class=\"text-xs opacity-90 font-light\">\u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645<\/span>\n <span class=\"text-lg font-black tracking-wide\" dir=\"ltr\">0917-262-6106<\/span>\n <\/div>\n <div class=\"bg-white\/20 p-2 rounded-full animate-pulse-slow\">\n <i class=\"fas fa-phone-volume text-xl\"><\/i>\n <\/div>\n <\/a>\n\n <\/div>\n\n <script>\n \n \/\/ --- \u0641\u0627\u0646\u06a9\u0634\u0646 \u0627\u0635\u0644\u06cc \u067e\u062e\u0634 \u0648\u06cc\u062f\u06cc\u0648 ---\n function playDemoVideo() {\n \/\/ \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc HTML\n const videoElement = document.getElementById('actual-video');\n const coverImage = document.getElementById('video-cover');\n const playButton = document.querySelector('.play-button');\n const coverText = document.getElementById('cover-text');\n const coverGradient = document.getElementById('cover-gradient');\n const coverBadge = document.getElementById('cover-badge');\n\n \/\/ 1. \u0646\u0645\u0627\u06cc\u0634 \u062a\u06af \u0648\u06cc\u062f\u06cc\u0648\n videoElement.style.display = 'block';\n \n \/\/ 2. \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u06a9\u0627\u0648\u0631\n coverImage.style.display = 'none';\n playButton.style.display = 'none';\n coverText.style.display = 'none';\n coverGradient.style.display = 'none';\n coverBadge.style.display = 'none';\n\n \/\/ 3. \u0634\u0631\u0648\u0639 \u067e\u062e\u0634\n \/\/ \u0647\u0645\u0686\u0646\u06cc\u0646 \u062d\u0627\u0644\u062a 'muted' \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u062f\u0627\u0631\u06cc\u0645 \u062a\u0627 \u0635\u062f\u0627 \u067e\u062e\u0634 \u0634\u0648\u062f (\u0627\u06af\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u062f)\n videoElement.muted = false; \n videoElement.play().catch(error => {\n \/\/ \u0627\u06af\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0633\u06cc\u0627\u0633\u062a\u200c\u0647\u0627\u06cc Autoplay \u0646\u062a\u0648\u0627\u0646\u0633\u062a \u067e\u062e\u0634 \u06a9\u0646\u062f\n console.error(\"Video Playback Failed:\", error);\n \n \/\/ \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u062a\u0627 \u062e\u0648\u062f\u0634 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u062f\n videoElement.setAttribute('controls', 'true');\n \n \/\/ \u062f\u0631 \u0645\u062d\u06cc\u0637 \u0648\u0627\u0642\u0639\u06cc\u060c \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u06cc\u06a9 \u067e\u06cc\u0627\u0645 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f\n \/\/ \u0627\u0645\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0641\u0642\u0637 \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627 \u0631\u0627 \u0641\u0639\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\n });\n }\n \/\/ --- \u067e\u0627\u06cc\u0627\u0646 \u0641\u0627\u0646\u06a9\u0634\u0646 \u0627\u0635\u0644\u06cc \u067e\u062e\u0634 \u0648\u06cc\u062f\u06cc\u0648 ---\n\n\n \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0648\u0644\u06cc\u0647: \u0645\u0637\u0645\u0626\u0646 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u06a9\u0647 \u062a\u06af \u0648\u06cc\u062f\u06cc\u0648 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0645\u062e\u0641\u06cc \u0628\u0627\u0634\u062f\n document.addEventListener('DOMContentLoaded', () => {\n const videoElement = document.getElementById('actual-video');\n \/\/ \u0645\u0637\u0645\u0626\u0646 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u06a9\u0647 \u0648\u06cc\u062f\u06cc\u0648 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0645\u062e\u0641\u06cc \u0628\u0627\u0634\u062f \u062a\u0627 \u06a9\u0627\u0648\u0631 \u062f\u06cc\u062f\u0647 \u0634\u0648\u062f\n videoElement.style.display = 'none'; \n \/\/ \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644\u200c\u0647\u0627 \u0628\u0627 \u0644\u0645\u0633 \u06a9\u0627\u0631 \u06a9\u0646\u062f\u060c \u0628\u0647 \u062c\u0627\u06cc 'video-wrapper' \u062f\u06a9\u0645\u0647 'play-button' \u0631\u0627 \u0647\u062f\u0641 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u06cc\u0645.\n });\n\n \n <\/script>\n <!-- Scripts -->\n <script>\n $(document).ready(function() {\n \n \n \/\/ FAQ Accordion\n $('.faq-item').click(function() {\n const answer = $(this).find('.faq-answer');\n const icon = $(this).find('.fa-chevron-down');\n \n \/\/ Close others\n $('.faq-answer').not(answer).slideUp();\n $('.fa-chevron-down').not(icon).css('transform', 'rotate(0deg)');\n \n \/\/ Toggle current\n answer.slideToggle();\n if (answer.is(':visible')) {\n icon.css('transform', 'rotate(0deg)');\n } else {\n icon.css('transform', 'rotate(180deg)'); \/\/ Just toggled so logic inverted due to slide lag, simpler to just toggle class\n }\n \n \/\/ Fix icon rotation logic simpler\n $(this).toggleClass('active');\n if($(this).hasClass('active')){\n icon.css('transform', 'rotate(180deg)');\n } else {\n icon.css('transform', 'rotate(0deg)');\n }\n $('.faq-item').not(this).removeClass('active');\n });\n\n \/\/ Smooth Scroll for anchor links\n $('a[href^=\"#\"]').on('click', function(e) {\n e.preventDefault();\n var target = this.hash;\n var $target = $(target);\n $('html, body').stop().animate({\n 'scrollTop': $target.offset().top - 80\n }, 900, 'swing');\n });\n });\n\n \/\/ Form handling with WordPress AJAX\n function handleFormSubmit(event) {\n event.preventDefault();\n \n \/\/ UI References\n const $form = $('#leadForm');\n const $btn = $('#submitBtn');\n const $successMsg = $('#form-success');\n const $errorMsg = $('#form-error');\n \n \/\/ Set loading state\n $btn.addClass('btn-loading').prop('disabled', true);\n $successMsg.hide();\n $errorMsg.hide();\n\n \/\/ Prepare Data for WordPress AJAX\n \/\/ Note: In Elementor\/WP, ajaxurl is usually global. If not, we define relative path.\n const ajaxEndpoint = (typeof ajaxurl !== 'undefined') ? ajaxurl : '\/wp-admin\/admin-ajax.php';\n \n \/\/ Using FormData to grab all fields easily\n const formData = new FormData(event.target);\n formData.append('action', 'submit_pest_control'); \/\/ Must match the action in PHP add_action\n\n $.ajax({\n url: ajaxEndpoint,\n type: 'POST',\n data: formData,\n processData: false, \/\/ Required for FormData\n contentType: false, \/\/ Required for FormData\n success: function(response) {\n $btn.removeClass('btn-loading').prop('disabled', false);\n if(response.success) {\n $form.trigger('reset');\n $successMsg.fadeIn().delay(5000).fadeOut();\n \n \/\/ Conversion Tracking (Optional)\n if(typeof gtag !== 'undefined') {\n \/\/ gtag('event', 'conversion', {'send_to': 'AW-XXXXXX\/YYYYYYYY'});\n }\n } else {\n $errorMsg.fadeIn();\n }\n },\n error: function(xhr, status, error) {\n $btn.removeClass('btn-loading').prop('disabled', false);\n console.error(\"AJAX Error:\", error);\n \n \/\/ Fallback for demo purposes (if PHP is not set up yet)\n \/\/ Remove this else block in production if you only want it to work with PHP\n if(xhr.status === 404 || xhr.status === 400) {\n \/\/ Just simulate success for UI demo if backend endpoint is missing\n $form.trigger('reset');\n $successMsg.text('\u067e\u06cc\u0627\u0645 (\u0628\u0647 \u0635\u0648\u0631\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc) \u0627\u0631\u0633\u0627\u0644 \u0634\u062f. \u0644\u0637\u0641\u0627 \u06a9\u062f PHP \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.').fadeIn();\n } else {\n $errorMsg.fadeIn();\n }\n }\n });\n }\n <\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Vazirmatn', 'sans-serif'],\n },\n colors: {\n primary: '#ff5722', \/\/ \u0646\u0627\u0631\u0646\u062c\u06cc \u062a\u0646\u062f\u062a\u0631 \u0628\u0631\u0627\u06cc \u062c\u0644\u0628 \u062a\u0648\u062c\u0647 \u0628\u06cc\u0634\u062a\u0631\n secondary: '#0f172a', \/\/ \u0633\u0631\u0645\u0647\u200c\u0627\u06cc \u062e\u06cc\u0644\u06cc \u062a\u06cc\u0631\u0647 \u0628\u0631\u0627\u06cc \u0645\u062f\u0631\u0646 \u0628\u0648\u062f\u0646\n accent: '#fbbf24', \/\/ \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0639\u062a\u0645\u0627\u062f\n success: '#22c55e',\n danger: '#ef4444'\n },\n animation: {\n 'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n 'blob': 'blob 7s infinite',\n },\n keyframes: {\n blob: {\n \"0%\": { transform: \"translate(0px, 0px) scale(1)\" },\n \"33%\": { transform: \"translate(30px, -50px) scale(1.1)\" },\n \"66%\": { transform: \"translate(-20px, 20px) scale(0.9)\" },\n \"100%\": { transform: \"translate(0px, 0px) scale(1)\" }\n }\n }\n }\n }\n }\n <\/script>\n \n\n<\/body>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0633\u0645\u067e\u0627\u0634\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u06cc\u0634\u0645\u06cc\u0632) \u062f\u0631 \u0634\u06cc\u0631\u0627\u0632 | \u062a\u0636\u0645\u06cc\u0646\u06cc \u0628\u0627 \u0636\u0645\u0627\u0646\u062a \u06a9\u062a\u0628\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 (\u0631\u06cc\u0634\u0645\u06cc\u0632) \u062e\u0637\u0631\u0646\u0627\u06a9 \u0627\u0633\u062a! \u0642\u0628\u0644 \u0627\u0632 \u062a\u062e\u0631\u06cc\u0628 \u0645\u0646\u0632\u0644 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f. \u0634\u0631\u06a9\u062a \u0633\u0644\u0627\u0645\u062a \u0645\u062d\u0648\u0631 \u0633\u0627\u06cc\u06af\u0644 \u0633\u0645\u067e\u0627\u0634\u06cc \u0648 \u0637\u0639\u0645\u0647 \u06af\u0630\u0627\u0631\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0631\u06cc\u0627\u0646\u0647 \u0648 \u062d\u0634\u0631\u0627\u062a 0917-262-6106 \u0627\u0639\u0632\u0627\u0645 \u0641\u0648\u0631\u06cc \u0632\u06cc\u0631 \u06f1 \u0633\u0627\u0639\u062a \u062e\u0644\u0627\u0635 \u0634\u062f\u0646 \u0627\u0632 \u0634\u0631 \u062d\u0634\u0631\u0627\u062a \u0641\u0642\u0637 \u0628\u0627 \u06cc\u06a9 \u062a\u0645\u0627\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0645\u0648\u0645 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0628\u062f\u0648\u0646 \u0628\u0648 […]<\/p>\n","protected":false},"author":163,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saygol.com\/index.php?rest_route=\/wp\/v2\/pages\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saygol.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saygol.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saygol.com\/index.php?rest_route=\/wp\/v2\/users\/163"}],"replies":[{"embeddable":true,"href":"https:\/\/saygol.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2123"}],"version-history":[{"count":79,"href":"https:\/\/saygol.com\/index.php?rest_route=\/wp\/v2\/pages\/2123\/revisions"}],"predecessor-version":[{"id":2234,"href":"https:\/\/saygol.com\/index.php?rest_route=\/wp\/v2\/pages\/2123\/revisions\/2234"}],"wp:attachment":[{"href":"https:\/\/saygol.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}