{"id":154,"date":"2024-09-19T22:52:38","date_gmt":"2024-09-19T22:52:38","guid":{"rendered":"https:\/\/nemanexpert.kz\/?page_id=154"},"modified":"2026-03-18T22:46:21","modified_gmt":"2026-03-18T22:46:21","slug":"%d1%81%d1%82%d1%80%d0%be%d0%b8%d1%82%d0%b5%d0%bb%d1%8c%d0%bd%d1%8b%d0%bc-%d0%ba%d0%be%d0%bc%d0%bf%d0%b0%d0%bd%d0%b8%d1%8f%d0%bc","status":"publish","type":"page","link":"https:\/\/nemanexpert.kz\/?page_id=154","title":{"rendered":"\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c"},"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
\n\t\t\t\n\n\n\n \n \n \u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c - NEMAN EXPERT<\/title>\n<\/head>\n\n<body>\n <section class=\"neman-documents-page\" style=\"font-family: 'Montserrat', Arial, sans-serif;\">\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 -->\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n \/* \u041e\u0413\u0420\u0410\u041d\u0418\u0427\u0418\u0412\u0410\u0415\u041c \u0412\u0421\u0415 \u0421\u0422\u0418\u041b\u0418 \u0422\u041e\u041b\u042c\u041a\u041e \u0414\u041b\u042f \u042d\u0422\u041e\u0419 \u0421\u0415\u041a\u0426\u0418\u0418 *\/\n .neman-documents-page {\n margin: 0 !important;\n padding: 0 !important;\n box-sizing: border-box;\n background: #fafbfc;\n }\n\n body {\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .neman-documents-page *,\n .neman-documents-page *::before,\n .neman-documents-page *::after {\n box-sizing: border-box;\n }\n\n \/* \u0415\u0414\u0418\u041d\u042b\u0419 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 *\/\n .neman-documents-page .docs-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n \/* Hero Section *\/\n .neman-documents-page .docs-hero-section {\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #334155 70%, #475569 100%);\n padding: 3rem 0 4rem;\n position: relative;\n overflow: hidden;\n color: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n margin-top: 0;\n }\n\n .neman-documents-page .docs-hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -30%;\n width: 100%;\n height: 200%;\n background: radial-gradient(ellipse at center, rgba(95, 186, 81, 0.12) 0%, rgba(95, 186, 81, 0.06) 40%, transparent 70%);\n animation: docs-float 8s ease-in-out infinite;\n }\n\n .neman-documents-page .docs-hero-section::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(95, 186, 81, 0.5) 50%, transparent 100%);\n }\n\n @keyframes docs-float {\n\n 0%,\n 100% {\n transform: translateY(0px) rotate(0deg);\n opacity: 0.4;\n }\n\n 50% {\n transform: translateY(-20px) rotate(2deg);\n opacity: 0.6;\n }\n }\n\n .neman-documents-page .docs-hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n }\n\n .neman-documents-page .docs-hero-content h1 {\n font-size: 3rem;\n font-weight: 800;\n margin-bottom: 1rem;\n line-height: 1.1;\n background: linear-gradient(135deg, #ffffff 0%, #5FBA51 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .neman-documents-page .docs-hero-subtitle {\n font-size: 1.1rem;\n color: #cbd5e1;\n margin-bottom: 2rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n font-weight: 400;\n }\n\n .neman-documents-page .docs-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .neman-documents-page .docs-stat-card {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(95, 186, 81, 0.3);\n border-radius: 24px;\n padding: 1.5rem 1.5rem;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .neman-documents-page .docs-stat-card:hover {\n transform: translateY(-4px);\n border-color: rgba(95, 186, 81, 0.5);\n box-shadow: 0 12px 30px rgba(95, 186, 81, 0.15);\n }\n\n .neman-documents-page .docs-stat-number {\n font-size: 2rem;\n font-weight: 800;\n color: #5FBA51;\n margin-bottom: 0.5rem;\n \/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n transition: all 0.3s ease;\n display: inline-block;\n }\n\n \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0446\u0438\u0444\u0440 *\/\n .neman-documents-page .docs-stat-number.animating {\n transform: scale(1.1);\n text-shadow: 0 0 20px rgba(95, 186, 81, 0.5);\n }\n\n .neman-documents-page .docs-stat-label {\n font-size: 1rem;\n color: white;\n font-weight: 600;\n }\n\n \/* Search Section *\/\n .neman-documents-page .docs-search-section {\n padding: 2rem 0;\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n position: relative;\n }\n\n .neman-documents-page .docs-search-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(95, 186, 81, 0.3) 50%, transparent 100%);\n }\n\n .neman-documents-page .docs-search-wrapper {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n\n .neman-documents-page .docs-search-box {\n position: relative;\n margin-bottom: 3rem;\n }\n\n .neman-documents-page .docs-search-icon {\n position: absolute;\n left: 1.5rem;\n top: 50%;\n transform: translateY(-50%);\n color: #64748b;\n z-index: 2;\n transition: color 0.3s ease;\n }\n\n .neman-documents-page #docs-search {\n width: 100%;\n padding: 1.5rem 1.5rem 1.5rem 4rem;\n border: 2px solid #e2e8f0;\n border-radius: 16px;\n font-size: 1rem;\n font-family: 'Montserrat', sans-serif;\n transition: all 0.3s ease;\n background: white;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n }\n\n .neman-documents-page #docs-search:focus {\n outline: none;\n border-color: #5FBA51;\n box-shadow: 0 0 0 3px rgba(95, 186, 81, 0.1), 0 6px 25px rgba(0, 0, 0, 0.08);\n }\n\n .neman-documents-page #docs-search:focus+.docs-search-icon {\n color: #5FBA51;\n }\n\n .neman-documents-page .docs-filter-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n justify-content: center;\n }\n\n .neman-documents-page .docs-filter-btn {\n padding: 0.75rem 1.5rem;\n border: 2px solid #e2e8f0;\n border-radius: 30px;\n background: white;\n color: #64748b;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .neman-documents-page .docs-filter-btn:hover,\n .neman-documents-page .docs-filter-btn.active {\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-color: #5FBA51;\n color: white;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(95, 186, 81, 0.3);\n }\n\n \/* Content Section *\/\n .neman-documents-page .docs-content-section {\n padding: 4rem 0;\n background: #fafbfc;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n \/* \u0413\u041b\u0410\u0412\u041d\u0410\u042f \u041a\u0410\u0422\u0415\u0413\u041e\u0420\u0418\u042f \u0414\u041e\u041a\u0423\u041c\u0415\u041d\u0422\u041e\u0412 - \u0423\u0431\u0440\u0430\u043b\u0438 \u043b\u0438\u0448\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b *\/\n .neman-documents-page .docs-main-category {\n margin-bottom: 5rem;\n background: white;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n border: 1px solid #e2e8f0;\n }\n\n .neman-documents-page .docs-main-category-header {\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n color: white;\n padding: 3rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .neman-documents-page .docs-main-category-header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(95,186,81,0.1)\" stroke-width=\"0.5\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .neman-documents-page .docs-main-category-title {\n font-size: 2.5rem;\n font-weight: 800;\n margin: 0;\n position: relative;\n z-index: 2;\n background: linear-gradient(135deg, #ffffff 0%, #5FBA51 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .neman-documents-page .docs-main-category-subtitle {\n font-size: 1.1rem;\n color: #cbd5e1;\n margin-top: 0.5rem;\n position: relative;\n z-index: 2;\n }\n\n \/* \u041f\u041e\u0414\u0420\u0410\u0417\u0414\u0415\u041b\u042b \u0414\u041e\u041a\u0423\u041c\u0415\u041d\u0422\u041e\u0412 - \u0423\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b *\/\n .neman-documents-page .docs-subsections {\n padding: 0;\n }\n\n .neman-documents-page .docs-subsection {\n border-bottom: 1px solid #f1f5f9;\n transition: background-color 0.3s ease;\n }\n\n .neman-documents-page .docs-subsection:last-child {\n border-bottom: none;\n }\n\n .neman-documents-page .docs-subsection:hover {\n background: #f8fafc;\n }\n\n .neman-documents-page .docs-subsection-header {\n padding: 2rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: all 0.3s ease;\n }\n\n .neman-documents-page .docs-subsection-title {\n font-size: 1.4rem;\n font-weight: 700;\n color: #1e293b;\n margin: 0;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .neman-documents-page .docs-subsection-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n }\n\n .neman-documents-page .docs-subsection-count {\n background: linear-gradient(135deg, #e2e8f0, #cbd5e1);\n color: #64748b;\n padding: 0.5rem 1rem;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n\n .neman-documents-page .docs-subsection.expanded .docs-subsection-count {\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n }\n\n .neman-documents-page .docs-expand-icon {\n transition: transform 0.3s ease;\n color: #64748b;\n }\n\n .neman-documents-page .docs-subsection.expanded .docs-expand-icon {\n transform: rotate(180deg);\n color: #5FBA51;\n }\n\n \/* \u0421\u041f\u0418\u0421\u041e\u041a \u0414\u041e\u041a\u0423\u041c\u0415\u041d\u0422\u041e\u0412 \u0412 \u041f\u041e\u0414\u0420\u0410\u0417\u0414\u0415\u041b\u0415 - \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 *\/\n .neman-documents-page .docs-subsection-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n background: #f8fafc;\n }\n\n .neman-documents-page .docs-subsection.expanded .docs-subsection-content {\n max-height: none;\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0432\u044b\u0441\u043e\u0442\u044b *\/\n overflow: visible;\n \/* \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0432\u0435\u0441\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 *\/\n }\n\n .neman-documents-page .docs-document-list {\n padding: 0 2rem 2rem;\n }\n\n .neman-documents-page .docs-document-item {\n background: white;\n border-radius: 16px;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n cursor: default;\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c pointer cursor \u0441 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 *\/\n }\n\n \/* \u0423\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439 hover \u0434\u043b\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 *\/\n .neman-documents-page .docs-document-item:hover {\n border-color: #5FBA51;\n box-shadow: 0 4px 15px rgba(95, 186, 81, 0.1);\n }\n\n .neman-documents-page .docs-document-icon {\n width: 48px;\n height: 48px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n }\n\n .neman-documents-page .docs-document-icon.pdf {\n background: linear-gradient(135deg, #dc3545, #c82333);\n }\n\n .neman-documents-page .docs-document-icon.doc {\n background: linear-gradient(135deg, #007bff, #0056b3);\n }\n\n .neman-documents-page .docs-document-icon.excel {\n background: linear-gradient(135deg, #28a745, #1e7e34);\n }\n\n .neman-documents-page .docs-document-info {\n flex: 1;\n }\n\n .neman-documents-page .docs-document-name {\n font-size: 1.1rem;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n cursor: text;\n \/* \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u043c \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f *\/\n user-select: text;\n }\n\n .neman-documents-page .docs-document-meta {\n display: flex;\n gap: 1rem;\n font-size: 0.875rem;\n color: #64748b;\n }\n\n .neman-documents-page .docs-document-size {\n font-weight: 600;\n color: #5FBA51;\n }\n\n .neman-documents-page .docs-document-actions {\n display: flex;\n gap: 0.75rem;\n }\n\n .neman-documents-page .docs-action-btn {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 8px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n font-size: 0.875rem;\n }\n\n .neman-documents-page .docs-download-btn {\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n }\n\n .neman-documents-page .docs-download-btn:hover {\n box-shadow: 0 4px 12px rgba(95, 186, 81, 0.3);\n }\n\n .neman-documents-page .docs-preview-btn {\n background: #f1f5f9;\n color: #64748b;\n border: 1px solid #e2e8f0;\n }\n\n .neman-documents-page .docs-preview-btn:hover {\n background: #e2e8f0;\n color: #1e293b;\n }\n\n \/* Empty State *\/\n .neman-documents-page .docs-empty-state {\n text-align: center;\n padding: 4rem 2rem;\n color: #64748b;\n font-size: 1.1rem;\n background: white;\n border-radius: 24px;\n margin: 2rem 0;\n border: 1px solid #e2e8f0;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n }\n\n .neman-documents-page .docs-empty-state svg {\n margin-bottom: 1.5rem;\n opacity: 0.5;\n }\n\n .neman-documents-page .docs-empty-state h3 {\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .neman-documents-page .docs-empty-state p {\n max-width: 400px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n \/* \u0421\u0422\u0420\u041e\u0418\u0422\u0415\u041b\u042c\u041d\u042b\u041c \u041a\u041e\u041c\u041f\u0410\u041d\u0418\u042f\u041c \u0421\u0415\u041a\u0426\u0418\u042f *\/\n .neman-documents-page .docs-construction-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n position: relative;\n overflow: hidden;\n }\n\n .neman-documents-page .docs-construction-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(95, 186, 81, 0.3) 50%, transparent 100%);\n }\n\n\n \/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n .neman-documents-page .docs-construction-header {\n text-align: center;\n margin-bottom: 5rem;\n }\n\n .neman-documents-page .docs-construction-title {\n font-size: 2.8rem;\n font-weight: 800;\n color: #1e293b;\n margin-bottom: 2rem;\n line-height: 1.2;\n background: linear-gradient(135deg, #1e293b 0%, #5FBA51 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .neman-documents-page .docs-construction-subtitle {\n font-size: 1.2rem;\n color: #64748b;\n line-height: 1.7;\n max-width: 900px;\n margin: 0 auto;\n }\n\n \/* \u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441 *\/\n .neman-documents-page .docs-construction-why {\n margin-bottom: 5rem;\n }\n\n .neman-documents-page .docs-construction-why-title {\n font-size: 2.2rem;\n font-weight: 700;\n color: #1e293b;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .neman-documents-page .docs-construction-timeline {\n position: relative;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .neman-documents-page .docs-construction-timeline::before {\n content: '';\n position: absolute;\n left: 50px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, #5FBA51 0%, #4a9441 50%, #5FBA51 100%);\n border-radius: 2px;\n box-shadow: 0 0 20px rgba(95, 186, 81, 0.3);\n }\n\n .neman-documents-page .docs-construction-timeline-item {\n position: relative;\n margin-bottom: 4rem;\n display: flex;\n align-items: flex-start;\n gap: 2rem;\n opacity: 0;\n transform: translateX(-50px);\n animation: docs-timeline-slide 0.8s ease forwards;\n }\n\n .neman-documents-page .docs-construction-timeline-item:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .neman-documents-page .docs-construction-timeline-item:nth-child(2) {\n animation-delay: 0.3s;\n }\n\n .neman-documents-page .docs-construction-timeline-item:nth-child(3) {\n animation-delay: 0.5s;\n }\n\n .neman-documents-page .docs-construction-timeline-item:nth-child(4) {\n animation-delay: 0.7s;\n }\n\n @keyframes docs-timeline-slide {\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .neman-documents-page .docs-construction-timeline-number {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n font-weight: 800;\n position: relative;\n z-index: 2;\n box-shadow: 0 10px 30px rgba(95, 186, 81, 0.4);\n border: 6px solid white;\n flex-shrink: 0;\n transition: all 0.4s ease;\n }\n\n .neman-documents-page .docs-construction-timeline-number::before {\n content: '';\n position: absolute;\n top: -10px;\n left: -10px;\n right: -10px;\n bottom: -10px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 50%;\n z-index: -1;\n opacity: 0;\n transition: opacity 0.3s ease;\n animation: docs-pulse 2s infinite;\n }\n\n @keyframes docs-pulse {\n\n 0%,\n 100% {\n opacity: 0;\n transform: scale(1);\n }\n\n 50% {\n opacity: 0.3;\n transform: scale(1.1);\n }\n }\n\n .neman-documents-page .docs-construction-timeline-item:hover .docs-construction-timeline-number {\n transform: scale(1.1);\n box-shadow: 0 15px 40px rgba(95, 186, 81, 0.5);\n }\n\n .neman-documents-page .docs-construction-timeline-item:hover .docs-construction-timeline-number::before {\n opacity: 0.6;\n }\n\n .neman-documents-page .docs-construction-timeline-content {\n flex: 1;\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n border-radius: 20px;\n padding: 2.5rem;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n border: 1px solid #e2e8f0;\n position: relative;\n transition: all 0.4s ease;\n margin-top: 1rem;\n }\n\n .neman-documents-page .docs-construction-timeline-content::before {\n content: '';\n position: absolute;\n left: -20px;\n top: 30px;\n width: 0;\n height: 0;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n border-right: 20px solid #f8fafc;\n }\n\n .neman-documents-page .docs-construction-timeline-item:hover .docs-construction-timeline-content {\n transform: translateY(-5px);\n box-shadow: 0 15px 50px rgba(95, 186, 81, 0.15);\n border-color: rgba(95, 186, 81, 0.3);\n }\n\n .neman-documents-page .docs-construction-timeline-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n margin-bottom: 1.5rem;\n box-shadow: 0 4px 15px rgba(95, 186, 81, 0.3);\n }\n\n .neman-documents-page .docs-construction-timeline-content h4 {\n font-size: 1.4rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n line-height: 1.3;\n }\n\n .neman-documents-page .docs-construction-timeline-content p {\n color: #64748b;\n line-height: 1.6;\n margin: 0;\n font-size: 1rem;\n }\n\n \/* \u0427\u0442\u043e \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c *\/\n .neman-documents-page .docs-construction-offer {\n margin-bottom: 5rem;\n background: white;\n border-radius: 24px;\n padding: 4rem 3rem;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n border: 1px solid #e2e8f0;\n }\n\n .neman-documents-page .docs-construction-offer-title {\n font-size: 2.2rem;\n font-weight: 700;\n color: #1e293b;\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .neman-documents-page .docs-construction-products {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n .neman-documents-page .docs-construction-product {\n text-align: center;\n padding: 3rem 2rem;\n border-radius: 20px;\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n border: 1px solid rgba(95, 186, 81, 0.2);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n color: white;\n }\n\n .neman-documents-page .docs-construction-product::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(95, 186, 81, 0.1) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n animation: docs-rotate 20s linear infinite;\n }\n\n .neman-documents-page .docs-construction-product:hover {\n transform: translateY(-8px) rotate(1deg);\n box-shadow: 0 25px 50px rgba(95, 186, 81, 0.3);\n border-color: rgba(95, 186, 81, 0.5);\n }\n\n .neman-documents-page .docs-construction-product:hover::before {\n opacity: 1;\n }\n\n .neman-documents-page .docs-construction-product-icon {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n margin: 0 auto 2rem;\n position: relative;\n z-index: 2;\n box-shadow: 0 15px 35px rgba(95, 186, 81, 0.4);\n border: 4px solid rgba(255, 255, 255, 0.1);\n }\n\n .neman-documents-page .docs-construction-product-icon::after {\n content: '';\n position: absolute;\n top: -10px;\n left: -10px;\n right: -10px;\n bottom: -10px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 50%;\n z-index: -1;\n opacity: 0.3;\n transition: opacity 0.3s ease;\n }\n\n .neman-documents-page .docs-construction-product:hover .docs-construction-product-icon::after {\n opacity: 0.6;\n }\n\n .neman-documents-page .docs-construction-product h4 {\n font-size: 1.4rem;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 1.2rem;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-product p {\n color: #cbd5e1;\n line-height: 1.6;\n margin: 0;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-guarantee {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, #f0fdf4, #ecfdf5);\n border-radius: 16px;\n border: 1px solid rgba(95, 186, 81, 0.2);\n }\n\n .neman-documents-page .docs-construction-guarantee p {\n font-size: 1.1rem;\n color: #1e293b;\n margin: 0;\n line-height: 1.6;\n }\n\n .neman-documents-page .docs-construction-guarantee strong {\n color: #5FBA51;\n font-weight: 800;\n }\n\n \/* \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 *\/\n .neman-documents-page .docs-construction-support {\n margin-bottom: 5rem;\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n border-radius: 24px;\n padding: 4rem 3rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .neman-documents-page .docs-construction-support::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -30%;\n width: 100%;\n height: 200%;\n background: radial-gradient(ellipse at center, rgba(95, 186, 81, 0.1) 0%, rgba(95, 186, 81, 0.05) 40%, transparent 70%);\n animation: docs-float 8s ease-in-out infinite;\n }\n\n .neman-documents-page .docs-construction-support-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n position: relative;\n z-index: 2;\n color: #5FBA51;\n }\n\n .neman-documents-page .docs-construction-support-subtitle {\n font-size: 1.2rem;\n color: #cbd5e1;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-support-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-support-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem;\n background: rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(95, 186, 81, 0.2);\n }\n\n .neman-documents-page .docs-construction-support-icon {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .neman-documents-page .docs-construction-support-item span {\n font-size: 1rem;\n color: white;\n font-weight: 500;\n }\n\n \/* \u041e\u043f\u044b\u0442 \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f *\/\n .neman-documents-page .docs-construction-experience {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n margin-bottom: 5rem;\n }\n\n .neman-documents-page .docs-construction-experience-content,\n .neman-documents-page .docs-construction-conditions {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\n border: 1px solid #e2e8f0;\n }\n\n .neman-documents-page .docs-construction-experience-content h3,\n .neman-documents-page .docs-construction-conditions h3 {\n font-size: 1.8rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-experience-content p {\n color: #64748b;\n line-height: 1.7;\n margin: 0;\n }\n\n .neman-documents-page .docs-construction-conditions-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .neman-documents-page .docs-construction-condition-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1rem;\n background: #f8fafc;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n }\n\n .neman-documents-page .docs-construction-condition-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .neman-documents-page .docs-construction-condition-item span {\n color: #1e293b;\n font-weight: 500;\n }\n\n \/* CTA \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u0435\u0439 *\/\n .neman-documents-page .docs-construction-cta {\n background: linear-gradient(135deg, #5FBA51 0%, #4a9441 100%);\n border-radius: 24px;\n padding: 4rem 3rem;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .neman-documents-page .docs-construction-cta::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n animation: docs-rotate 20s linear infinite;\n }\n\n .neman-documents-page .docs-construction-cta h3 {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-contact {\n display: flex;\n justify-content: center;\n gap: 4rem;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-contact-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.5rem 2rem;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 16px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .neman-documents-page .docs-construction-contact-icon {\n width: 48px;\n height: 48px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n flex-shrink: 0;\n }\n\n .neman-documents-page .docs-construction-contact-info {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .neman-documents-page .docs-construction-contact-label {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.8);\n font-weight: 500;\n }\n\n .neman-documents-page .docs-construction-contact-value {\n font-size: 1.2rem;\n font-weight: 700;\n color: white;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n\n .neman-documents-page .docs-construction-contact-value:hover {\n color: #f0fdf4;\n }\n\n .neman-documents-page .docs-construction-cta-note {\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-construction-cta-note p {\n font-size: 1.1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 2rem;\n line-height: 1.6;\n }\n\n .neman-documents-page .docs-construction-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 2rem;\n background: white;\n color: #5FBA51;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 700;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n }\n\n .neman-documents-page .docs-construction-cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n color: #4a9441;\n }\n\n \/* CTA Section *\/\n .neman-documents-page .docs-cta-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n color: white;\n text-align: center;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n position: relative;\n overflow: hidden;\n }\n\n .neman-documents-page .docs-cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(95, 186, 81, 0.1) 0%, transparent 70%);\n animation: docs-rotate 20s linear infinite;\n }\n\n @keyframes docs-rotate {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .neman-documents-page .docs-cta-content {\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-cta-content h2 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n \/* \u0418\u0417\u041c\u0415\u041d\u0418\u041b\u0418 \u0426\u0412\u0415\u0422 \u041d\u0410 \u0417\u0415\u041b\u0415\u041d\u042b\u0419 *\/\n color: #5FBA51;\n }\n\n .neman-documents-page .docs-cta-content p {\n font-size: 1.125rem;\n color: #cbd5e1;\n margin-bottom: 3rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .neman-documents-page .docs-cta-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .neman-documents-page .docs-cta-btn {\n padding: 1rem 2rem;\n border-radius: 12px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .neman-documents-page .docs-cta-primary {\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n }\n\n .neman-documents-page .docs-cta-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(95, 186, 81, 0.3);\n }\n\n .neman-documents-page .docs-cta-secondary {\n background: rgba(255, 255, 255, 0.1);\n color: white;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n .neman-documents-page .docs-cta-secondary:hover {\n background: rgba(255, 255, 255, 0.2);\n }\n\n \/* Modal *\/\n .neman-documents-page .docs-modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.8);\n backdrop-filter: blur(4px);\n }\n\n .neman-documents-page .docs-modal-content {\n background: white;\n margin: 2% auto;\n width: 90%;\n max-width: 1000px;\n height: 90%;\n border-radius: 20px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n .neman-documents-page .docs-modal-header {\n padding: 1.5rem 2rem;\n background: #f8fafc;\n border-bottom: 1px solid #e2e8f0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .neman-documents-page .docs-modal-header h3 {\n margin: 0;\n font-size: 1.25rem;\n font-weight: 600;\n color: #1e293b;\n }\n\n .neman-documents-page .docs-modal-close {\n background: none;\n border: none;\n cursor: pointer;\n color: #64748b;\n transition: color 0.3s ease;\n }\n\n .neman-documents-page .docs-modal-close:hover {\n color: #1e293b;\n }\n\n .neman-documents-page .docs-modal-body {\n flex: 1;\n padding: 0;\n }\n\n .neman-documents-page #docs-preview-frame {\n width: 100%;\n height: 100%;\n }\n\n \/* Hidden class *\/\n .neman-documents-page .docs-hidden {\n display: none !important;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .neman-documents-page .docs-stats {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .neman-documents-page .docs-document-item {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n\n .neman-documents-page .docs-document-actions {\n justify-content: center;\n }\n\n .neman-documents-page .docs-construction-experience {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .neman-documents-page .docs-construction-contact {\n flex-direction: column;\n gap: 1.5rem;\n }\n }\n\n @media (max-width: 768px) {\n .neman-documents-page .docs-hero-content h1 {\n font-size: 2.5rem;\n }\n\n .neman-documents-page .docs-hero-subtitle {\n font-size: 1.1rem;\n }\n\n .neman-documents-page .docs-main-category-title {\n font-size: 2rem;\n }\n\n .neman-documents-page .docs-subsection-header {\n padding: 1.5rem;\n flex-direction: column;\n gap: 1rem;\n text-align: center;\n }\n\n .neman-documents-page .docs-document-list {\n padding: 0 1rem 1rem;\n }\n\n .neman-documents-page .docs-filter-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .neman-documents-page .docs-cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .neman-documents-page .docs-construction-title {\n font-size: 2.2rem;\n }\n\n .neman-documents-page .docs-construction-timeline::before {\n left: 30px;\n }\n\n .neman-documents-page .docs-construction-timeline-item {\n flex-direction: column;\n text-align: center;\n gap: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-timeline-number {\n width: 80px;\n height: 80px;\n font-size: 1.2rem;\n margin: 0 auto;\n }\n\n .neman-documents-page .docs-construction-timeline-content {\n margin-top: 0;\n }\n\n .neman-documents-page .docs-construction-timeline-content::before {\n display: none;\n }\n\n .neman-documents-page .docs-construction-products {\n grid-template-columns: 1fr;\n }\n\n\n .neman-documents-page .docs-construction-support {\n padding: 3rem 2rem;\n }\n\n .neman-documents-page .docs-construction-cta {\n padding: 3rem 2rem;\n }\n\n .neman-documents-page .docs-construction-experience {\n padding: 2rem;\n }\n\n .neman-documents-page .docs-construction-support-list {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .neman-documents-page .docs-construction-title {\n font-size: 1.8rem;\n }\n\n .neman-documents-page .docs-construction-why-title,\n .neman-documents-page .docs-construction-offer-title,\n .neman-documents-page .docs-construction-support-title {\n font-size: 1.8rem;\n }\n\n .neman-documents-page .docs-construction-timeline::before {\n left: 20px;\n }\n\n .neman-documents-page .docs-construction-timeline-number {\n width: 60px;\n height: 60px;\n font-size: 1rem;\n }\n\n .neman-documents-page .docs-construction-timeline-content {\n padding: 2rem 1.5rem;\n }\n\n .neman-documents-page .docs-construction-product {\n padding: 1.5rem 1rem;\n }\n\n .neman-documents-page .docs-construction-support,\n .neman-documents-page .docs-construction-cta {\n padding: 2rem 1.5rem;\n }\n\n .neman-documents-page .docs-construction-experience {\n padding: 1.5rem;\n }\n }\n\n @media (max-width: 480px) {\n .neman-documents-page .docs-hero-content h1 {\n font-size: 2rem;\n }\n\n .neman-documents-page .docs-container {\n padding: 0 0.5rem;\n }\n\n .neman-documents-page .docs-hero-section,\n .neman-documents-page .docs-search-section,\n .neman-documents-page .docs-content-section,\n .neman-documents-page .docs-cta-section {\n padding: 3rem 0;\n }\n\n .neman-documents-page .docs-main-category-header {\n padding: 2rem 1rem;\n }\n\n .neman-documents-page .docs-main-category-title {\n font-size: 1.5rem;\n }\n\n\n .neman-documents-page .docs-construction-title {\n font-size: 1.8rem;\n }\n\n .neman-documents-page .docs-construction-offer,\n .neman-documents-page .docs-construction-support,\n .neman-documents-page .docs-construction-cta {\n padding: 2rem 1.5rem;\n }\n }\n\n\n\n \/* Calculator Compact Section Styles *\/\n .neman-documents-page .docs-calculator-compact-section {\n padding: 3rem 0 !important;\n background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;\n margin: 0 !important;\n width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n position: relative !important;\n }\n\n .neman-documents-page .docs-calculator-compact-wrapper {\n display: flex !important;\n align-items: center !important;\n gap: 2rem !important;\n background: rgba(255, 255, 255, 0.05) !important;\n backdrop-filter: blur(10px) !important;\n border: 1px solid rgba(95, 186, 81, 0.3) !important;\n padding: 2.5rem 3rem !important;\n border-radius: 20px !important;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important;\n transition: all 0.3s ease !important;\n }\n\n .neman-documents-page .docs-calculator-compact-wrapper:hover {\n transform: translateY(-4px) !important;\n box-shadow: 0 12px 40px rgba(95, 186, 81, 0.2) !important;\n border-color: rgba(95, 186, 81, 0.5) !important;\n }\n\n .neman-documents-page .docs-calculator-compact-icon {\n flex-shrink: 0 !important;\n width: 80px !important;\n height: 80px !important;\n background: linear-gradient(135deg, rgba(95, 186, 81, 0.2), rgba(74, 148, 65, 0.2)) !important;\n border: 1px solid rgba(95, 186, 81, 0.3) !important;\n border-radius: 16px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n color: #5FBA51 !important;\n }\n\n .neman-documents-page .docs-calculator-compact-content {\n flex: 1 !important;\n color: white !important;\n }\n\n .neman-documents-page .docs-calculator-compact-title {\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n margin-bottom: 0.5rem !important;\n color: white !important;\n }\n\n .neman-documents-page .docs-calculator-compact-desc {\n font-size: 0.95rem !important;\n color: #cbd5e1 !important;\n line-height: 1.5 !important;\n margin: 0 !important;\n }\n\n .neman-documents-page .docs-calculator-compact-btn {\n display: inline-flex !important;\n align-items: center !important;\n gap: 0.5rem !important;\n padding: 1rem 2rem !important;\n background: linear-gradient(135deg, #5FBA51, #4a9441) !important;\n color: white !important;\n border-radius: 12px !important;\n font-weight: 600 !important;\n text-decoration: none !important;\n transition: all 0.3s ease !important;\n white-space: nowrap !important;\n box-shadow: 0 4px 15px rgba(95, 186, 81, 0.3) !important;\n }\n\n .neman-documents-page .docs-calculator-compact-btn:hover {\n background: linear-gradient(135deg, #6FCA61, #5aa451) !important;\n transform: translateX(4px) !important;\n box-shadow: 0 6px 20px rgba(95, 186, 81, 0.4) !important;\n }\n\n .neman-documents-page .docs-calculator-compact-btn svg {\n transition: transform 0.3s ease !important;\n }\n\n .neman-documents-page .docs-calculator-compact-btn:hover svg {\n transform: translateX(4px) !important;\n }\n\n \/* Old Calculator CTA Section Styles - \u0423\u0414\u0410\u041b\u0415\u041d\u041e *\/\n .neman-documents-page .docs-calculator-cta-section {\n display: none !important;\n }\n\n .neman-documents-page .docs-calculator-cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n background: radial-gradient(circle at center, rgba(95, 186, 81, 0.15) 0%, transparent 70%);\n }\n\n .neman-documents-page .docs-calculator-cta-wrapper {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 2;\n }\n\n .neman-documents-page .docs-calculator-cta-content {\n max-width: 600px;\n }\n\n .neman-documents-page .docs-calculator-cta-title {\n font-size: 2.5rem !important;\n font-weight: 800 !important;\n margin-bottom: 1.5rem !important;\n line-height: 1.2 !important;\n color: #ffffff !important;\n }\n\n .neman-documents-page .docs-calculator-cta-title .accent {\n color: #5FBA51 !important;\n background: linear-gradient(135deg, #5FBA51 0%, #4a9441 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n background-clip: text !important;\n }\n\n .neman-documents-page .docs-calculator-cta-desc {\n font-size: 1.1rem !important;\n color: #cbd5e1 !important;\n margin-bottom: 2rem !important;\n line-height: 1.6 !important;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits {\n list-style: none !important;\n padding: 0 !important;\n margin-bottom: 2.5rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits li {\n display: flex !important;\n align-items: center !important;\n gap: 1rem !important;\n margin-bottom: 1rem !important;\n font-weight: 500 !important;\n color: #e2e8f0 !important;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits .icon {\n width: 24px;\n height: 24px;\n background: rgba(95, 186, 81, 0.2);\n color: #5FBA51;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8rem;\n font-weight: bold;\n }\n\n .neman-documents-page .docs-calculator-cta-btn {\n display: inline-flex !important;\n align-items: center !important;\n gap: 0.75rem !important;\n background: linear-gradient(135deg, #5FBA51, #4a9441) !important;\n color: white !important;\n padding: 1rem 2rem !important;\n border-radius: 12px !important;\n font-weight: 600 !important;\n text-decoration: none !important;\n transition: all 0.3s ease !important;\n box-shadow: 0 4px 15px rgba(95, 186, 81, 0.3) !important;\n }\n\n .neman-documents-page .docs-calculator-cta-btn:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(95, 186, 81, 0.4) !important;\n }\n\n .neman-documents-page .docs-calculator-cta-image {\n position: relative;\n height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* Decorative Cards *\/\n .neman-documents-page .calc-decoration-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n }\n\n .neman-documents-page .main-card {\n width: 400px;\n height: 580px;\n padding: 2rem;\n transform: rotate(-5deg);\n transition: transform 0.5s ease;\n display: flex;\n flex-direction: column;\n }\n\n .neman-documents-page .calc-decoration-body {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .neman-documents-page .calc-decoration-header {\n display: flex;\n gap: 0.75rem;\n margin-bottom: 2.5rem;\n }\n\n .neman-documents-page .dot {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n }\n\n .neman-documents-page .dot.red {\n background: #ff5f56;\n }\n\n .neman-documents-page .dot.yellow {\n background: #ffbd2e;\n }\n\n .neman-documents-page .dot.green {\n background: #27c93f;\n }\n\n .neman-documents-page .line {\n height: 10px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 5px;\n margin-bottom: 1.2rem;\n }\n\n .neman-documents-page .w-70 {\n width: 70%;\n }\n\n .neman-documents-page .w-50 {\n width: 50%;\n }\n\n .neman-documents-page .w-60 {\n width: 60%;\n }\n\n .neman-documents-page .w-40 {\n width: 40%;\n }\n\n .neman-documents-page .w-80 {\n width: 80%;\n }\n\n .neman-documents-page .w-30 {\n width: 30%;\n }\n\n .neman-documents-page .calc-decoration-result {\n margin-top: 2.5rem;\n padding: 1.5rem;\n background: linear-gradient(135deg, rgba(95, 186, 81, 0.15) 0%, rgba(95, 186, 81, 0.05) 100%);\n border: 1px solid rgba(95, 186, 81, 0.2);\n border-radius: 18px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: white;\n backdrop-filter: blur(5px);\n opacity: 0;\n }\n\n .neman-documents-page .main-card.animate .calc-decoration-result {\n animation: result-appear 0.5s ease-in-out 0.5s forwards;\n }\n\n .neman-documents-page .highlight {\n color: #5FBA51;\n font-weight: bold;\n font-size: 1.4rem;\n }\n\n .neman-documents-page .calc-list-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1rem;\n }\n\n .neman-documents-page .calc-list-line {\n flex: 1;\n height: 8px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 4px;\n margin-right: 1.2rem;\n opacity: 0;\n width: 0;\n }\n\n .neman-documents-page .main-card.animate .calc-list-line {\n animation: typing-line 0.8s ease-in-out forwards;\n }\n\n .neman-documents-page .calc-list-price {\n height: 8px;\n width: 50px;\n background: rgba(95, 186, 81, 0.2);\n border-radius: 4px;\n opacity: 0;\n }\n\n .neman-documents-page .main-card.animate .calc-list-price {\n animation: fade-in 0.3s ease-in-out forwards;\n }\n\n .neman-documents-page .docs-calculator-cta-image::before {\n content: '';\n position: absolute;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(95, 186, 81, 0.15) 0%, transparent 70%);\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -1;\n animation: pulse-glow 4s ease-in-out infinite;\n }\n\n @keyframes pulse-glow {\n\n 0%,\n 100% {\n opacity: 0.5;\n transform: translate(-50%, -50%) scale(1);\n }\n\n 50% {\n opacity: 0.8;\n transform: translate(-50%, -50%) scale(1.1);\n }\n }\n\n .neman-documents-page .floating-card {\n position: absolute;\n bottom: 140px;\n right: 20px;\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n background: white;\n color: #1e293b;\n font-weight: 600;\n transform: rotate(5deg);\n animation: float-card 4s ease-in-out infinite;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n }\n\n .neman-documents-page .floating-card svg {\n color: #5FBA51;\n }\n\n @keyframes float-card {\n\n 0%,\n 100% {\n transform: translateY(0) rotate(5deg);\n }\n\n 50% {\n transform: translateY(-10px) rotate(5deg);\n }\n }\n\n @keyframes typing-line {\n 0% {\n width: 0;\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n width: 100%;\n opacity: 1;\n }\n }\n\n @keyframes fade-in {\n 0% {\n opacity: 0;\n transform: scale(0.8);\n }\n\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes result-appear {\n 0% {\n opacity: 0;\n transform: translateY(10px) scale(0.95);\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n \/* \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418 \u041f\u041e\u042f\u0412\u041b\u0415\u041d\u0418\u042f \u041f\u0420\u0418 \u0421\u041a\u0420\u041e\u041b\u041b\u0415 *\/\n .neman-documents-page .scroll-animate {\n opacity: 0;\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .neman-documents-page .scroll-animate.visible {\n opacity: 1;\n }\n\n \/* Fade Up - \u0441\u043d\u0438\u0437\u0443 \u0432\u0432\u0435\u0440\u0445 *\/\n .neman-documents-page .fade-up {\n transform: translateY(50px);\n }\n\n .neman-documents-page .fade-up.visible {\n transform: translateY(0);\n }\n\n \/* Fade In - \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 *\/\n .neman-documents-page .fade-in {\n opacity: 0;\n }\n\n .neman-documents-page .fade-in.visible {\n opacity: 1;\n }\n\n \/* Scale In - \u0441 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435\u043c *\/\n .neman-documents-page .scale-in {\n transform: scale(0.9);\n }\n\n .neman-documents-page .scale-in.visible {\n transform: scale(1);\n }\n\n \/* Slide Left - \u0441\u043b\u0435\u0432\u0430 *\/\n .neman-documents-page .slide-left {\n transform: translateX(-50px);\n }\n\n .neman-documents-page .slide-left.visible {\n transform: translateX(0);\n }\n\n \/* Slide Right - \u0441\u043f\u0440\u0430\u0432\u0430 *\/\n .neman-documents-page .slide-right {\n transform: translateX(50px);\n }\n\n .neman-documents-page .slide-right.visible {\n transform: translateX(0);\n }\n\n \/* \u0417\u0430\u0434\u0435\u0440\u0436\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f *\/\n .neman-documents-page .delay-100 {\n transition-delay: 0.1s;\n }\n\n .neman-documents-page .delay-200 {\n transition-delay: 0.2s;\n }\n\n .neman-documents-page .delay-300 {\n transition-delay: 0.3s;\n }\n\n .neman-documents-page .delay-400 {\n transition-delay: 0.4s;\n }\n\n .neman-documents-page .delay-500 {\n transition-delay: 0.5s;\n }\n\n \/* \u041f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u0438\u043d\u0438\u0439 *\/\n .neman-documents-page .calc-list-item:nth-child(1) .calc-list-line {\n animation-delay: 0s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(1) .calc-list-price {\n animation-delay: 0.05s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(2) .calc-list-line {\n animation-delay: 0.1s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(2) .calc-list-price {\n animation-delay: 0.15s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(3) .calc-list-line {\n animation-delay: 0.2s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(3) .calc-list-price {\n animation-delay: 0.25s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(4) .calc-list-line {\n animation-delay: 0.3s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(4) .calc-list-price {\n animation-delay: 0.35s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(5) .calc-list-line {\n animation-delay: 0.4s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(5) .calc-list-price {\n animation-delay: 0.45s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(6) .calc-list-line {\n animation-delay: 0.5s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(6) .calc-list-price {\n animation-delay: 0.55s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(7) .calc-list-line {\n animation-delay: 0.6s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(7) .calc-list-price {\n animation-delay: 0.65s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(8) .calc-list-line {\n animation-delay: 0.7s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(8) .calc-list-price {\n animation-delay: 0.75s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(9) .calc-list-line {\n animation-delay: 0.8s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(9) .calc-list-price {\n animation-delay: 0.85s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(10) .calc-list-line {\n animation-delay: 0.9s;\n }\n\n .neman-documents-page .calc-list-item:nth-child(10) .calc-list-price {\n animation-delay: 0.95s;\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0410\u0426\u0418\u042f \u0414\u041b\u042f \u041f\u041b\u0410\u041d\u0428\u0415\u0422\u041e\u0412 (992px \u0438 \u043c\u0435\u043d\u044c\u0448\u0435) *\/\n @media (max-width: 992px) {\n\n \/* Hero Section *\/\n .neman-documents-page .docs-hero-content h1 {\n font-size: 2.5rem !important;\n }\n\n .neman-documents-page .docs-hero-subtitle {\n font-size: 1rem !important;\n }\n\n .neman-documents-page .docs-stats {\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n .neman-documents-page .docs-stat-card {\n padding: 1.2rem 1rem;\n }\n\n .neman-documents-page .docs-stat-number {\n font-size: 1.8rem;\n }\n\n \/* Search Section *\/\n .neman-documents-page .docs-filter-buttons {\n gap: 0.5rem;\n }\n\n .neman-documents-page .docs-filter-btn {\n padding: 0.6rem 1rem;\n font-size: 0.85rem;\n }\n\n \/* Construction Section *\/\n .neman-documents-page .docs-construction-title {\n font-size: 2rem;\n }\n\n .neman-documents-page .docs-construction-products {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-experience {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n \/* Calculator Compact Section *\/\n .neman-documents-page .docs-calculator-compact-wrapper {\n padding: 2rem 2rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-title {\n font-size: 1.4rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-content {\n margin: 0 auto;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits li {\n justify-content: center;\n }\n\n .neman-documents-page .docs-calculator-cta-image {\n height: 450px;\n }\n\n .neman-documents-page .main-card {\n width: 320px;\n height: 480px;\n padding: 1.5rem;\n }\n\n .neman-documents-page .floating-card {\n right: 8px !important;\n bottom: 100px !important;\n padding: 0.8rem 1.2rem !important;\n font-size: 0.85rem !important;\n transform: rotate(3deg) scale(0.9) !important;\n }\n\n .neman-documents-page .floating-card svg {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0410\u0426\u0418\u042f \u0414\u041b\u042f \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 (768px \u0438 \u043c\u0435\u043d\u044c\u0448\u0435) *\/\n @media (max-width: 768px) {\n\n \/* \u041e\u0431\u0449\u0438\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b *\/\n .neman-documents-page .docs-container {\n padding: 0 1rem;\n }\n\n \/* Hero Section *\/\n .neman-documents-page .docs-hero-section {\n padding: 2rem 0 3rem !important;\n }\n\n .neman-documents-page .docs-hero-content h1 {\n font-size: 2rem !important;\n margin-bottom: 0.8rem !important;\n }\n\n .neman-documents-page .docs-hero-subtitle {\n font-size: 0.95rem !important;\n margin-bottom: 1.5rem !important;\n }\n\n .neman-documents-page .docs-stats {\n grid-template-columns: 1fr;\n gap: 1rem;\n max-width: 300px;\n }\n\n .neman-documents-page .docs-stat-card {\n padding: 1rem;\n }\n\n .neman-documents-page .docs-stat-number {\n font-size: 1.5rem;\n }\n\n .neman-documents-page .docs-stat-label {\n font-size: 0.9rem;\n }\n\n \/* Search Section *\/\n .neman-documents-page .docs-search-section {\n padding: 1.5rem 0 !important;\n }\n\n .neman-documents-page .docs-search-wrapper {\n gap: 1rem;\n }\n\n .neman-documents-page .docs-filter-buttons {\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n .neman-documents-page .docs-filter-btn {\n padding: 0.5rem 0.8rem;\n font-size: 0.8rem;\n }\n\n \/* Construction Section *\/\n .neman-documents-page .docs-construction-section {\n padding: 2rem 0;\n }\n\n .neman-documents-page .docs-construction-header {\n margin-bottom: 2rem;\n }\n\n .neman-documents-page .docs-construction-title {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }\n\n .neman-documents-page .docs-construction-subtitle {\n font-size: 0.95rem;\n }\n\n .neman-documents-page .docs-construction-timeline {\n gap: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-timeline-item {\n padding: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-timeline-number {\n font-size: 1.5rem;\n min-width: 50px;\n height: 50px;\n }\n\n .neman-documents-page .docs-construction-products {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-product {\n padding: 1.5rem;\n }\n\n .neman-documents-page .docs-construction-product h4 {\n font-size: 1.1rem;\n }\n\n \/* \u0411\u043b\u043e\u043a \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 *\/\n .neman-documents-page .docs-construction-support {\n padding: 2.5rem 1.5rem !important;\n margin-bottom: 3rem !important;\n }\n\n .neman-documents-page .docs-construction-support-title {\n font-size: 1.6rem !important;\n margin-bottom: 0.8rem !important;\n }\n\n .neman-documents-page .docs-construction-support-subtitle {\n font-size: 1rem !important;\n margin-bottom: 2rem !important;\n }\n\n .neman-documents-page .docs-construction-support-list {\n grid-template-columns: 1fr !important;\n gap: 1rem !important;\n }\n\n .neman-documents-page .docs-construction-support-item {\n padding: 1rem !important;\n flex-direction: row !important;\n align-items: flex-start !important;\n }\n\n .neman-documents-page .docs-construction-support-item span {\n font-size: 0.95rem !important;\n }\n\n \/* \u0411\u043b\u043e\u043a \u041e\u043f\u044b\u0442 \u0438 \u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 *\/\n .neman-documents-page .docs-construction-experience {\n grid-template-columns: 1fr !important;\n gap: 2rem !important;\n margin-bottom: 3rem !important;\n }\n\n .neman-documents-page .docs-construction-experience-content,\n .neman-documents-page .docs-construction-conditions {\n padding: 2rem 1.5rem !important;\n }\n\n .neman-documents-page .docs-construction-experience-content h3,\n .neman-documents-page .docs-construction-conditions h3 {\n font-size: 1.5rem !important;\n margin-bottom: 1.2rem !important;\n }\n\n .neman-documents-page .docs-construction-experience-content p {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n }\n\n .neman-documents-page .docs-construction-conditions-list {\n gap: 0.8rem !important;\n }\n\n .neman-documents-page .docs-construction-condition-item {\n padding: 1rem !important;\n flex-direction: row !important;\n align-items: flex-start !important;\n }\n\n .neman-documents-page .docs-construction-condition-icon {\n font-size: 1.2rem !important;\n }\n\n .neman-documents-page .docs-construction-condition-item span {\n font-size: 0.95rem !important;\n }\n\n \/* \u0411\u043b\u043e\u043a \u041d\u0430\u0447\u043d\u0435\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e *\/\n .neman-documents-page .docs-construction-cta {\n padding: 2.5rem 1.5rem !important;\n }\n\n .neman-documents-page .docs-construction-cta h3 {\n font-size: 1.6rem !important;\n margin-bottom: 2rem !important;\n }\n\n .neman-documents-page .docs-construction-contact {\n flex-direction: column !important;\n gap: 1.5rem !important;\n margin-bottom: 2rem !important;\n }\n\n .neman-documents-page .docs-construction-contact-item {\n padding: 1.2rem !important;\n width: 100% !important;\n }\n\n .neman-documents-page .docs-construction-contact-icon {\n width: 40px !important;\n height: 40px !important;\n }\n\n .neman-documents-page .docs-construction-contact-label {\n font-size: 0.85rem !important;\n }\n\n .neman-documents-page .docs-construction-contact-value {\n font-size: 1rem !important;\n }\n\n .neman-documents-page .docs-construction-cta-note p {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n }\n\n .neman-documents-page .docs-construction-cta-btn {\n padding: 1rem 1.8rem !important;\n font-size: 1rem !important;\n }\n\n \/* Calculator Compact Section *\/\n .neman-documents-page .docs-calculator-compact-wrapper {\n flex-direction: column !important;\n text-align: center !important;\n padding: 2rem 1.5rem !important;\n gap: 1.5rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-icon {\n width: 64px !important;\n height: 64px !important;\n }\n\n .neman-documents-page .docs-calculator-compact-title {\n font-size: 1.3rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-desc {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-btn {\n padding: 0.9rem 1.8rem !important;\n width: 100% !important;\n max-width: 280px !important;\n justify-content: center !important;\n }\n\n .neman-documents-page .docs-calculator-cta-wrapper {\n gap: 2rem;\n }\n\n .neman-documents-page .docs-calculator-cta-title {\n font-size: 1.8rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-desc {\n font-size: 0.95rem !important;\n margin-bottom: 1.5rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits {\n margin-bottom: 2rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits li {\n font-size: 0.95rem !important;\n margin-bottom: 0.8rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-image {\n height: auto !important;\n min-height: 350px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n }\n\n .neman-documents-page .main-card {\n width: 100% !important;\n max-width: 320px !important;\n height: auto !important;\n min-height: 400px !important;\n padding: 1.5rem !important;\n }\n\n .neman-documents-page .calc-decoration-header {\n gap: 0.5rem;\n margin-bottom: 1.5rem;\n }\n\n .neman-documents-page .dot {\n width: 12px;\n height: 12px;\n }\n\n .neman-documents-page .line {\n height: 6px !important;\n margin-bottom: 0.8rem !important;\n }\n\n .neman-documents-page .calc-list-item {\n gap: 0.8rem !important;\n }\n\n .neman-documents-page .calc-list-line {\n height: 6px !important;\n }\n\n .neman-documents-page .calc-list-price {\n font-size: 0.9rem !important;\n white-space: nowrap !important;\n }\n\n .neman-documents-page .calc-decoration-result {\n padding: 1rem !important;\n margin-top: 1.5rem !important;\n }\n\n .neman-documents-page .highlight {\n font-size: 1.1rem !important;\n }\n\n .neman-documents-page .floating-card {\n right: 5px !important;\n bottom: 60px !important;\n padding: 0.7rem 1rem !important;\n font-size: 0.85rem !important;\n gap: 0.6rem !important;\n transform: rotate(3deg) scale(0.85) !important;\n }\n\n .neman-documents-page .floating-card svg {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0410\u0426\u0418\u042f \u0414\u041b\u042f \u041c\u0410\u041b\u0415\u041d\u042c\u041a\u0418\u0425 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 (480px \u0438 \u043c\u0435\u043d\u044c\u0448\u0435) *\/\n @media (max-width: 480px) {\n\n \/* Hero Section *\/\n .neman-documents-page .docs-hero-content h1 {\n font-size: 1.6rem !important;\n }\n\n .neman-documents-page .docs-hero-subtitle {\n font-size: 0.9rem !important;\n }\n\n \/* Search Section *\/\n .neman-documents-page .docs-search-box {\n width: 100%;\n }\n\n .neman-documents-page .docs-filter-btn {\n flex: 1 1 auto;\n min-width: calc(50% - 0.25rem);\n font-size: 0.75rem !important;\n padding: 0.5rem 0.6rem !important;\n }\n\n \/* Construction Section *\/\n .neman-documents-page .docs-construction-title {\n font-size: 1.4rem;\n }\n\n .neman-documents-page .docs-construction-subtitle {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-construction-timeline-item {\n padding: 1rem;\n flex-direction: column !important;\n align-items: flex-start !important;\n }\n\n .neman-documents-page .docs-construction-timeline-number {\n margin-bottom: 0.5rem !important;\n }\n\n .neman-documents-page .docs-construction-timeline-content h4 {\n font-size: 1rem;\n }\n\n .neman-documents-page .docs-construction-product-icon svg {\n width: 40px;\n height: 40px;\n }\n\n \/* \u0411\u043b\u043e\u043a \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 *\/\n .neman-documents-page .docs-construction-support {\n padding: 2rem 1rem !important;\n }\n\n .neman-documents-page .docs-construction-support-title {\n font-size: 1.4rem !important;\n }\n\n .neman-documents-page .docs-construction-support-subtitle {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-construction-support-item {\n padding: 0.8rem !important;\n }\n\n .neman-documents-page .docs-construction-support-item span {\n font-size: 0.9rem !important;\n }\n\n \/* \u0411\u043b\u043e\u043a \u041e\u043f\u044b\u0442 \u0438 \u0423\u0441\u043b\u043e\u0432\u0438\u044f *\/\n .neman-documents-page .docs-construction-experience-content,\n .neman-documents-page .docs-construction-conditions {\n padding: 1.5rem 1rem !important;\n }\n\n .neman-documents-page .docs-construction-experience-content h3,\n .neman-documents-page .docs-construction-conditions h3 {\n font-size: 1.3rem !important;\n }\n\n .neman-documents-page .docs-construction-experience-content p {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-construction-condition-item {\n padding: 0.8rem !important;\n }\n\n .neman-documents-page .docs-construction-condition-item span {\n font-size: 0.9rem !important;\n }\n\n \/* \u0411\u043b\u043e\u043a \u041d\u0430\u0447\u043d\u0435\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e *\/\n .neman-documents-page .docs-construction-cta {\n padding: 2rem 1rem !important;\n }\n\n .neman-documents-page .docs-construction-cta h3 {\n font-size: 1.4rem !important;\n margin-bottom: 1.5rem !important;\n }\n\n .neman-documents-page .docs-construction-contact-item {\n padding: 1rem !important;\n flex-direction: column !important;\n align-items: center !important;\n text-align: center !important;\n }\n\n .neman-documents-page .docs-construction-contact-info {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n width: 100% !important;\n }\n\n .neman-documents-page .docs-construction-contact-label {\n font-size: 0.8rem !important;\n }\n\n .neman-documents-page .docs-construction-contact-value {\n font-size: 0.95rem !important;\n word-break: break-all !important;\n }\n\n .neman-documents-page .docs-construction-cta-note p {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-construction-cta-btn {\n padding: 0.9rem 1.5rem !important;\n font-size: 0.95rem !important;\n width: 100% !important;\n max-width: 280px !important;\n justify-content: center !important;\n }\n\n \/* Calculator Compact Section *\/\n .neman-documents-page .docs-calculator-compact-wrapper {\n padding: 1.5rem 1rem !important;\n gap: 1.2rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-icon {\n width: 56px !important;\n height: 56px !important;\n }\n\n .neman-documents-page .docs-calculator-compact-icon svg {\n width: 32px !important;\n height: 32px !important;\n }\n\n .neman-documents-page .docs-calculator-compact-title {\n font-size: 1.2rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-desc {\n font-size: 0.85rem !important;\n }\n\n .neman-documents-page .docs-calculator-compact-btn {\n padding: 0.8rem 1.5rem !important;\n font-size: 0.95rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-title {\n font-size: 1.5rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-desc {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-benefits li {\n font-size: 0.9rem !important;\n }\n\n .neman-documents-page .docs-calculator-cta-btn {\n padding: 0.9rem 1.5rem !important;\n font-size: 0.95rem !important;\n width: 100% !important;\n max-width: 280px !important;\n }\n\n .neman-documents-page .docs-calculator-cta-image {\n min-height: 300px !important;\n }\n\n .neman-documents-page .main-card {\n width: 100% !important;\n max-width: 280px !important;\n min-height: 360px !important;\n padding: 1rem !important;\n }\n\n .neman-documents-page .calc-decoration-header h4 {\n font-size: 0.95rem !important;\n }\n\n .neman-documents-page .line {\n height: 5px !important;\n }\n\n .neman-documents-page .calc-list-line {\n height: 5px !important;\n }\n\n .neman-documents-page .calc-list-price {\n font-size: 0.85rem !important;\n }\n\n .neman-documents-page .calc-decoration-result {\n padding: 0.8rem !important;\n }\n\n .neman-documents-page .calc-decoration-result span {\n font-size: 0.85rem !important;\n }\n\n .neman-documents-page .highlight {\n font-size: 1rem !important;\n }\n\n .neman-documents-page .floating-card {\n right: 3px !important;\n bottom: 50px !important;\n padding: 0.5rem 0.8rem !important;\n font-size: 0.75rem !important;\n gap: 0.5rem !important;\n transform: rotate(3deg) scale(0.75) !important;\n border-radius: 8px !important;\n }\n\n .neman-documents-page .floating-card svg {\n width: 16px !important;\n height: 16px !important;\n }\n }\n <\/style>\n\n <!-- Hero Section -->\n <section class=\"docs-hero-section\">\n <div class=\"docs-container\">\n <div class=\"docs-hero-content\">\n <h1>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/h1>\n <p class=\"docs-hero-subtitle\">\u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0443\u0447\u0440\u0435\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0432\n \u0438 \u043f\u0430\u0441\u043f\u043e\u0440\u0442\u043e\u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438 NEMAN EXPERT<\/p>\n\n <div class=\"docs-stats\">\n <div class=\"docs-stat-card scroll-animate fade-up\">\n <div class=\"docs-stat-number\" id=\"docs-total-count\" data-target=\"0\">0<\/div>\n <div class=\"docs-stat-label\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432<\/div>\n <\/div>\n <div class=\"docs-stat-card scroll-animate fade-up delay-100\">\n <div class=\"docs-stat-number\" id=\"docs-categories-count\" data-target=\"0\">0<\/div>\n <div class=\"docs-stat-label\">\u0420\u0430\u0437\u0434\u0435\u043b\u043e\u0432<\/div>\n <\/div>\n <div class=\"docs-stat-card scroll-animate fade-up delay-200\">\n <div class=\"docs-stat-number\" id=\"docs-accuracy-count\" data-target=\"100\">0<\/div>\n <div class=\"docs-stat-label\">\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <!-- Search Section -->\n <section class=\"docs-search-section\">\n <div class=\"docs-container\">\n <div class=\"docs-search-wrapper scroll-animate fade-in\">\n <div class=\"docs-search-box\">\n <svg class=\"docs-search-icon\" width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" \/>\n <\/svg>\n <input type=\"text\" id=\"docs-search\" placeholder=\"\u041f\u043e\u0438\u0441\u043a \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432...\" \/>\n <\/div>\n <div class=\"docs-filter-buttons\">\n <button class=\"docs-filter-btn active\" data-category=\"all\">\u0412\u0441\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/button>\n <button class=\"docs-filter-btn\" data-category=\"company\">\u0422\u041e\u041e NER GROUP LTD<\/button>\n <button class=\"docs-filter-btn\" data-category=\"basalt\">\u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 NEMAN EXPERT<\/button>\n <button class=\"docs-filter-btn\" data-category=\"foam\">\u041c\u043e\u043d\u0442\u0430\u0436\u043d\u0430\u044f \u043f\u0435\u043d\u0430 NEMAN EXPERT<\/button>\n <button class=\"docs-filter-btn\" data-category=\"glass\">\u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430 NEMAN EXPERT<\/button>\n <button class=\"docs-filter-btn\" data-category=\"hydro\">\u0413\u0438\u0434\u0440\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f NEMAN EXPERT<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c Section -->\n <section class=\"docs-construction-section\">\n <div class=\"docs-container\">\n\n <!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0435\u043a\u0446\u0438\u0438 -->\n <div class=\"docs-construction-header scroll-animate fade-up\">\n <h2 class=\"docs-construction-title\">\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c: \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430 \u0432\u0430\u0448 \u0443\u0441\u043f\u0435\u0445<\/h2>\n <p class=\"docs-construction-subtitle\">\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u2014 \u044d\u0442\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c: \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u043e\u043c, \u043f\u0435\u0440\u0435\u0434\n \u043b\u044e\u0434\u044c\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0436\u0438\u0442\u044c \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0437\u0434\u0430\u043d\u0438\u0438, \u043f\u0435\u0440\u0435\u0434 \u0441\u0440\u043e\u043a\u0430\u043c\u0438 \u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c. \u041c\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c \u044d\u0442\u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438\n \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0432\u043e\u0432\u0440\u0435\u043c\u044f \u0438 \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0438\u0445\n \u0440\u0438\u0441\u043a\u043e\u0432.<\/p>\n <\/div>\n\n <!-- \u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441 -->\n <div class=\"docs-construction-why\">\n <h3 class=\"docs-construction-why-title scroll-animate fade-up\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043d\u0430\u0441?<\/h3>\n <div class=\"docs-construction-timeline\">\n <div class=\"docs-construction-timeline-item scroll-animate slide-left\">\n <div class=\"docs-construction-timeline-number\">01<\/div>\n <div class=\"docs-construction-timeline-content\">\n <div class=\"docs-construction-timeline-icon\">\n <svg width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432<\/h4>\n <p>\u043d\u0430\u0448\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044f \u0443\u0434\u043e\u0431\u043d\u0430 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435, \u043b\u0435\u0433\u043a\u043e \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0438 \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u0437\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e<\/p>\n <\/div>\n <\/div>\n\n <div class=\"docs-construction-timeline-item scroll-animate slide-left delay-100\">\n <div class=\"docs-construction-timeline-number\">02<\/div>\n <div class=\"docs-construction-timeline-content\">\n <div class=\"docs-construction-timeline-icon\">\n <svg width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20ZM10,10H14V12H10V10ZM10,12H14V14H10V12ZM10,14H14V16H10V14Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043d\u043d\u043e\u0435 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430\u043c\u0438<\/h4>\n <p>\u0432\u0441\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0413\u041e\u0421\u0422 \u0438 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c<\/p>\n <\/div>\n <\/div>\n\n <div class=\"docs-construction-timeline-item scroll-animate slide-left delay-200\">\n <div class=\"docs-construction-timeline-number\">03<\/div>\n <div class=\"docs-construction-timeline-content\">\n <div class=\"docs-construction-timeline-icon\">\n <svg width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043f\u043e\u0441\u0442\u0430\u0432\u043e\u043a<\/h4>\n <p>\u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u043a\u043b\u0430\u0434\u044b \u0438 \u043e\u0442\u043b\u0430\u0436\u0435\u043d\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0431\u0435\u0441\u043f\u0435\u0440\u0435\u0431\u043e\u0439\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043f\u043e \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0438\n \u0421\u041d\u0413<\/p>\n <\/div>\n <\/div>\n\n <div class=\"docs-construction-timeline-item scroll-animate slide-left delay-300\">\n <div class=\"docs-construction-timeline-number\">04<\/div>\n <div class=\"docs-construction-timeline-content\">\n <div class=\"docs-construction-timeline-icon\">\n <svg width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A3,3 0 0,0 9,9A3,3 0 0,0 12,12A3,3 0 0,0 15,9A3,3 0 0,0 12,6M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6V17Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434<\/h4>\n <p>\u043c\u044b \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u043e\u0434 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u043b\u0438 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u0432\u044b\u0433\u043e\u0434\u044b \u0438 \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0427\u0442\u043e \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c -->\n <div class=\"docs-construction-offer\">\n <h3 class=\"docs-construction-offer-title scroll-animate fade-up\">\u0427\u0442\u043e \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c<\/h3>\n <div class=\"docs-construction-products\">\n <div class=\"docs-construction-product scroll-animate scale-in\">\n <div class=\"docs-construction-product-icon\">\n <svg width=\"50\" height=\"50\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M2,2H11V11H2V2M13,2H22V11H13V2M2,13H11V22H2V13M13,13H22V22H13V13M9,4H4V9H9V4M20,4H15V9H20V4M9,15H4V20H9V15M20,15H15V20H20V15Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u0418\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u044f<\/h4>\n <p>\u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 \u0434\u043b\u044f \u0444\u0430\u0441\u0430\u0434\u043e\u0432, \u043a\u0440\u043e\u0432\u0435\u043b\u044c \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u043f\u0435\u0440\u0435\u0433\u043e\u0440\u043e\u0434\u043e\u043a<\/p>\n <\/div>\n\n <div class=\"docs-construction-product scroll-animate scale-in delay-100\">\n <div class=\"docs-construction-product-icon\">\n <svg width=\"50\" height=\"50\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M11,2V4H13V2H11M10,5V7H14V5H10M9,8V10H15V8H9M8,11V21H16V11H8M10,13H14V19H10V13Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u041c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u0435 \u043f\u0435\u043d\u044b \u0438 \u0433\u0435\u0440\u043c\u0435\u0442\u0438\u043a\u0438<\/h4>\n <p>\u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435, \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435, \u043e\u0433\u043d\u0435\u0441\u0442\u043e\u0439\u043a\u0438\u0435<\/p>\n <\/div>\n\n <div class=\"docs-construction-product scroll-animate scale-in delay-200\">\n <div class=\"docs-construction-product-icon\">\n <svg width=\"50\" height=\"50\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12,2.69L17.66,8.34C20.78,11.46 20.78,16.54 17.66,19.66C14.54,22.78 9.46,22.78 6.34,19.66C3.22,16.54 3.22,11.46 6.34,8.34L12,2.69M12,6.1L7.76,10.34C5.7,12.4 5.7,15.6 7.76,17.66C9.82,19.71 13.18,19.71 15.24,17.66C17.29,15.6 17.29,12.4 15.24,10.34L12,6.1M12,18A3,3 0 0,1 9,15C9,14.65 9.04,14.31 9.09,14H14.91C14.96,14.31 15,14.65 15,15A3,3 0 0,1 12,18Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u0413\u0438\u0434\u0440\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f<\/h4>\n <p>\u043f\u0440\u0430\u0439\u043c\u0435\u0440\u044b, \u043c\u0435\u043c\u0431\u0440\u0430\u043d\u044b, \u0440\u0443\u043b\u043e\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u0437\u0430\u0449\u0438\u0442\u043d\u044b\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f<\/p>\n <\/div>\n\n <div class=\"docs-construction-product scroll-animate scale-in delay-300\">\n <div class=\"docs-construction-product-icon\">\n <svg width=\"50\" height=\"50\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M21.7,13.35L20.7,14.35L18.65,12.3L19.65,11.3C19.86,11.09 20.21,11.09 20.42,11.3L21.7,12.58C21.91,12.79 21.91,13.14 21.7,13.35M12,18.94L18.06,12.88L20.11,14.93L14.06,21H12V18.94M12,14C7.58,14 4,15.79 4,18V20H10V18.11L14,14.11C13.34,14.03 12.67,14 12,14M12,4A4,4 0 0,0 8,8A4,4 0 0,0 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4Z\" \/>\n <\/svg>\n <\/div>\n <h4>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/h4>\n <p>\u043a\u043b\u0435\u0438, \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u0435\u043b\u0438, \u0432\u0435\u0442\u0440\u043e\u0437\u0430\u0449\u0438\u0442\u043d\u044b\u0435 \u043f\u043b\u0451\u043d\u043a\u0438<\/p>\n <\/div>\n <\/div>\n <div class=\"docs-construction-guarantee\">\n <p>\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d \u043d\u0430 \u0441\u0440\u043e\u043a \u0441\u043b\u0443\u0436\u0431\u044b \u0434\u043e <strong>30 \u043b\u0435\u0442<\/strong> \u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u0430\u0448\u0435\u0433\u043e\n \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043d\u0430 \u0434\u0435\u0441\u044f\u0442\u0438\u043b\u0435\u0442\u0438\u044f \u0432\u043f\u0435\u0440\u0451\u0434.<\/p>\n <\/div>\n <\/div>\n\n <!-- \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 -->\n <div class=\"docs-construction-support scroll-animate fade-up\">\n <h3 class=\"docs-construction-support-title\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435<\/h3>\n <p class=\"docs-construction-support-subtitle\">\u041c\u044b \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u2014 \u043c\u044b \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c\u0441\u044f \u0432\u0430\u0448\u0438\u043c\n \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u043c:<\/p>\n <div class=\"docs-construction-support-list\">\n <div class=\"docs-construction-support-item\">\n <div class=\"docs-construction-support-icon\">\u2713<\/div>\n <span>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0438\u0440\u0443\u0435\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043e\u0432 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u043e\u0432<\/span>\n <\/div>\n <div class=\"docs-construction-support-item\">\n <div class=\"docs-construction-support-icon\">\u2713<\/div>\n <span>\u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0438 BIM-\u043c\u043e\u0434\u0435\u043b\u0438<\/span>\n <\/div>\n <div class=\"docs-construction-support-item\">\n <div class=\"docs-construction-support-icon\">\u2713<\/div>\n <span>\u041f\u043e\u043c\u043e\u0433\u0430\u0435\u043c \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0440\u0430\u0441\u0445\u043e\u0434 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u043e\u043d\u043b\u0430\u0439\u043d<\/span>\n <\/div>\n <div class=\"docs-construction-support-item\">\n <div class=\"docs-construction-support-icon\">\u2713<\/div>\n <span>\u041e\u0431\u0443\u0447\u0430\u0435\u043c \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u0435 \u0431\u0440\u0438\u0433\u0430\u0434\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u041e\u043f\u044b\u0442 \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f -->\n <div class=\"docs-construction-experience\">\n <div class=\"docs-construction-experience-content scroll-animate slide-right\">\n <h3>\u041e\u043f\u044b\u0442, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0434\u043e\u0432\u0435\u0440\u044f\u044e\u0442<\/h3>\n <p>\u041d\u0430\u0448\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u0436\u0438\u043b\u044b\u0445 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0430\u0445, \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0445 \u0437\u0434\u0430\u043d\u0438\u044f\u0445, \u0442\u043e\u0440\u0433\u043e\u0432\u044b\u0445 \u0446\u0435\u043d\u0442\u0440\u0430\u0445 \u0438 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445\n \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445 \u043f\u043e \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0435. \u0421 \u043d\u0430\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0432\u0435\u0434\u0443\u0449\u0438\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430, \u0438 \u043c\u044b \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u043a\n \u043d\u043e\u0432\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u0430\u043c.<\/p>\n <\/div>\n\n <div class=\"docs-construction-conditions scroll-animate slide-left\">\n <h3>\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <div class=\"docs-construction-conditions-list\">\n <div class=\"docs-construction-condition-item\">\n <div class=\"docs-construction-condition-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z\" \/>\n <\/svg>\n <\/div>\n <span>\u0412\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u043e\u043f\u0442\u043e\u0432\u044b\u0435 \u0446\u0435\u043d\u044b \u0438 \u0433\u0438\u0431\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u043a\u0438\u0434\u043e\u043a<\/span>\n <\/div>\n <div class=\"docs-construction-condition-item\">\n <div class=\"docs-construction-condition-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z\" \/>\n <\/svg>\n <\/div>\n <span>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439<\/span>\n <\/div>\n <div class=\"docs-construction-condition-item\">\n <div class=\"docs-construction-condition-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\" \/>\n <\/svg>\n <\/div>\n <span>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u043f\u043e\u0434 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b<\/span>\n <\/div>\n <div class=\"docs-construction-condition-item\">\n <div class=\"docs-construction-condition-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z\" \/>\n <\/svg>\n <\/div>\n <span>\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u00ab\u0442\u043e\u0447\u043d\u043e \u0432 \u0441\u0440\u043e\u043a\u00bb \u043f\u043e \u0432\u0441\u0435\u0439 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0435 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d \u0438 \u0437\u0430 \u0435\u0451 \u043f\u0440\u0435\u0434\u0435\u043b\u044b<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CTA \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u0435\u0439 -->\n <div class=\"docs-construction-cta scroll-animate fade-up\">\n <h3>\u041d\u0430\u0447\u043d\u0435\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0436\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f<\/h3>\n <div class=\"docs-construction-contact\">\n <div class=\"docs-construction-contact-item\">\n <div class=\"docs-construction-contact-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z\" \/>\n <\/svg>\n <\/div>\n <div class=\"docs-construction-contact-info\">\n <span class=\"docs-construction-contact-label\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d \u043e\u0442\u0434\u0435\u043b\u0430 \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u0435\u0439<\/span>\n <a href=\"tel:+77784929561\" class=\"docs-construction-contact-value\">+7 (778) 492-95-61<\/a>\n <\/div>\n <\/div>\n\n <div class=\"docs-construction-contact-item\">\n <div class=\"docs-construction-contact-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\" \/>\n <\/svg>\n <\/div>\n <div class=\"docs-construction-contact-info\">\n <span class=\"docs-construction-contact-label\">Email<\/span>\n <a href=\"mailto:info@nemanexpert.kz\" class=\"docs-construction-contact-value\">info@nemanexpert.kz<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"docs-construction-cta-note\">\n <p>\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u0438\u043b\u0435\u0440\u043e\u043c NEMAN EXPERT \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0432\u044b\u0433\u043e\u0434\u043d\u044b\u043c \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c \u043f\u043e\u0441\u0442\u0430\u0432\u043e\u043a, \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u043e\u0439\n \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430.<\/p>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=152#contact-form\" class=\"docs-construction-cta-btn\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z\" \/>\n <\/svg>\n \u0421\u0442\u0430\u0442\u044c \u0434\u0438\u043b\u0435\u0440\u043e\u043c\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Calculator CTA Section (Compact) -->\n <section class=\"docs-calculator-compact-section\">\n <div class=\"docs-container\">\n <div class=\"docs-calculator-compact-wrapper scroll-animate fade-up\">\n <div class=\"docs-calculator-compact-icon\">\n <svg width=\"48\" height=\"48\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"docs-calculator-compact-content\">\n <h3 class=\"docs-calculator-compact-title\">\u041e\u043d\u043b\u0430\u0439\u043d-\u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432<\/h3>\n <p class=\"docs-calculator-compact-desc\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0440\u0430\u0441\u0447\u0435\u0442 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430\n \u0441 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/p>\n <\/div>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=2085\" class=\"docs-calculator-compact-btn\">\n <span>\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/span>\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Documents Content -->\n <section class=\"docs-content-section\">\n <div class=\"docs-container\">\n\n <div id=\"docs-categories-container\">\n <!-- \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u0437 \u0430\u0434\u043c\u0438\u043d\u043a\u0438 -->\n <\/div>\n\n <!-- Empty State -->\n <div class=\"docs-empty-state\" id=\"docs-empty-state\">\n <svg width=\"64\" height=\"64\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\" \/>\n <\/svg>\n <h3>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b<\/h3>\n <p>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0435\u0449\u0435 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443 \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u043d\u0435\u043b\u044c\n \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f WordPress.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n <!-- CTA Section -->\n <section class=\"docs-cta-section\">\n <div class=\"docs-container\">\n <div class=\"docs-cta-content\">\n <h2>\u041d\u0443\u0436\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438?<\/h2>\n <p>\u041d\u0430\u0448\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0441 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u0438 \u043f\u043e\u0434\u0431\u0435\u0440\u0443\u0442 \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e\n \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/p>\n <div class=\"docs-cta-buttons\">\n <a href=\"tel:+77473933040\" class=\"docs-cta-btn docs-cta-primary\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z\" \/>\n <\/svg>\n \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\n <\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=2086#contact-formm\" class=\"docs-cta-btn docs-cta-secondary\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z\" \/>\n <\/svg>\n \u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Preview Modal -->\n <div id=\"docs-preview-modal\" class=\"docs-modal\">\n <div class=\"docs-modal-content\">\n <div class=\"docs-modal-header\">\n <h3 id=\"docs-modal-title\">\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440<\/h3>\n <button class=\"docs-modal-close\" onclick=\"closePreviewModal()\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path\n d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" \/>\n <\/svg>\n <\/button>\n <\/div>\n <div class=\"docs-modal-body\">\n <iframe id=\"docs-preview-frame\" src=\"\" frameborder=\"0\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n <script>\n \/\/ JavaScript \u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439 \u0446\u0438\u0444\u0440\n document.addEventListener('DOMContentLoaded', () => {\n initializeDocumentsPage()\n })\n\n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u043b\u043e\u043d\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0432\u0430 \"\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\"\n function pluralize(count, forms) {\n const cases = [2, 0, 1, 1, 1, 2]\n return forms[(count % 100 > 4 && count % 100 < 20) ? 2 : cases[Math.min(count % 10, 5)]]\n }\n\n function getDocumentWord(count) {\n return pluralize(count, ['\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442', '\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430', '\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432'])\n }\n\n\n function initializeDocumentsPage() {\n loadDocumentsFromAdmin()\n initializeSearch()\n initializeFilters()\n animateCards()\n initializeCalculatorAnimation()\n initializeScrollAnimations()\n \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u0446\u0438\u0444\u0440 \u0434\u043b\u044f \"\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c\" \u0441\u0440\u0430\u0437\u0443\n animateNumber(document.getElementById('docs-accuracy-count'), 100, '%')\n console.log('\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 NEMAN EXPERT \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u0430!')\n }\n\n \/\/ \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u0418\u041d\u0418\u0426\u0418\u0410\u041b\u0418\u0417\u0410\u0426\u0418\u0418 \u0421\u041a\u0420\u041e\u041b\u041b-\u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0419\n function initializeScrollAnimations() {\n const animatedElements = document.querySelectorAll('.neman-documents-page .scroll-animate')\n\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n }\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible')\n }\n })\n }, observerOptions)\n\n animatedElements.forEach(element => {\n observer.observe(element)\n })\n }\n\n \/\/ \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418 \u041a\u0410\u041b\u042c\u041a\u0423\u041b\u042f\u0422\u041e\u0420\u0410 \u041f\u0420\u0418 \u0421\u041a\u0420\u041e\u041b\u041b\u0415\n function initializeCalculatorAnimation() {\n const calcCard = document.querySelector('.neman-documents-page .main-card')\n if (!calcCard) return\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !calcCard.classList.contains('animate')) {\n calcCard.classList.add('animate')\n \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043f\u0435\u0447\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u0435 \u0441\u0443\u043c\u043c\u044b \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0438\n setTimeout(() => {\n typeAmount()\n }, 1000) \/\/ \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u043f\u0435\u0447\u0430\u0442\u0430\u0442\u044c \u0441\u0443\u043c\u043c\u0443 \u0447\u0435\u0440\u0435\u0437 1 \u0441\u0435\u043a\u0443\u043d\u0434\u0443\n observer.unobserve(entry.target) \/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437\n }\n })\n }, {\n threshold: 0.3 \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043a\u043e\u0433\u0434\u0430 30% \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432\u0438\u0434\u043d\u043e\n })\n\n observer.observe(calcCard)\n }\n\n \/\/ \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u041f\u0415\u0427\u0410\u0422\u042b\u0412\u0410\u041d\u0418\u042f \u0421\u0423\u041c\u041c\u042b\n function typeAmount() {\n const element = document.getElementById('calc-total-amount')\n if (!element) return\n\n const fullText = element.getAttribute('data-amount')\n let currentIndex = 0\n\n function typeNextChar() {\n if (currentIndex < fullText.length) {\n element.textContent = fullText.substring(0, currentIndex + 1)\n currentIndex++\n \/\/ \u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0438 \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u0430\u044f \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0430\n setTimeout(typeNextChar, 60)\n }\n }\n\n typeNextChar()\n }\n\n \/\/ \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418 \u0426\u0418\u0424\u0420\n function animateNumber(element, targetValue, suffix = '') {\n if (!element) return\n\n const startValue = 0\n const duration = 800 \/\/ \u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f - 0.8 \u0441\u0435\u043a\u0443\u043d\u0434\u044b\n const startTime = performance.now()\n\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n element.classList.add('animating')\n\n function updateNumber(currentTime) {\n const elapsed = currentTime - startTime\n const progress = Math.min(elapsed \/ duration, 1)\n\n \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c easing \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0441\u0442\u0438\n const easeOutQuart = 1 - Math.pow(1 - progress, 4)\n const currentValue = Math.floor(startValue + (targetValue - startValue) * easeOutQuart)\n\n element.textContent = currentValue + suffix\n\n if (progress < 1) {\n requestAnimationFrame(updateNumber)\n } else {\n \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043b\u0430\u0441\u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f\n setTimeout(() => {\n element.classList.remove('animating')\n }, 300)\n }\n }\n\n requestAnimationFrame(updateNumber)\n }\n\n function loadDocumentsFromAdmin() {\n if (typeof neman_docs_ajax === 'undefined') {\n console.log('AJAX \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0443\u0441\u0442\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435')\n showEmptyState()\n return\n }\n\n fetch(neman_docs_ajax.ajax_url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/x-www-form-urlencoded',\n },\n body: new URLSearchParams({\n action: 'get_structured_documents',\n nonce: neman_docs_ajax.nonce\n })\n })\n .then(response => response.json())\n .then(data => {\n if (data.success && data.data) {\n renderStructuredDocuments(data.data)\n updateStats(data.data)\n } else {\n showEmptyState()\n }\n })\n .catch(error => {\n console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432:', error)\n showEmptyState()\n })\n }\n\n function renderStructuredDocuments(documentsData) {\n const container = document.getElementById('docs-categories-container')\n const emptyState = document.getElementById('docs-empty-state')\n\n if (Object.keys(documentsData).length === 0) {\n showEmptyState()\n return\n }\n\n emptyState.style.display = 'none'\n container.innerHTML = ''\n\n Object.keys(documentsData).forEach(categoryKey => {\n const category = documentsData[categoryKey]\n\n const categoryElement = document.createElement('div')\n categoryElement.className = 'docs-main-category'\n categoryElement.setAttribute('data-category', categoryKey)\n\n let subcategoriesHtml = ''\n Object.keys(category.subcategories).forEach(subKey => {\n const subcategory = category.subcategories[subKey]\n\n let documentsHtml = ''\n subcategory.documents.forEach(doc => {\n const iconClass = doc.type === 'pdf' ? 'pdf' : (doc.type.includes('doc') ? 'doc' : 'excel')\n\n documentsHtml += `\n <div class=\"docs-document-item\" onclick=\"event.stopPropagation()\">\n <div class=\"docs-document-icon ${iconClass}\">\n <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"docs-document-info\">\n <div class=\"docs-document-name\">${doc.title}<\/div>\n <div class=\"docs-document-meta\">\n <span class=\"docs-document-size\">${doc.size}<\/span>\n <span>\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d: ${doc.date}<\/span>\n <\/div>\n <\/div>\n <div class=\"docs-document-actions\">\n <a href=\"${doc.url}\" class=\"docs-action-btn docs-download-btn\" download onclick=\"event.stopPropagation()\">\n <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\"\/>\n <\/svg>\n \u0421\u043a\u0430\u0447\u0430\u0442\u044c\n <\/a>\n <button class=\"docs-action-btn docs-preview-btn\" onclick=\"event.stopPropagation(); previewDocument('${doc.url}')\">\n <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\"\/>\n <\/svg>\n \u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\n <\/button>\n <\/div>\n <\/div>\n `\n })\n\n subcategoriesHtml += `\n <div class=\"docs-subsection\" onclick=\"toggleSubsection(this)\">\n <div class=\"docs-subsection-header\">\n <div class=\"docs-subsection-title\">\n <div class=\"docs-subsection-icon\">\n <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"${subcategory.icon}\"\/>\n <\/svg>\n <\/div>\n ${subcategory.title}\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 1rem;\">\n <span class=\"docs-subsection-count\">${subcategory.documents.length} ${getDocumentWord(subcategory.documents.length)}<\/span>\n <svg class=\"docs-expand-icon\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n <div class=\"docs-subsection-content\">\n <div class=\"docs-document-list\">\n ${documentsHtml}\n <\/div>\n <\/div>\n <\/div>\n `\n })\n\n categoryElement.innerHTML = `\n <div class=\"docs-main-category-header\">\n <h2 class=\"docs-main-category-title\">${category.title}<\/h2>\n <p class=\"docs-main-category-subtitle\">${category.subtitle}<\/p>\n <\/div>\n \n <div class=\"docs-subsections\">\n ${subcategoriesHtml}\n <\/div>\n `\n\n container.appendChild(categoryElement)\n })\n\n animateCards()\n }\n\n function updateStats(documentsData) {\n let totalDocs = 0\n let totalCategories = Object.keys(documentsData).length\n\n Object.values(documentsData).forEach(category => {\n Object.values(category.subcategories).forEach(subcategory => {\n totalDocs += subcategory.documents.length\n })\n })\n\n \/\/ \u0410\u043d\u0438\u043c\u0438\u0440\u0443\u0435\u043c \u0446\u0438\u0444\u0440\u044b \u0441 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439\n setTimeout(() => {\n animateNumber(document.getElementById('docs-total-count'), totalDocs)\n }, 200)\n\n setTimeout(() => {\n animateNumber(document.getElementById('docs-categories-count'), totalCategories)\n }, 400)\n }\n\n function showEmptyState() {\n const container = document.getElementById('docs-categories-container')\n const emptyState = document.getElementById('docs-empty-state')\n container.innerHTML = ''\n emptyState.style.display = 'block'\n\n \/\/ \u0410\u043d\u0438\u043c\u0438\u0440\u0443\u0435\u043c \u043d\u0443\u043b\u0438\n setTimeout(() => {\n animateNumber(document.getElementById('docs-total-count'), 0)\n }, 200)\n\n setTimeout(() => {\n animateNumber(document.getElementById('docs-categories-count'), 0)\n }, 400)\n }\n\n function resetSubsectionContentStyles(subsection) {\n const content = subsection.querySelector('.docs-subsection-content')\n if (!content) return\n content.style.removeProperty('max-height')\n content.style.removeProperty('overflow')\n content.style.removeProperty('display')\n }\n\n function setSubsectionExpanded(subsection, expand) {\n resetSubsectionContentStyles(subsection)\n if (expand) {\n subsection.classList.add('expanded')\n } else {\n subsection.classList.remove('expanded')\n }\n }\n\n function toggleSubsection(element) {\n const content = element.querySelector('.docs-subsection-content')\n if (!content) return\n const isExpanded = element.classList.contains('expanded')\n\n \/\/ \u0427\u0442\u043e\u0431\u044b \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c max-height \u0438 \u0447\u0438\u0441\u0442\u0438\u043c \u043f\u043e \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u0438\n content.style.overflow = 'hidden'\n\n if (isExpanded) {\n \/\/ collapse: \u043e\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0432\u044b\u0441\u043e\u0442\u044b \u043a 0\n const start = content.scrollHeight\n content.style.maxHeight = start + 'px'\n \/\/ \u0444\u043e\u0440\u0441\u0438\u0440\u0443\u0435\u043c reflow\n void content.offsetHeight\n element.classList.remove('expanded')\n content.style.maxHeight = '0px'\n\n const onEnd = () => {\n resetSubsectionContentStyles(element)\n content.removeEventListener('transitionend', onEnd)\n }\n content.addEventListener('transitionend', onEnd)\n } else {\n \/\/ expand: \u043e\u0442 0 \u043a \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0432\u044b\u0441\u043e\u0442\u0435\n element.classList.add('expanded')\n content.style.maxHeight = '0px'\n void content.offsetHeight\n content.style.maxHeight = content.scrollHeight + 'px'\n\n const onEnd = () => {\n resetSubsectionContentStyles(element)\n content.removeEventListener('transitionend', onEnd)\n }\n content.addEventListener('transitionend', onEnd)\n }\n }\n\n function initializeSearch() {\n const searchInput = document.getElementById('docs-search')\n if (searchInput) {\n searchInput.addEventListener('input', (e) => {\n const searchTerm = e.target.value.toLowerCase()\n filterDocuments(searchTerm)\n })\n }\n }\n\n function filterDocuments(searchTerm) {\n const categories = document.querySelectorAll('.neman-documents-page .docs-main-category')\n let visibleCount = 0\n let firstVisibleDocument = null\n\n categories.forEach(category => {\n let categoryHasVisibleItems = false\n const subsections = category.querySelectorAll('.docs-subsection')\n\n subsections.forEach(subsection => {\n let subsectionHasVisibleItems = false\n const documents = subsection.querySelectorAll('.docs-document-item')\n\n documents.forEach(doc => {\n const title = doc.querySelector('.docs-document-name').textContent.toLowerCase()\n const match = title.includes(searchTerm.toLowerCase()) || searchTerm === ''\n doc.style.display = match ? 'flex' : 'none'\n if (match) {\n subsectionHasVisibleItems = true\n categoryHasVisibleItems = true\n visibleCount++\n if (!firstVisibleDocument && searchTerm !== '') firstVisibleDocument = doc\n }\n })\n\n \/\/ \u041f\u043e\u043a\u0430\u0437\/\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u043e\u0434\u0441\u0435\u043a\u0446\u0438\u0438\n subsection.style.display = subsectionHasVisibleItems ? 'block' : 'none'\n\n \/\/ \u0427\u0438\u0441\u0442\u0438\u043c inline-\u0441\u0442\u0438\u043b\u0438 \u0438 \u0437\u0430\u0434\u0430\u0451\u043c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 expanded \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043f\u043e\u0438\u0441\u043a\u0430\n resetSubsectionContentStyles(subsection)\n setSubsectionExpanded(subsection, subsectionHasVisibleItems && searchTerm !== '')\n })\n\n category.style.display = categoryHasVisibleItems ? 'block' : 'none'\n })\n\n showSearchResults(visibleCount, searchTerm)\n\n if (firstVisibleDocument && searchTerm !== '') {\n setTimeout(() => {\n firstVisibleDocument.scrollIntoView({ behavior: 'smooth', block: 'center' })\n firstVisibleDocument.style.boxShadow = '0 0 20px rgba(95, 186, 81, 0.3)'\n firstVisibleDocument.style.borderColor = '#5FBA51'\n setTimeout(() => {\n firstVisibleDocument.style.boxShadow = ''\n firstVisibleDocument.style.borderColor = '#e2e8f0'\n }, 3000)\n }, 300)\n }\n }\n\n function showSearchResults(count, term) {\n const existingMessage = document.querySelector('.neman-documents-page .docs-search-message')\n if (existingMessage) {\n existingMessage.remove()\n }\n\n if (count === 0 && term.length > 0) {\n const message = document.createElement('div')\n message.className = 'docs-search-message'\n message.style.cssText = `\n text-align: center;\n padding: 4rem 2rem;\n color: #64748b;\n font-size: 1.1rem;\n background: white;\n border-radius: 24px;\n margin: 2rem 0;\n border: 1px solid #e2e8f0;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n `\n message.innerHTML = `\n <svg width=\"64\" height=\"64\" fill=\"currentColor\" viewBox=\"0 0 24 24\" style=\"margin-bottom: 1rem; opacity: 0.5;\">\n <path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/>\n <\/svg>\n <h3>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b<\/h3>\n <p>\u041f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \"${term}\" \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441.<\/p>\n `\n\n const contentSection = document.querySelector('.neman-documents-page .docs-content-section .docs-container')\n contentSection.appendChild(message)\n }\n }\n\n function initializeFilters() {\n const filterButtons = document.querySelectorAll('.neman-documents-page .docs-filter-btn')\n filterButtons.forEach(button => {\n button.addEventListener('click', function () {\n filterButtons.forEach(btn => btn.classList.remove('active'))\n this.classList.add('active')\n\n const category = this.getAttribute('data-category')\n filterByCategory(category)\n })\n })\n }\n\n function filterByCategory(category) {\n const categories = document.querySelectorAll('.neman-documents-page .docs-main-category')\n\n categories.forEach(categoryElement => {\n const categoryKey = categoryElement.getAttribute('data-category')\n const isVisible = category === 'all' || categoryKey === category\n\n \/\/ \u041f\u043e\u043a\u0430\u0437\/\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438\n categoryElement.style.display = isVisible ? 'block' : 'none'\n\n \/\/ \u0421\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0432\u0441\u0435\u0445 \u043f\u043e\u0434\u0441\u0435\u043a\u0446\u0438\u0439 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432\n const subsections = categoryElement.querySelectorAll('.docs-subsection')\n subsections.forEach(subsection => {\n \/\/ 1) \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u0437\u0430\u043b\u0438\u043f\u0448\u0438\u0435 inline-\u0441\u0442\u0438\u043b\u0438\n resetSubsectionContentStyles(subsection)\n\n \/\/ 2) \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0432\u0441\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 (\u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435)\n subsection.style.display = 'block'\n subsection.querySelectorAll('.docs-document-item').forEach(doc => {\n doc.style.display = 'flex'\n doc.style.boxShadow = ''\n doc.style.borderColor = '#e2e8f0'\n })\n\n \/\/ 3) \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043c expanded \u043a \u043a\u043e\u043d\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043d\u043e\u043c\u0443 \u0432\u0438\u0434\u0443\n if (isVisible && category !== 'all') {\n setSubsectionExpanded(subsection, true) \/\/ \u043f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c\n } else {\n setSubsectionExpanded(subsection, false) \/\/ \u043f\u0440\u0438 \u00ab\u0412\u0441\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b\u00bb \u0441\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043c\n }\n })\n\n \/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438\n if (isVisible) {\n categoryElement.style.opacity = '0'\n categoryElement.style.transform = 'translateY(20px)'\n setTimeout(() => {\n categoryElement.style.transition = 'all 0.5s ease'\n categoryElement.style.opacity = '1'\n categoryElement.style.transform = 'translateY(0)'\n }, 50)\n }\n })\n\n \/\/ \u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u043e\u0438\u0441\u043a\u0430 \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439\n const searchInput = document.getElementById('docs-search')\n if (searchInput) searchInput.value = ''\n const searchMessage = document.querySelector('.neman-documents-page .docs-search-message')\n if (searchMessage) searchMessage.remove()\n\n \/\/ \u0421\u043a\u0440\u043e\u043b\u043b \u043a \u043d\u0430\u0447\u0430\u043b\u0443 \u0441\u043f\u0438\u0441\u043a\u0430 \u043f\u0440\u0438 \u00ab\u0412\u0441\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b\u00bb \u0438\u043b\u0438 \u043a \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438\n setTimeout(() => {\n if (category === 'all') {\n const container = document.getElementById('docs-categories-container')\n if (container) container.scrollIntoView({ behavior: 'smooth', block: 'start' })\n } else {\n const firstVisibleCategory = document.querySelector(`.neman-documents-page .docs-main-category[data-category=\"${category}\"]`)\n if (firstVisibleCategory) {\n firstVisibleCategory.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n }, 600)\n }\n\n function animateCards() {\n const categories = document.querySelectorAll('.neman-documents-page .docs-main-category')\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1'\n entry.target.style.transform = 'translateY(0)'\n }, index * 200)\n }\n })\n }, {\n threshold: 0.1\n })\n\n categories.forEach(category => {\n category.style.opacity = '0'\n category.style.transform = 'translateY(30px)'\n category.style.transition = 'all 0.6s ease'\n observer.observe(category)\n })\n }\n\n function previewDocument(filename) {\n const modal = document.getElementById('docs-preview-modal')\n const frame = document.getElementById('docs-preview-frame')\n const title = document.getElementById('docs-modal-title')\n\n title.textContent = `\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440: ${filename.split('\/').pop()}`\n frame.src = filename\n modal.style.display = 'block'\n\n setTimeout(() => {\n modal.style.opacity = '1'\n modal.querySelector('.docs-modal-content').style.transform = 'scale(1)'\n }, 10)\n }\n\n function closePreviewModal() {\n const modal = document.getElementById('docs-preview-modal')\n const frame = document.getElementById('docs-preview-frame')\n\n modal.style.opacity = '0'\n modal.querySelector('.docs-modal-content').style.transform = 'scale(0.9)'\n\n setTimeout(() => {\n modal.style.display = 'none'\n frame.src = ''\n }, 300)\n }\n\n document.addEventListener('click', (e) => {\n const modal = document.getElementById('docs-preview-modal')\n if (e.target === modal) {\n closePreviewModal()\n }\n })\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n closePreviewModal()\n }\n })\n\n const modalStyles = `\n .neman-documents-page .docs-modal {\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .neman-documents-page .docs-modal-content {\n transform: scale(0.9);\n transition: transform 0.3s ease;\n }\n `\n\n const styleSheet = document.createElement('style')\n styleSheet.textContent = modalStyles\n document.head.appendChild(styleSheet)\n <\/script>\n\n <\/section>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97891be e-flex e-con-boxed e-con e-parent\" data-id=\"97891be\" data-element_type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55e8ccd ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"55e8ccd\" data-element_type=\"widget\" data-settings=\"{"_ob_perspektive_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no","_ob_widget_stalker_use":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Footer - Neman Expert<\/title>\n\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n }\n\n .footer {\n background: #1a252f;\n color: #ffffff;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n }\n\n .footer-content {\n padding: 50px 0 25px;\n }\n\n \/* \u041d\u041e\u0412\u0410\u042f \u0421\u0415\u0422\u041a\u0410 \u0424\u0423\u0422\u0415\u0420\u0410 (4 \u041a\u041e\u041b\u041e\u041d\u041a\u0418) *\/\n .footer-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr 1fr 1fr;\n gap: 40px;\n align-items: start;\n margin-bottom: 40px;\n }\n\n .footer-col {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .footer-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: #ffffff !important;\n \/* Force white color *\/\n margin-bottom: 25px;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 1;\n }\n\n \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0411\u0440\u0435\u043d\u0434 *\/\n .brand-col .footer-logo {\n align-items: flex-start;\n text-align: left;\n margin-bottom: 20px;\n }\n\n .brand-col .since-text {\n margin-top: 8px;\n font-size: 13px;\n opacity: 0.6;\n }\n\n .brand-col .footer-social {\n justify-content: flex-start;\n gap: 12px;\n }\n\n \/* \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n .footer-contacts {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .contact-item {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #e8eaed;\n line-height: 1.5;\n }\n\n .contact-item strong {\n color: #ffffff;\n font-weight: 600;\n display: block;\n margin-bottom: 4px;\n }\n\n \/* Links Styling Fix *\/\n .footer-links {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .footer-link {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #e2e8f0 !important;\n \/* Light grey\/white for readability *\/\n text-decoration: none;\n transition: color 0.3s ease;\n display: block;\n \/* Ensure they sit on their own lines *\/\n line-height: 1.4;\n }\n\n .footer-link:hover {\n color: #5FBA51 !important;\n padding-left: 5px;\n \/* Subtle movement on hover *\/\n }\n\n \/* \u0417\u0414\u0415\u0421\u042c \u0417\u0410\u041c\u0415\u041d\u0418\u0422\u042c \u041d\u0410 \u0412\u0410\u0428 \u041b\u041e\u0413\u041e\u0422\u0418\u041f *\/\n .logo-image {\n max-width: 180px;\n height: auto;\n max-height: 80px;\n object-fit: contain;\n }\n\n \/* \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 - \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n .logo-container {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 8px;\n }\n\n .logo-icon {\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, #3498db, #2980b9);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 26px;\n color: white;\n box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);\n }\n\n .logo-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 26px;\n font-weight: 700;\n color: #ffffff;\n letter-spacing: 0.5px;\n }\n\n .logo-text .expert {\n color: #27ae60;\n }\n\n .since-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n color: #bdc3c7;\n font-weight: 500;\n letter-spacing: 1px;\n }\n\n .footer-social {\n display: flex;\n justify-content: flex-end;\n gap: 15px;\n }\n\n \/* \u0421\u043e\u0446\u0441\u0435\u0442\u0438 - \u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0442\u0438\u043b\u044c (\u041c\u043e\u043d\u043e\u0445\u0440\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e) *\/\n .social-link {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n \/* \u041a\u0440\u0443\u0433\u043b\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u0435\u0435 *\/\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: white;\n background: rgba(255, 255, 255, 0.05);\n \/* \u041b\u0435\u0433\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n .social-link svg {\n width: 18px;\n height: 18px;\n fill: currentColor;\n \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c fill \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0445\u0440\u043e\u043c\u0430 *\/\n stroke: none;\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0431\u0432\u043e\u0434\u043a\u0443 \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0435\u0441\u0442\u044c \u0432 SVG \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\n }\n\n \/* \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0444\u0438\u043a\u0441\u044b \u0434\u043b\u044f SVG \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 stroke-based *\/\n .social-link.youtube svg,\n .social-link.instagram svg {\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n }\n\n .social-link:hover {\n transform: translateY(-3px);\n border-color: transparent;\n background: white;\n color: #1a252f;\n \/* \u0418\u043a\u043e\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c\u043d\u043e\u0439 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435 *\/\n }\n\n \/* \u0426\u0432\u0435\u0442\u043d\u044b\u0435 \u0445\u043e\u0432\u0435\u0440\u044b (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0446\u0432\u0435\u0442\u0430) *\/\n \/* \n .social-link.youtube:hover { background: #FF0000; color: white; }\n .social-link.twitter:hover { background: #000000; color: white; border-color: #333; }\n .social-link.tiktok:hover { background: #000000; color: white; border-color: #333; }\n .social-link.whatsapp:hover { background: #25D366; color: white; }\n .social-link.instagram:hover { background: #d62976; color: white; } \n *\/\n\n .footer-legal {\n border-top: 1px solid #2c3e50;\n padding: 25px 0;\n text-align: center;\n }\n\n .legal-links {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .legal-link {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #95a5a6;\n text-decoration: none;\n transition: color 0.3s ease;\n position: relative;\n }\n\n .legal-link:hover {\n color: #5FBA51;\n }\n\n .legal-link::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 0;\n height: 2px;\n background: #5FBA51;\n transition: width 0.3s ease;\n }\n\n .legal-link:hover::after {\n width: 100%;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n .main-links .legal-link {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .main-links .legal-link:hover {\n color: #5FBA51;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e\u0439 (\u044e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u043e\u0439) \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n .secondary-links .legal-link {\n font-size: 13px;\n color: #64748b;\n }\n\n .footer-copyright {\n border-top: 1px solid #2c3e50;\n padding-top: 25px;\n text-align: center;\n }\n\n .copyright-text {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #95a5a6;\n font-weight: 400;\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n @media (max-width: 1024px) {\n .container {\n max-width: 1200px;\n padding: 0 2rem;\n \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n }\n\n @media (max-width: 968px) {\n .footer-content {\n padding: 40px 0 20px;\n }\n\n .footer-main {\n grid-template-columns: 1fr;\n gap: 35px;\n text-align: center;\n }\n\n .footer-contacts {\n order: 2;\n align-items: center;\n }\n\n .footer-logo {\n order: 1;\n }\n\n .footer-social {\n order: 3;\n justify-content: center;\n }\n\n .contact-item {\n font-size: 16px;\n }\n\n .logo-text {\n font-size: 24px;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n font-size: 24px;\n }\n\n .legal-links {\n gap: 20px;\n }\n\n .legal-link {\n font-size: 14px;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem;\n \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n }\n\n @media (max-width: 640px) {\n .footer-content {\n padding: 35px 0 18px;\n }\n\n .footer-main {\n gap: 30px;\n }\n\n .logo-container {\n flex-direction: column;\n gap: 10px;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n font-size: 22px;\n }\n\n .logo-text {\n font-size: 22px;\n }\n\n .contact-item {\n font-size: 15px;\n }\n\n .social-link {\n width: 45px;\n height: 45px;\n font-size: 20px;\n }\n\n .footer-social {\n gap: 12px;\n }\n\n .copyright-text {\n font-size: 14px;\n }\n\n .since-text {\n font-size: 14px;\n }\n\n .legal-links {\n flex-direction: column;\n gap: 15px;\n }\n\n .legal-link {\n font-size: 13px;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 35px;\n text-align: center;\n }\n\n .brand-col .footer-logo,\n .brand-col .footer-social {\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n\n .contact-item strong {\n display: inline;\n }\n }\n\n @media (max-width: 480px) {\n .footer-content {\n padding: 30px 0 15px;\n }\n\n .footer-main {\n gap: 25px;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .logo-text {\n font-size: 20px;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 18px;\n }\n\n .copyright-text {\n font-size: 13px;\n }\n }\n\n \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n @media (min-width: 969px) and (max-width: 1200px) {\n .footer-content {\n padding: 45px 0 22px;\n }\n\n .footer-main {\n gap: 45px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 1: \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0421\u043e\u0446\u0441\u0435\u0442\u0438 -->\n <div class=\"footer-col brand-col\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-\u043e\u0442-2025-06-24-10-53-02-Photoroom.png\"\n alt=\"NEMAN EXPERT\" class=\"logo-image\">\n <div class=\"since-text\">SINCE 2024<\/div>\n <\/div>\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.youtube.com\/@NEMANEXPERT\" target=\"_blank\" class=\"social-link youtube\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\">\n <\/path>\n <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon>\n <\/svg><\/a>\n <a href=\"https:\/\/x.com\/nemanexpert\" target=\"_blank\" class=\"social-link twitter\"><svg\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n fill=\"white\">\n <path\n d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" \/>\n <\/svg><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@nemanexpert\" target=\"_blank\" class=\"social-link tiktok\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 448 512\" fill=\"white\">\n <path\n d=\"M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z\" \/>\n <\/svg><\/a>\n <a href=\"https:\/\/www.instagram.com\/nemanexpert\" target=\"_blank\" class=\"social-link instagram\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n <\/svg><\/a>\n <a href=\"https:\/\/wa.me\/77473933040\" target=\"_blank\" class=\"social-link whatsapp\" rel=\"noopener\"><svg\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n fill=\"white\">\n <path\n d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\" \/>\n <\/svg><\/a>\n <\/div>\n <\/div>\n\n <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 2: \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f -->\n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\n <div class=\"footer-links\">\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4096\" class=\"footer-link\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4104\" class=\"footer-link\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\n \u043e\u043f\u043b\u0430\u0442\u044b<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4060\" class=\"footer-link\">FAQ<\/a>\n <\/div>\n <\/div>\n\n <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 3: \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b -->\n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n <div class=\"footer-links\">\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3839\" class=\"footer-link\">\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u043e\u0444\u0435\u0440\u0442\u0430<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3923\" class=\"footer-link\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\n \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3898\" class=\"footer-link\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3928\" class=\"footer-link\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\n \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n <\/div>\n <\/div>\n\n <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 4: \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b -->\n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n <div class=\"footer-contacts\">\n <div class=\"contact-item\">\n <strong>\u0422\u0435\u043b:<\/strong> +7 747 393 30 40\n <\/div>\n <div class=\"contact-item\">\n <strong>Email:<\/strong> info@nemanexpert.kz\n <\/div>\n <div class=\"contact-item\">\n \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u0433. \u0410\u043b\u043c\u0430\u0442\u044b, \u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0422\u0443\u0440\u0430\u0440\u0430 \u0420\u044b\u0441\u043a\u0443\u043b\u043e\u0432\u0430, 166\/2\u0430\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-copyright\">\n <div class=\"copyright-text\">\n Copyright \u00a9 2025 nemanexpert \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n\n<\/html>\t\t<\/div>\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>\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c — NEMAN EXPERT \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0443\u0447\u0440\u0435\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0432 \u0438 \u043f\u0430\u0441\u043f\u043e\u0440\u0442\u043e\u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438 NEMAN EXPERT […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=154"}],"version-history":[{"count":148,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":4490,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/154\/revisions\/4490"}],"wp:attachment":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}