{"id":7,"date":"2026-08-17T18:05:59","date_gmt":"2026-08-17T18:05:59","guid":{"rendered":"https:\/\/winchmkw.site\/?page_id=7"},"modified":"2026-08-17T18:08:55","modified_gmt":"2026-08-17T18:08:55","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/winchmkw.site\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2763c9e e-flex e-con-boxed e-con e-parent\" data-id=\"2763c9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a24397 elementor-widget elementor-widget-html\" data-id=\"5a24397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u0644\u0643\u0648\u064a\u062a - \u0631\u0641\u0639 \u0648\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a 24 \u0633\u0627\u0639\u0629 | 55972744<\/title>\r\n    <meta name=\"description\" content=\"\u062e\u062f\u0645\u0629 \u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0631\u0641\u0639 \u0648\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629. \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646 55972744\">\r\n    <meta name=\"keywords\" content=\"\u0648\u0646\u0634 \u0627\u0644\u0643\u0648\u064a\u062a, \u0633\u0637\u062d\u0629, \u0633\u062d\u0628 \u0633\u064a\u0627\u0631\u0627\u062a, \u0631\u0641\u0639 \u0633\u064a\u0627\u0631\u0627\u062a, \u0648\u0646\u0634 \u0637\u0648\u0627\u0631\u0626, \u0646\u0642\u0644 \u0633\u064a\u0627\u0631\u0627\u062a\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary: #f59e0b;\r\n            --secondary: #1e293b;\r\n            --dark: #0f172a;\r\n            --light: #f8fafc;\r\n            --accent: #ef4444;\r\n            --success: #10b981;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background: var(--light);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0639\u0644\u0648\u064a \u0644\u0644\u0637\u0648\u0627\u0631\u0626 *\/\r\n        .emergency-bar {\r\n            background: var(--accent);\r\n            color: white;\r\n            padding: 12px 0;\r\n            text-align: center;\r\n            font-weight: bold;\r\n            font-size: 1.1em;\r\n            animation: emergencyPulse 2s infinite;\r\n        }\r\n\r\n        .emergency-bar a {\r\n            color: white;\r\n            text-decoration: none;\r\n            font-size: 1.3em;\r\n            margin: 0 10px;\r\n        }\r\n\r\n        @keyframes emergencyPulse {\r\n            0%, 100% { background: var(--accent); }\r\n            50% { background: #dc2626; }\r\n        }\r\n\r\n        \/* \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n        .header {\r\n            background: linear-gradient(135deg, var(--secondary) 0%, var(--dark) 100%);\r\n            color: white;\r\n            padding: 20px 0;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .header .container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .logo {\r\n            font-size: 1.8em;\r\n            font-weight: bold;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .logo-icon {\r\n            font-size: 1.5em;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            list-style: none;\r\n            gap: 25px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: white;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .header-phone {\r\n            background: var(--primary);\r\n            color: var(--dark);\r\n            padding: 12px 25px;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            transition: all 0.3s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 1.1em;\r\n        }\r\n\r\n        .header-phone:hover {\r\n            background: #fbbf24;\r\n            transform: scale(1.05);\r\n            box-shadow: 0 5px 15px rgba(245, 158, 11, 0.4);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.9)),\r\n                        url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><rect fill=\"%230f172a\" width=\"1200\" height=\"600\"\/><\/svg>');\r\n            background-size: cover;\r\n            background-position: center;\r\n            color: white;\r\n            padding: 100px 20px 80px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><path d=\"M50 10 L60 40 L90 40 L65 60 L75 90 L50 70 L25 90 L35 60 L10 40 L40 40 Z\" fill=\"white\" opacity=\"0.03\"\/><\/svg>');\r\n            background-size: 100px 100px;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .hero-badge {\r\n            display: inline-block;\r\n            background: var(--accent);\r\n            color: white;\r\n            padding: 8px 20px;\r\n            border-radius: 20px;\r\n            font-size: 0.9em;\r\n            margin-bottom: 20px;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5em;\r\n            margin-bottom: 20px;\r\n            animation: fadeInDown 1s;\r\n            text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .hero h1 span {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.4em;\r\n            margin-bottom: 40px;\r\n            animation: fadeInUp 1s;\r\n            color: #cbd5e1;\r\n        }\r\n\r\n        .hero-phone {\r\n            font-size: 3em;\r\n            background: linear-gradient(135deg, var(--primary), #fbbf24);\r\n            color: var(--dark);\r\n            padding: 25px 60px;\r\n            border-radius: 50px;\r\n            display: inline-block;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            margin-bottom: 30px;\r\n            animation: pulse 2s infinite;\r\n            box-shadow: 0 10px 40px rgba(245, 158, 11, 0.5);\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .hero-phone:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 15px 50px rgba(245, 158, 11, 0.7);\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            animation: fadeIn 1.5s;\r\n        }\r\n\r\n        .btn {\r\n            padding: 15px 35px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-size: 1.1em;\r\n            font-weight: bold;\r\n            transition: all 0.3s;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--primary);\r\n            color: var(--dark);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: #fbbf24;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .btn-danger {\r\n            background: var(--accent);\r\n            color: white;\r\n        }\r\n\r\n        .btn-danger:hover {\r\n            background: #dc2626;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(239, 68, 68, 0.4);\r\n        }\r\n\r\n        .btn-whatsapp {\r\n            background: #25d366;\r\n            color: white;\r\n        }\r\n\r\n        .btn-whatsapp:hover {\r\n            background: #20bd5a;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n        .section {\r\n            padding: 80px 20px;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: 2.8em;\r\n            margin-bottom: 20px;\r\n            color: var(--secondary);\r\n            position: relative;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            display: block;\r\n            width: 80px;\r\n            height: 4px;\r\n            background: var(--primary);\r\n            margin: 15px auto;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            text-align: center;\r\n            font-size: 1.2em;\r\n            color: #64748b;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062e\u062f\u0645\u0627\u062a *\/\r\n        .services {\r\n            background: white;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .service-card {\r\n            background: white;\r\n            padding: 40px 30px;\r\n            border-radius: 20px;\r\n            text-align: center;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n            transition: all 0.4s;\r\n            border: 2px solid transparent;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary), var(--accent));\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s;\r\n        }\r\n\r\n        .service-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .service-icon {\r\n            font-size: 3.5em;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .service-card h3 {\r\n            color: var(--secondary);\r\n            margin-bottom: 15px;\r\n            font-size: 1.4em;\r\n        }\r\n\r\n        .service-card p {\r\n            color: #64748b;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a *\/\r\n        .features {\r\n            background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .feature-item {\r\n            text-align: center;\r\n            padding: 30px;\r\n            background: white;\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 90px;\r\n            height: 90px;\r\n            background: linear-gradient(135deg, var(--primary), #fbbf24);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 2.5em;\r\n            color: var(--dark);\r\n            box-shadow: 0 10px 20px rgba(245, 158, 11, 0.3);\r\n        }\r\n\r\n        .feature-item h3 {\r\n            color: var(--secondary);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a *\/\r\n        .vehicles {\r\n            background: white;\r\n        }\r\n\r\n        .vehicles-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 20px;\r\n        }\r\n\r\n        .vehicle-card {\r\n            background: linear-gradient(135deg, var(--secondary), var(--dark));\r\n            color: white;\r\n            padding: 30px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .vehicle-card:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 10px 25px rgba(30, 41, 59, 0.3);\r\n        }\r\n\r\n        .vehicle-icon {\r\n            font-size: 3em;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .vehicle-card h3 {\r\n            font-size: 1.2em;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u0646\u0627\u0637\u0642 *\/\r\n        .areas {\r\n            background: linear-gradient(135deg, var(--secondary) 0%, var(--dark) 100%);\r\n            color: white;\r\n        }\r\n\r\n        .areas .section-title {\r\n            color: white;\r\n        }\r\n\r\n        .areas .section-title::after {\r\n            background: var(--primary);\r\n        }\r\n\r\n        .areas-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 20px;\r\n        }\r\n\r\n        .area-card {\r\n            background: rgba(255,255,255,0.1);\r\n            backdrop-filter: blur(10px);\r\n            padding: 25px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            transition: all 0.3s;\r\n            border: 2px solid rgba(245, 158, 11, 0.3);\r\n        }\r\n\r\n        .area-card:hover {\r\n            background: var(--primary);\r\n            color: var(--dark);\r\n            transform: scale(1.05);\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .area-card h3 {\r\n            font-size: 1.3em;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u0648\u0627\u0635\u0644 *\/\r\n        .contact {\r\n            background: linear-gradient(135deg, var(--primary) 0%, #fbbf24 100%);\r\n            color: var(--dark);\r\n            text-align: center;\r\n        }\r\n\r\n        .contact .section-title {\r\n            color: var(--dark);\r\n        }\r\n\r\n        .contact .section-title::after {\r\n            background: var(--dark);\r\n        }\r\n\r\n        .contact-phone {\r\n            font-size: 3.5em;\r\n            color: var(--dark);\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            display: inline-block;\r\n            margin: 30px 0;\r\n            text-shadow: 2px 2px 10px rgba(0,0,0,0.2);\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .contact-phone:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .contact-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0641\u0648\u062a\u0631 *\/\r\n        .footer {\r\n            background: var(--dark);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .footer-content {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 30px;\r\n            text-align: right;\r\n            max-width: 1300px;\r\n            margin: 0 auto 30px;\r\n        }\r\n\r\n        .footer-section h3 {\r\n            color: var(--primary);\r\n            margin-bottom: 20px;\r\n            font-size: 1.3em;\r\n        }\r\n\r\n        .footer-section p, .footer-section a {\r\n            color: #cbd5e1;\r\n            text-decoration: none;\r\n            line-height: 2;\r\n        }\r\n\r\n        .footer-section a:hover {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid #334155;\r\n            padding-top: 20px;\r\n            color: #94a3b8;\r\n        }\r\n\r\n        \/* \u0623\u0632\u0631\u0627\u0631 \u0639\u0627\u0626\u0645\u0629 *\/\r\n        .floating-buttons {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            left: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            z-index: 999;\r\n        }\r\n\r\n        .floating-btn {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2em;\r\n            text-decoration: none;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.3);\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .floating-btn:hover {\r\n            transform: scale(1.15);\r\n        }\r\n\r\n        .floating-call {\r\n            background: var(--primary);\r\n            color: var(--dark);\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        .floating-whatsapp {\r\n            background: #25d366;\r\n            color: white;\r\n        }\r\n\r\n        .floating-emergency {\r\n            background: var(--accent);\r\n            color: white;\r\n            animation: emergencyPulse 2s infinite;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }\r\n            50% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(245, 158, 11, 0); }\r\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n        @media (max-width: 768px) {\r\n            .header .container {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n\r\n            .nav-links {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 15px;\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: 2em;\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 1.1em;\r\n            }\r\n\r\n            .hero-phone {\r\n                font-size: 1.8em;\r\n                padding: 15px 30px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2em;\r\n            }\r\n\r\n            .contact-phone {\r\n                font-size: 2em;\r\n            }\r\n\r\n            .emergency-bar {\r\n                font-size: 0.9em;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- \u0634\u0631\u064a\u0637 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 -->\r\n    <div class=\"emergency-bar\">\r\n         \u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626 24\/7 - \u0648\u0646\u0634 \u0648\u0633\u0637\u062d\u0629 \u0641\u0648\u0631\u064a | \ud83d\udcde <a href=\"tel:55972744\">55972744<\/a> | <a href=\"https:\/\/wa.me\/96555972744\" target=\"_blank\">\u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0647\u064a\u062f\u0631 -->\r\n    <header class=\"header\">\r\n        <div class=\"container\">\r\n            <div class=\"logo\">\r\n                <span class=\"logo-icon\">\ud83d\ude9b<\/span>\r\n                <span>\u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u0644\u0643\u0648\u064a\u062a<\/span>\r\n            <\/div>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                <li><a href=\"#vehicles\">\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/a><\/li>\r\n                <li><a href=\"#features\">\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                <li><a href=\"#areas\">\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062e\u062f\u0645\u0629<\/a><\/li>\r\n                <li><a href=\"#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\r\n            <\/ul>\r\n            <a href=\"tel:55972744\" class=\"header-phone\">\ud83d\udcde 55972744<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <section class=\"hero\" id=\"home\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\"> \u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626 \u0641\u0648\u0631\u064a\u0629<\/div>\r\n            <h1>\u0648\u0646\u0634 \u0648\u0633\u0637\u062d\u0629 <span>\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span> \u0644\u0631\u0641\u0639 \u0648\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/h1>\r\n            <p>\u0646\u0635\u0644\u0643 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646 \u0628\u0627\u0644\u0643\u0648\u064a\u062a \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642 - \u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629 \u0637\u0648\u0627\u0644 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/p>\r\n            <a href=\"tel:55972744\" class=\"hero-phone\">\ud83d\udcde 55972744<\/a>\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"tel:55972744\" class=\"btn btn-danger\">\ud83d\udea8 \u0627\u062a\u0635\u0627\u0644 \u0637\u0648\u0627\u0631\u0626<\/a>\r\n                <a href=\"https:\/\/wa.me\/96555972744\" class=\"btn btn-whatsapp\" target=\"_blank\">\ud83d\udcac \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0627\u0644\u062e\u062f\u0645\u0627\u062a -->\r\n    <section class=\"section services\" id=\"services\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n            <p class=\"section-subtitle\">\u0646\u0642\u062f\u0645 \u062c\u0645\u064a\u0639 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0648\u0646\u0634 \u0648\u0627\u0644\u0633\u0637\u062d\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0623\u0641\u0636\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/p>\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\"><\/span>\r\n                    <h3>\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/h3>\r\n                    <p>\u0633\u062d\u0628 \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0639\u0637\u0644\u0629 \u0623\u0648 \u0627\u0644\u0645\u062a\u0636\u0631\u0631\u0629 \u0645\u0646 \u0627\u0644\u062d\u0648\u0627\u062f\u062b \u0625\u0644\u0649 \u0623\u064a \u0645\u0643\u0627\u0646 \u0628\u0627\u0644\u0643\u0648\u064a\u062a \u0628\u0623\u0645\u0627\u0646 \u062a\u0627\u0645.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\">\ud83d\udd27<\/span>\r\n                    <h3>\u0631\u0641\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/h3>\r\n                    <p>\u0631\u0641\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0645\u0646 \u0627\u0644\u062d\u0641\u0631 \u0648\u0627\u0644\u062e\u0646\u0627\u062f\u0642 \u0648\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u0635\u0639\u0628\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u062f\u0627\u062a \u0647\u064a\u062f\u0631\u0648\u0644\u064a\u0643\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\">\ufe0f<\/span>\r\n                    <h3>\u0646\u0642\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h3>\r\n                    <p>\u0646\u0642\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u0627\u0644\u0641\u0627\u0631\u0647\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0645\u0639 \u062a\u0623\u0645\u064a\u0646 \u0643\u0627\u0645\u0644 \u0636\u062f \u0627\u0644\u0623\u0636\u0631\u0627\u0631.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\">\ud83d\udea8<\/span>\r\n                    <h3>\u0637\u0648\u0627\u0631\u0626 \u0627\u0644\u062d\u0648\u0627\u062f\u062b<\/h3>\r\n                    <p>\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0648\u0627\u062f\u062b \u0627\u0644\u0645\u0631\u0648\u0631 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629. \u0646\u0635\u0644\u0643 \u062e\u0644\u0627\u0644 15-20 \u062f\u0642\u064a\u0642\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\"><\/span>\r\n                    <h3>\u0634\u062d\u0646 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a<\/h3>\r\n                    <p>\u062e\u062f\u0645\u0629 \u0634\u062d\u0646 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0644\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u0637\u0644\u062a \u0628\u0633\u0628\u0628 \u0646\u0641\u0627\u062f \u0627\u0644\u0634\u062d\u0646.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\">\u26fd<\/span>\r\n                    <h3>\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0648\u0642\u0648\u062f<\/h3>\r\n                    <p>\u0646\u0648\u0635\u0644 \u0644\u0643 \u0627\u0644\u0648\u0642\u0648\u062f \u0641\u064a \u0645\u0648\u0642\u0639\u0643 \u0625\u0630\u0627 \u0646\u0641\u062f \u0645\u0646\u0643 \u0627\u0644\u0628\u0646\u0632\u064a\u0646 \u0641\u064a \u0627\u0644\u0637\u0631\u064a\u0642.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\">\ud83d\udd11<\/span>\r\n                    <h3>\u0641\u062a\u062d \u0627\u0644\u0623\u0628\u0648\u0627\u0628<\/h3>\r\n                    <p>\u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u0628\u062f\u0648\u0646 \u0623\u0636\u0631\u0627\u0631 \u0639\u0646\u062f \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0623\u0648 \u0642\u0641\u0644\u0647\u0627 \u0628\u0627\u0644\u062f\u0627\u062e\u0644.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <span class=\"service-icon\"><\/span>\r\n                    <h3>\u0646\u0642\u0644 SUV \u0648\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a<\/h3>\r\n                    <p>\u0633\u0637\u062d\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0646\u0642\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a -->\r\n    <section class=\"section vehicles\" id=\"vehicles\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">\u0646\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/h2>\r\n            <p class=\"section-subtitle\">\u0645\u0639\u062f\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a<\/p>\r\n            <div class=\"vehicles-grid\">\r\n                <div class=\"vehicle-card\">\r\n                    <div class=\"vehicle-icon\"><\/div>\r\n                    <h3>\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/h3>\r\n                    <p>\u0633\u064a\u062f\u0627\u0646 \u0648\u0647\u0627\u062a\u0634\u0628\u0627\u0643<\/p>\r\n                <\/div>\r\n                <div class=\"vehicle-card\">\r\n                    <div class=\"vehicle-icon\"><\/div>\r\n                    <h3>\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629<\/h3>\r\n                    <p>SUV \u0648\u0641\u0627\u0646<\/p>\r\n                <\/div>\r\n                <div class=\"vehicle-card\">\r\n                    <div class=\"vehicle-icon\">\ud83c\udfce\ufe0f<\/div>\r\n                    <h3>\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h3>\r\n                    <p>\u0644\u0648\u0643\u0633 \u0648\u0633\u0648\u0628\u0631 \u0643\u0627\u0631<\/p>\r\n                <\/div>\r\n                <div class=\"vehicle-card\">\r\n                    <div class=\"vehicle-icon\"><\/div>\r\n                    <h3>\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/h3>\r\n                    <p>\u0628\u064a\u0643 \u0623\u0628 \u0648\u0641\u0627\u0646 \u062a\u062c\u0627\u0631\u064a<\/p>\r\n                <\/div>\r\n                <div class=\"vehicle-card\">\r\n                    <div class=\"vehicle-icon\">\ufe0f<\/div>\r\n                    <h3>\u0627\u0644\u062f\u0631\u0627\u062c\u0627\u062a \u0627\u0644\u0646\u0627\u0631\u064a\u0629<\/h3>\r\n                    <p>\u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639<\/p>\r\n                <\/div>\r\n                <div class=\"vehicle-card\">\r\n                    <div class=\"vehicle-icon\">\ud83d\ude9b<\/div>\r\n                    <h3>\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629<\/h3>\r\n                    <p>\u062d\u062a\u0649 5 \u0637\u0646<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a -->\r\n    <section class=\"section features\" id=\"features\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f<\/h2>\r\n            <p class=\"section-subtitle\">\u0645\u0645\u064a\u0632\u0627\u062a \u062a\u062c\u0639\u0644\u0646\u0627 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a<\/p>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\u26a1<\/div>\r\n                    <h3>\u0633\u0631\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629<\/h3>\r\n                    <p>\u0646\u0635\u0644\u0643 \u062e\u0644\u0627\u0644 15-20 \u062f\u0642\u064a\u0642\u0629 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83d\udd50<\/div>\r\n                    <h3>24 \u0633\u0627\u0639\u0629<\/h3>\r\n                    <p>\u062e\u062f\u0645\u0629 \u0645\u062a\u0648\u0627\u0635\u0644\u0629 \u0637\u0648\u0627\u0644 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <h3>\u0623\u0645\u0627\u0646 \u062a\u0627\u0645<\/h3>\r\n                    <p>\u0645\u0639\u062f\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0648\u0633\u0627\u0626\u0642\u0648\u0646 \u0645\u062d\u062a\u0631\u0641\u0648\u0646<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n                    <h3>\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0641\u0633\u0629<\/h3>\r\n                    <p>\u0623\u0633\u0639\u0627\u0631 \u0639\u0627\u062f\u0644\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u0628\u062f\u0648\u0646 \u0631\u0633\u0648\u0645 \u062e\u0641\u064a\u0629<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83d\udccd<\/div>\r\n                    <h3>\u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629<\/h3>\r\n                    <p>\u062c\u0645\u064a\u0639 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u0643\u0648\u064a\u062a<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83c\udfc6<\/div>\r\n                    <h3>\u062e\u0628\u0631\u0629 \u0639\u0627\u0644\u064a\u0629<\/h3>\r\n                    <p>\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0648\u0646\u0634<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062e\u062f\u0645\u0629 -->\r\n    <section class=\"section areas\" id=\"areas\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">\u0646\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0643\u0648\u064a\u062a<\/h2>\r\n            <p class=\"section-subtitle\" style=\"color: #cbd5e1;\">\u062e\u062f\u0645\u0629 \u0634\u0627\u0645\u0644\u0629 \u0641\u064a \u0643\u0644 \u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642<\/p>\r\n            <div class=\"areas-grid\">\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83c\udfdb\ufe0f \u0627\u0644\u0639\u0627\u0635\u0645\u0629<\/h3>\r\n                    <p>\u0627\u0644\u0642\u0628\u0644\u0629\u060c \u0634\u0631\u0642\u060c \u062f\u0633\u0645\u0629\u060c \u0627\u0644\u0633\u0627\u0644\u0645\u064a\u0629<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83c\udfd8\ufe0f \u062d\u0648\u0644\u064a<\/h3>\r\n                    <p>\u062d\u0648\u0644\u064a\u060c \u0627\u0644\u0633\u0627\u0644\u0645\u064a\u0629\u060c \u0628\u064a\u0627\u0646\u060c \u0645\u0634\u0631\u0641<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83c\udfe1 \u0627\u0644\u0641\u0631\u0648\u0627\u0646\u064a\u0629<\/h3>\r\n                    <p>\u0627\u0644\u0641\u0631\u0648\u0627\u0646\u064a\u0629\u060c \u062e\u064a\u0637\u0627\u0646\u060c \u0627\u0644\u0641\u0631\u062f\u0648\u0633<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83c\udfd7\ufe0f \u0627\u0644\u0623\u062d\u0645\u062f\u064a<\/h3>\r\n                    <p>\u0627\u0644\u0623\u062d\u0645\u062f\u064a\u060c \u0627\u0644\u0641\u062d\u064a\u062d\u064a\u0644\u060c \u0627\u0644\u0645\u0646\u0642\u0641<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83c\udf3e \u0627\u0644\u062c\u0647\u0631\u0627\u0621<\/h3>\r\n                    <p>\u0627\u0644\u062c\u0647\u0631\u0627\u0621\u060c \u0627\u0644\u0635\u0644\u064a\u0628\u064a\u0629\u060c \u0627\u0644\u0639\u064a\u0648\u0646<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83c\udf06 \u0645\u0628\u0627\u0631\u0643 \u0627\u0644\u0643\u0628\u064a\u0631<\/h3>\r\n                    <p>\u0645\u0628\u0627\u0631\u0643 \u0627\u0644\u0643\u0628\u064a\u0631\u060c \u0627\u0644\u0642\u0631\u064a\u0646\u060c \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\ud83d\udee3\ufe0f \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0633\u0631\u064a\u0639\u0629<\/h3>\r\n                    <p>\u062c\u0645\u064a\u0639 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/p>\r\n                <\/div>\r\n                <div class=\"area-card\">\r\n                    <h3>\u2708\ufe0f \u0627\u0644\u0645\u0637\u0627\u0631<\/h3>\r\n                    <p>\u0645\u0637\u0627\u0631 \u0627\u0644\u0643\u0648\u064a\u062a \u0627\u0644\u062f\u0648\u0644\u064a<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\r\n    <section class=\"section contact\" id=\"contact\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646<\/h2>\r\n            <p style=\"font-size: 1.3em; margin-bottom: 20px;\">\u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626 \u0645\u062a\u0627\u062d\u0629 24\/7 - \u0646\u0635\u0644\u0643 \u0641\u064a \u062f\u0642\u0627\u0626\u0642<\/p>\r\n            <a href=\"tel:55972744\" class=\"contact-phone\">\ud83d\udcde 55972744<\/a>\r\n            <div class=\"contact-buttons\">\r\n                <a href=\"tel:55972744\" class=\"btn btn-danger\">\ud83d\udea8 \u0627\u062a\u0635\u0627\u0644 \u0637\u0648\u0627\u0631\u0626<\/a>\r\n                <a href=\"https:\/\/wa.me\/96555972744\" class=\"btn btn-whatsapp\" target=\"_blank\"> \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0627\u0644\u0641\u0648\u062a\u0631 -->\r\n    <footer class=\"footer\">\r\n        <div class=\"container\">\r\n            <div class=\"footer-content\">\r\n                <div class=\"footer-section\">\r\n                    <h3>\ud83d\ude9b \u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u0644\u0643\u0648\u064a\u062a<\/h3>\r\n                    <p>\u062e\u062f\u0645\u0629 \u0648\u0646\u0634 \u0648\u0633\u0637\u062d\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0631\u0641\u0639 \u0648\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u0643\u0648\u064a\u062a \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"footer-section\">\r\n                    <h3>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h3>\r\n                    <p><a href=\"#services\">\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/a><\/p>\r\n                    <p><a href=\"#services\">\u0631\u0641\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/a><\/p>\r\n                    <p><a href=\"#services\">\u0637\u0648\u0627\u0631\u0626 \u0627\u0644\u062d\u0648\u0627\u062f\u062b<\/a><\/p>\r\n                    <p><a href=\"#services\">\u0634\u062d\u0646 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a<\/a><\/p>\r\n                <\/div>\r\n                <div class=\"footer-section\">\r\n                    <h3>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\r\n                    <p> <a href=\"tel:55972744\">55972744<\/a><\/p>\r\n                    <p> <a href=\"https:\/\/wa.me\/96555972744\">\u0648\u0627\u062a\u0633\u0627\u0628<\/a><\/p>\r\n                    <p>\ud83d\udd50 \u0646\u0639\u0645\u0644 24\/7<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-bottom\">\r\n                <p>\u00a9 2024 \u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u0644\u0643\u0648\u064a\u062a - \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- \u0623\u0632\u0631\u0627\u0631 \u0639\u0627\u0626\u0645\u0629 -->\r\n    <div class=\"floating-buttons\">\r\n        <a href=\"tel:55972744\" class=\"floating-btn floating-emergency\" title=\"\u0637\u0648\u0627\u0631\u0626\">\ud83d\udea8<\/a>\r\n        <a href=\"tel:55972744\" class=\"floating-btn floating-call\" title=\"\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\">\ud83d\udcde<\/a>\r\n        <a href=\"https:\/\/wa.me\/96555972744\" class=\"floating-btn floating-whatsapp\" target=\"_blank\" title=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\ud83d\udcac<\/a>\r\n    <\/div>\r\n\r\n    <!-- JavaScript -->\r\n    <script>\r\n        \/\/ \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0633\u0644\u0633\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ \u0625\u062e\u0641\u0627\u0621\/\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0647\u064a\u062f\u0631\r\n        let lastScroll = 0;\r\n        const header = document.querySelector('.header');\r\n        \r\n        window.addEventListener('scroll', () => {\r\n            const currentScroll = window.pageYOffset;\r\n            \r\n            if (currentScroll > lastScroll && currentScroll > 100) {\r\n                header.style.transform = 'translateY(-100%)';\r\n            } else {\r\n                header.style.transform = 'translateY(0)';\r\n            }\r\n            \r\n            lastScroll = currentScroll;\r\n        });\r\n\r\n        \/\/ \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0638\u0647\u0648\u0631 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.service-card, .feature-item, .area-card, .vehicle-card').forEach(el => {\r\n            el.style.opacity = '0';\r\n            el.style.transform = 'translateY(30px)';\r\n            el.style.transition = 'all 0.6s ease-out';\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ \u062a\u0646\u0628\u064a\u0647 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0632\u0631 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\r\n        document.querySelectorAll('.btn-danger, .floating-emergency').forEach(btn => {\r\n            btn.addEventListener('click', function(e) {\r\n                if (confirm('\u0647\u0644 \u062a\u0631\u064a\u062f \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0631\u0642\u0645 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 55972744\u061f')) {\r\n                    window.location.href = 'tel:55972744';\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u0644\u0643\u0648\u064a\u062a &#8211; \u0631\u0641\u0639 \u0648\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a 24 \u0633\u0627\u0639\u0629 | 55972744 \u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626 24\/7 &#8211; \u0648\u0646\u0634 \u0648\u0633\u0637\u062d\u0629 \u0641\u0648\u0631\u064a | \ud83d\udcde 55972744 | \u0648\u0627\u062a\u0633\u0627\u0628 \ud83d\ude9b \u0648\u0646\u0634 \u0633\u0637\u062d\u0629 \u0627\u0644\u0643\u0648\u064a\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \ud83d\udcde 55972744 \u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626 \u0641\u0648\u0631\u064a\u0629 \u0648\u0646\u0634 \u0648\u0633\u0637\u062d\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0631\u0641\u0639 \u0648\u0633\u062d\u0628 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0646\u0635\u0644\u0643 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646 \u0628\u0627\u0644\u0643\u0648\u064a\u062a \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642 &#8211; \u062e\u062f\u0645\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/winchmkw.site\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/winchmkw.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/winchmkw.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/winchmkw.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/winchmkw.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/winchmkw.site\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/winchmkw.site\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/winchmkw.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}