{"id":10,"date":"2026-07-27T17:55:53","date_gmt":"2026-07-27T17:55:53","guid":{"rendered":"https:\/\/trubservice.kz\/?page_id=10"},"modified":"2026-07-27T18:15:01","modified_gmt":"2026-07-27T18:15:01","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/trubservice.kz\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e2bd3a e-con-full e-flex e-con e-parent\" data-id=\"9e2bd3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7b0780 elementor-widget elementor-widget-html\" data-id=\"e7b0780\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b - \u0432\u044b\u0437\u043e\u0432 \u043c\u0430\u0441\u0442\u0435\u0440\u0430 \u043d\u0430 \u0434\u043e\u043c. \u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0443\u0431 | +7 777 207 02 84<\/title>\r\n<meta name=\"description\" content=\"\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b: \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u043e\u0432, \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0443\u0431. \u0412\u044b\u0435\u0437\u0434 \u043c\u0430\u0441\u0442\u0435\u0440\u0430 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0433\u043e\u0440\u043e\u0434\u0443 \u0432 \u0434\u0435\u043d\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f. \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f, \u0447\u0435\u0441\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b. \u0417\u0432\u043e\u043d\u0438\u0442\u0435: +7 777 207 02 84.\">\r\n<meta name=\"keywords\" content=\"\u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0410\u043b\u043c\u0430\u0442\u044b, \u0432\u044b\u0437\u043e\u0432 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0410\u043b\u043c\u0430\u0442\u044b, \u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0410\u043b\u043c\u0430\u0442\u044b, \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0442\u0440\u0443\u0431 \u0410\u043b\u043c\u0430\u0442\u044b, \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0410\u043b\u043c\u0430\u0442\u044b, \u0430\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0439 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0410\u043b\u043c\u0430\u0442\u044b, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u043e\u0432 \u0410\u043b\u043c\u0430\u0442\u044b\">\r\n<style>\r\n  :root{\r\n    --bg:#ffffff;\r\n    --navy:#0e2a4a;\r\n    --navy-dark:#081a30;\r\n    --navy-light:#e8edf4;\r\n    --text:#111111;\r\n    --text-muted:#4a4a4a;\r\n    --line:#dfe4ea;\r\n    --radius:6px;\r\n  }\r\n  *{box-sizing:border-box; margin:0; padding:0;}\r\n  html{scroll-behavior:smooth;}\r\n  body{\r\n    background:var(--bg);\r\n    color:var(--text);\r\n    font-family: -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    line-height:1.5;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  img{max-width:100%; display:block;}\r\n  a{color:inherit; text-decoration:none;}\r\n  ul{list-style:none;}\r\n  .wrap{max-width:1160px; margin:0 auto; padding:0 24px;}\r\n  h1,h2,h3,h4{\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-weight:700;\r\n    color:var(--navy);\r\n    letter-spacing:-0.01em;\r\n  }\r\n  h2{font-size:clamp(28px,3.4vw,40px); margin-bottom:12px;}\r\n  h3{font-size:20px;}\r\n  .eyebrow{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;\r\n    color:var(--navy); margin-bottom:14px;\r\n  }\r\n  .eyebrow::before{content:\"\"; width:22px; height:2px; background:var(--navy); display:inline-block;}\r\n  .section{padding:76px 0;}\r\n  .section-alt{background:var(--navy-light);}\r\n  .section-head{max-width:640px; margin-bottom:44px;}\r\n  .section-head p{color:var(--text-muted); font-size:16px;}\r\n  .btn{\r\n    display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n    padding:14px 26px; border-radius:var(--radius);\r\n    font-size:15px; font-weight:700; cursor:pointer; border:2px solid var(--navy);\r\n    transition:all .15s ease;\r\n  }\r\n  .btn-primary{background:var(--navy); color:#fff;}\r\n  .btn-primary:hover{background:var(--navy-dark); border-color:var(--navy-dark);}\r\n  .btn-outline{background:transparent; color:var(--navy);}\r\n  .btn-outline:hover{background:var(--navy); color:#fff;}\r\n  .btn-sm{padding:10px 18px; font-size:14px;}\r\n  .icon{width:22px; height:22px; flex-shrink:0;}\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  header{\r\n    position:sticky; top:0; z-index:50; background:#fff;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n  header .wrap{\r\n    display:flex; align-items:center; justify-content:space-between;\r\n    height:78px; gap:24px;\r\n  }\r\n  .logo{display:flex; align-items:center; gap:10px; font-family:Georgia,serif; font-weight:700; font-size:19px; color:var(--navy);}\r\n  .logo svg{width:30px; height:30px;}\r\n  nav.main-nav{display:flex; gap:28px;}\r\n  nav.main-nav a{font-size:14px; font-weight:600; color:var(--text); white-space:nowrap;}\r\n  nav.main-nav a:hover{color:var(--navy);}\r\n  .header-right{display:flex; align-items:center; gap:18px;}\r\n  .phone-block{display:flex; flex-direction:column; align-items:flex-end; line-height:1.25;}\r\n  .phone-block a{font-weight:700; font-size:17px; color:var(--navy);}\r\n  .phone-block span{font-size:12px; color:var(--text-muted);}\r\n  .burger{display:none; background:none; border:none; cursor:pointer;}\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  .hero{padding:64px 0 76px;}\r\n  .hero .wrap{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;}\r\n  .hero h1{font-size:clamp(32px,4.2vw,48px); line-height:1.12; margin-bottom:18px;}\r\n  .hero .lead{font-size:17px; color:var(--text-muted); max-width:520px; margin-bottom:28px;}\r\n  .hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px;}\r\n  .trust-row{display:flex; gap:28px; flex-wrap:wrap;}\r\n  .trust-item{display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600;}\r\n  .trust-item svg{width:20px; height:20px; color:var(--navy); flex-shrink:0;}\r\n  .hero-photo{\r\n    position:relative; border-radius:var(--radius); overflow:hidden;\r\n    border:1px solid var(--line); aspect-ratio:4\/3.2; background:var(--navy-light);\r\n  }\r\n  .hero-photo img{width:100%; height:100%; object-fit:cover;}\r\n  .photo-fallback{\r\n    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n    gap:10px; color:var(--navy); background:var(--navy-light);\r\n  }\r\n  .photo-fallback svg{width:44px; height:44px;}\r\n  .photo-fallback span{font-size:13px; font-weight:600; color:var(--text-muted);}\r\n\r\n  \/* ---------- ADVANTAGES ---------- *\/\r\n  .adv-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}\r\n  .adv-card{padding:26px 22px; border:1px solid var(--line); border-radius:var(--radius); background:#fff;}\r\n  .adv-card svg{width:30px; height:30px; color:var(--navy); margin-bottom:16px;}\r\n  .adv-card h3{font-size:17px; margin-bottom:8px;}\r\n  .adv-card p{font-size:14px; color:var(--text-muted);}\r\n\r\n  \/* ---------- SERVICE CARDS ---------- *\/\r\n  .services-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\r\n  .service-card{\r\n    border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff;\r\n    display:flex; flex-direction:column;\r\n  }\r\n  .service-photo{position:relative; aspect-ratio:16\/10; background:var(--navy-light); overflow:hidden;}\r\n  .service-photo img{width:100%; height:100%; object-fit:cover;}\r\n  .service-body{padding:20px 20px 22px; display:flex; flex-direction:column; gap:10px; flex:1;}\r\n  .service-body h3{font-size:18px;}\r\n  .service-body p{font-size:14px; color:var(--text-muted); flex:1;}\r\n  .service-body .btn{margin-top:6px; align-self:flex-start;}\r\n\r\n  \/* ---------- PROBLEMS ---------- *\/\r\n  .problems-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}\r\n  .problem-card{\r\n    border:1px solid var(--line); border-left:4px solid var(--navy); border-radius:var(--radius);\r\n    padding:20px 22px; background:#fff;\r\n  }\r\n  .problem-card .p-title{display:flex; align-items:center; gap:10px; font-weight:700; font-size:15.5px; margin-bottom:8px; color:var(--navy);}\r\n  .problem-card .p-title svg{width:20px; height:20px; flex-shrink:0;}\r\n  .problem-card p{font-size:14px; color:var(--text-muted);}\r\n\r\n  \/* ---------- PROCESS ---------- *\/\r\n  .process-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;}\r\n  .process-step{padding:0 22px; position:relative;}\r\n  .process-step:not(:last-child)::after{\r\n    content:\"\"; position:absolute; top:22px; right:-11px; width:22px; height:1px; background:var(--line);\r\n  }\r\n  .process-num{\r\n    width:44px; height:44px; border-radius:50%; border:2px solid var(--navy); color:var(--navy);\r\n    display:flex; align-items:center; justify-content:center; font-weight:700; font-family:Georgia,serif; font-size:17px;\r\n    margin-bottom:16px; background:#fff; position:relative; z-index:1;\r\n  }\r\n  .process-step h3{font-size:16px; margin-bottom:8px;}\r\n  .process-step p{font-size:13.5px; color:var(--text-muted);}\r\n\r\n  \/* ---------- PRICING ---------- *\/\r\n  table.price-table{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}\r\n  table.price-table th, table.price-table td{padding:15px 20px; text-align:left; font-size:14.5px; border-bottom:1px solid var(--line);}\r\n  table.price-table th{background:var(--navy); color:#fff; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.05em;}\r\n  table.price-table tr:last-child td{border-bottom:none;}\r\n  table.price-table td:last-child{font-weight:700; color:var(--navy); white-space:nowrap;}\r\n  .price-note{font-size:13px; color:var(--text-muted); margin-top:14px;}\r\n\r\n  \/* ---------- DISTRICTS ---------- *\/\r\n  .districts-wrap{display:flex; flex-wrap:wrap; gap:12px;}\r\n  .district-chip{\r\n    padding:10px 18px; border:1px solid var(--navy); border-radius:999px; font-size:14px; font-weight:600; color:var(--navy);\r\n  }\r\n\r\n  \/* ---------- ALMATY MAP ---------- *\/\r\n  .map-sub{font-size:13.5px; color:var(--text-muted); margin:26px 0 14px; font-weight:600;}\r\n  .almaty-map-wrap{display:grid; grid-template-columns:1fr 320px; gap:28px; align-items:start;}\r\n  .almaty-map{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}\r\n  .map-tile{\r\n    border:1.5px solid var(--navy); border-radius:var(--radius); padding:20px 12px; cursor:pointer;\r\n    background:#fff; text-align:center; transition:all .15s ease;\r\n  }\r\n  .map-tile:hover{background:var(--navy-light);}\r\n  .map-tile.active{background:var(--navy);}\r\n  .map-tile svg{width:22px; height:22px; color:var(--navy); margin:0 auto 8px; transition:color .15s ease;}\r\n  .map-tile.active svg{color:#fff;}\r\n  .map-tile .mt-name{font-size:13px; font-weight:700; line-height:1.25;}\r\n  .map-tile.active .mt-name{color:#fff;}\r\n  .map-tile.empty{border:none; cursor:default; background:transparent; pointer-events:none;}\r\n  .map-info{border:1px solid var(--line); border-radius:var(--radius); padding:26px; background:#fff; min-height:280px;}\r\n  .map-info h3{margin-bottom:12px;}\r\n  .map-info .mi-time{\r\n    display:inline-flex; align-items:center; gap:8px; background:var(--navy-light); color:var(--navy);\r\n    font-weight:700; font-size:13.5px; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n  }\r\n  .map-info .mi-time svg{width:16px; height:16px;}\r\n  .map-info p{font-size:14px; color:var(--text-muted); margin-bottom:22px;}\r\n  .map-info .btn{width:100%;}\r\n  .map-placeholder{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; height:100%; gap:12px; color:var(--text-muted); font-size:14px;}\r\n  .map-placeholder svg{width:36px; height:36px; color:var(--navy);}\r\n\r\n  \/* ---------- QUIZ ---------- *\/\r\n  .quiz-card{border:1px solid var(--line); border-radius:var(--radius); background:#fff; padding:36px; max-width:640px; margin:0 auto;}\r\n  .quiz-progress{display:flex; gap:6px; margin-bottom:28px;}\r\n  .quiz-progress-dot{flex:1; height:4px; border-radius:2px; background:var(--line); transition:background .2s ease;}\r\n  .quiz-progress-dot.done{background:var(--navy);}\r\n  .quiz-step{display:none;}\r\n  .quiz-step.active{display:block; animation:fadein .25s ease;}\r\n  @keyframes fadein{from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:translateY(0);}}\r\n  .quiz-question{font-size:21px; margin-bottom:22px; color:var(--navy); font-family:Georgia,serif; font-weight:700;}\r\n  .quiz-options{display:grid; gap:12px;}\r\n  .quiz-option{\r\n    text-align:left; padding:16px 18px; border:1.5px solid var(--line); border-radius:var(--radius);\r\n    background:#fff; cursor:pointer; font-size:15px; font-weight:600; color:var(--text);\r\n    display:flex; align-items:center; gap:14px; transition:all .15s ease; width:100%;\r\n  }\r\n  .quiz-option:hover{border-color:var(--navy); background:var(--navy-light);}\r\n  .quiz-option svg{width:22px; height:22px; color:var(--navy); flex-shrink:0;}\r\n  .quiz-back{margin-top:20px; font-size:13px; color:var(--text-muted); cursor:pointer; background:none; border:none; text-decoration:underline; font-family:inherit;}\r\n  .quiz-result{text-align:center;}\r\n  .quiz-result-icon{width:52px; height:52px; color:var(--navy); margin:0 auto 18px;}\r\n  .quiz-result h3{font-size:22px; margin-bottom:10px;}\r\n  .quiz-result p{color:var(--text-muted); font-size:15px; margin-bottom:26px;}\r\n  .quiz-result .btn{width:100%; margin-bottom:12px;}\r\n  .quiz-restart{font-size:13px; color:var(--text-muted); cursor:pointer; background:none; border:none; text-decoration:underline; font-family:inherit;}\r\n\r\n  \/* ---------- REVIEWS ---------- *\/\r\n  .reviews-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\r\n  .review-card{border:1px solid var(--line); border-radius:var(--radius); padding:24px; background:#fff;}\r\n  .review-stars{display:flex; gap:3px; margin-bottom:14px; color:var(--navy);}\r\n  .review-stars svg{width:16px; height:16px;}\r\n  .review-card p{font-size:14.5px; color:var(--text-muted); margin-bottom:16px;}\r\n  .review-name{font-weight:700; font-size:14px; color:var(--navy);}\r\n  .review-meta{font-size:12.5px; color:var(--text-muted);}\r\n\r\n  \/* ---------- FAQ ---------- *\/\r\n  .faq-item{border-bottom:1px solid var(--line);}\r\n  .faq-q{\r\n    width:100%; text-align:left; padding:20px 4px; background:none; border:none; cursor:pointer;\r\n    display:flex; justify-content:space-between; align-items:center; gap:20px;\r\n    font-size:16px; font-weight:700; color:var(--navy); font-family:Georgia,serif;\r\n  }\r\n  .faq-q svg{width:18px; height:18px; flex-shrink:0; transition:transform .2s ease;}\r\n  .faq-item.open .faq-q svg{transform:rotate(45deg);}\r\n  .faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}\r\n  .faq-a p{padding:0 4px 20px; font-size:14.5px; color:var(--text-muted); max-width:760px;}\r\n\r\n  \/* ---------- CONTACT ---------- *\/\r\n  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}\r\n  .contact-info h3{margin-bottom:6px;}\r\n  .contact-list{margin-top:20px; display:flex; flex-direction:column; gap:18px;}\r\n  .contact-list li{display:flex; gap:14px; align-items:flex-start; font-size:14.5px;}\r\n  .contact-list svg{width:20px; height:20px; color:var(--navy); flex-shrink:0; margin-top:2px;}\r\n  .contact-list b{display:block; color:var(--navy); font-size:14.5px;}\r\n  form.order-form{border:1px solid var(--line); border-radius:var(--radius); padding:28px; background:#fff;}\r\n  form.order-form .f-row{margin-bottom:16px;}\r\n  form.order-form label{display:block; font-size:13px; font-weight:700; margin-bottom:6px; color:var(--navy);}\r\n  form.order-form input, form.order-form select, form.order-form textarea{\r\n    width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius);\r\n    font-size:14.5px; font-family:inherit; color:var(--text);\r\n  }\r\n  form.order-form input:focus, form.order-form select:focus, form.order-form textarea:focus{\r\n    outline:none; border-color:var(--navy);\r\n  }\r\n  form.order-form .btn{width:100%;}\r\n  form.order-form .form-note{font-size:12px; color:var(--text-muted); margin-top:12px; text-align:center;}\r\n\r\n  \/* ---------- FOOTER ---------- *\/\r\n  footer{background:var(--navy-dark); color:#dbe3ee; padding:48px 0 26px;}\r\n  footer .wrap{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px;}\r\n  footer h4{color:#fff; font-family:Georgia,serif; font-size:16px; margin-bottom:14px;}\r\n  footer p, footer li, footer a{font-size:13.5px; color:#a9b6c9;}\r\n  footer li{margin-bottom:9px;}\r\n  footer a:hover{color:#fff;}\r\n  .footer-bottom{\r\n    border-top:1px solid rgba(255,255,255,.12); margin-top:36px; padding-top:20px;\r\n    display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px; color:#7c8ba0;\r\n  }\r\n\r\n  \/* ---------- FLOATING BUTTONS ---------- *\/\r\n  .float-stack{position:fixed; right:22px; bottom:22px; display:flex; flex-direction:column; gap:12px; z-index:60;}\r\n  .float-btn{\r\n    width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--navy); color:#fff; box-shadow:0 6px 18px rgba(14,42,74,.32);\r\n    transition:transform .15s ease, background .15s ease;\r\n  }\r\n  .float-btn:hover{transform:translateY(-2px); background:var(--navy-dark);}\r\n  .float-btn svg{width:26px; height:26px;}\r\n  .float-btn.whatsapp{background:#1e5a3a;}\r\n  .float-btn.whatsapp:hover{background:#164a2f;}\r\n\r\n  \/* ---------- MOBILE STICKY CALL BAR ---------- *\/\r\n  .mobile-call-bar{display:none;}\r\n\r\n  @media (max-width: 980px){\r\n    nav.main-nav{display:none;}\r\n    .adv-grid{grid-template-columns:repeat(2,1fr);}\r\n    .services-grid{grid-template-columns:repeat(2,1fr);}\r\n    .problems-grid{grid-template-columns:repeat(2,1fr);}\r\n    .process-grid{grid-template-columns:repeat(2,1fr); row-gap:32px;}\r\n    .process-step:nth-child(2)::after{display:none;}\r\n    .reviews-grid{grid-template-columns:repeat(1,1fr);}\r\n    .contact-grid{grid-template-columns:1fr;}\r\n    .hero .wrap{grid-template-columns:1fr;}\r\n    .hero-photo{order:1; margin-top:32px;}\r\n    footer .wrap{grid-template-columns:1fr 1fr;}\r\n    .almaty-map-wrap{grid-template-columns:1fr;}\r\n  }\r\n  @media (max-width: 620px){\r\n    .section{padding:52px 0;}\r\n    .adv-grid, .services-grid, .problems-grid{grid-template-columns:1fr;}\r\n    .process-grid{grid-template-columns:1fr;}\r\n    .process-step::after{display:none;}\r\n    .header-right .phone-block{display:none;}\r\n    footer .wrap{grid-template-columns:1fr;}\r\n    .mobile-call-bar{\r\n      display:flex; position:fixed; left:0; right:0; bottom:0; z-index:59;\r\n      background:var(--navy); padding:12px 16px; gap:10px;\r\n    }\r\n    .mobile-call-bar a{flex:1; text-align:center; color:#fff; font-weight:700; font-size:14.5px; padding:12px; border-radius:var(--radius);}\r\n    .mobile-call-bar a.mc-call{background:#fff; color:var(--navy);}\r\n    .mobile-call-bar a.mc-order{border:1.5px solid #fff;}\r\n    body{padding-bottom:64px;}\r\n    .float-stack{bottom:78px;}\r\n    .quiz-card{padding:24px 20px;}\r\n    .quiz-question{font-size:18px;}\r\n    .map-tile{padding:14px 8px;}\r\n    .map-tile .mt-name{font-size:12px;}\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============ HEADER ============ -->\r\n<header>\r\n  <div class=\"wrap\">\r\n    <a href=\"#top\" class=\"logo\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2C9 6 6 9.5 6 13a6 6 0 0012 0c0-3.5-3-7-6-11z\"\/><\/svg>\r\n      Trubservice\r\n    <\/a>\r\n    <nav class=\"main-nav\">\r\n      <a href=\"#quiz\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443<\/a>\r\n      <a href=\"#services\">\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430<\/a>\r\n      <a href=\"#cleaning\">\u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/a>\r\n      <a href=\"#problems\">\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b<\/a>\r\n      <a href=\"#prices\">\u0426\u0435\u043d\u044b<\/a>\r\n      <a href=\"#reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\r\n      <a href=\"#contacts\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n    <\/nav>\r\n    <div class=\"header-right\">\r\n      <div class=\"phone-block\">\r\n        <a href=\"tel:+77772070284\">+7 777 207\u201102\u201184<\/a>\r\n        <span>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, 08:00\u201323:00<\/span>\r\n      <\/div>\r\n      <a href=\"#contacts\" class=\"btn btn-primary btn-sm\">\u0412\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0430\u0441\u0442\u0435\u0440\u0430<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"hero\" id=\"top\">\r\n  <div class=\"wrap\">\r\n    <div>\r\n      <div class=\"eyebrow\">\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b<\/div>\r\n      <h1>\u0412\u044b\u0437\u043e\u0432 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b - \u043f\u0440\u0438\u0435\u0434\u0435\u043c \u0432 \u0434\u0435\u043d\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f<\/h1>\r\n      <p class=\"lead\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u043e\u0432, \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0443\u0431 \u0432 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430\u0445, \u0434\u043e\u043c\u0430\u0445 \u0438 \u043e\u0444\u0438\u0441\u0430\u0445 \u0410\u043b\u043c\u0430\u0442\u044b. \u0414\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435, \u0447\u0435\u0441\u0442\u043d\u0430\u044f \u0446\u0435\u043d\u0430 \u0434\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0431\u043e\u0442, \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0432\u0441\u0435 \u0432\u0438\u0434\u044b \u0443\u0441\u043b\u0443\u0433.<\/p>\r\n      <div class=\"hero-actions\">\r\n        <a href=\"tel:+77772070284\" class=\"btn btn-primary\">\r\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.79.68 2.63a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.45-1.45a2 2 0 012.11-.45c.84.33 1.73.56 2.63.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n          \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c: +7 777 207\u201102\u201184\r\n        <\/a>\r\n        <a href=\"#contacts\" class=\"btn btn-outline\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/a>\r\n      <\/div>\r\n      <div class=\"trust-row\">\r\n        <div class=\"trust-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n          \u0412\u044b\u0435\u0437\u0434 \u043e\u0442 30\u201360 \u043c\u0438\u043d\u0443\u0442\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6z\"\/><\/svg>\r\n          \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u044b\r\n        <\/div>\r\n        <div class=\"trust-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"1.5\"\/><path d=\"M8 7V5a4 4 0 018 0v2\"\/><\/svg>\r\n          \u0426\u0435\u043d\u0430 - \u043d\u0430 \u043c\u0435\u0441\u0442\u0435, \u0431\u0435\u0437 \u0434\u043e\u043f\u043b\u0430\u0442\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ADVANTAGES ============ -->\r\n<section class=\"section\" id=\"advantages\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043e\u0431\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u043a \u043d\u0430\u043c<\/div>\r\n      <h2>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0434\u043e\u0432\u0435\u0440\u044f\u044e\u0442<\/h2>\r\n      <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0433\u043e\u0440\u043e\u0434\u0443 \u2014 \u043e\u0442 \u0411\u043e\u0441\u0442\u0430\u043d\u0434\u044b\u043a\u0441\u043a\u043e\u0433\u043e \u0434\u043e \u0422\u0443\u0440\u043a\u0441\u0438\u0431\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0439\u043e\u043d\u0430. \u041f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u043c \u0441\u043e \u0441\u0432\u043e\u0438\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0434\u043b\u044f \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0438 \u0442\u0440\u0443\u0431 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<\/p>\r\n    <\/div>\r\n    <div class=\"adv-grid\">\r\n      <div class=\"adv-card\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n        <h3>\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0432\u044b\u0435\u0437\u0434<\/h3>\r\n        <p>\u041f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u0437\u0430\u044f\u0432\u043a\u0438 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u0441 8:00 \u0434\u043e 23:00, \u0430\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0435 \u0441\u043b\u0443\u0447\u0430\u0438 \u2014 \u0432\u043d\u0435 \u043e\u0447\u0435\u0440\u0435\u0434\u0438.<\/p>\r\n      <\/div>\r\n      <div class=\"adv-card\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"1.5\"\/><path d=\"M8 7V5a4 4 0 018 0v2\"\/><\/svg>\r\n        <h3>\u0424\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0446\u0435\u043d\u0430<\/h3>\r\n        <p>\u041e\u0437\u0432\u0443\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u043e\u0441\u043c\u043e\u0442\u0440\u0430, \u0434\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0431\u043e\u0442. \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u0434\u043e\u043f\u043b\u0430\u0442.<\/p>\r\n      <\/div>\r\n      <div class=\"adv-card\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6z\"\/><\/svg>\r\n        <h3>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/h3>\r\n        <p>\u0414\u0430\u0451\u043c \u043f\u0438\u0441\u044c\u043c\u0435\u043d\u043d\u0443\u044e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e \u043d\u0430 \u043c\u043e\u043d\u0442\u0430\u0436, \u0440\u0435\u043c\u043e\u043d\u0442 \u0438 \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\r\n      <\/div>\r\n      <div class=\"adv-card\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M4 21v-7a4 4 0 014-4h8a4 4 0 014 4v7\"\/><path d=\"M9 10V6a3 3 0 016 0v4\"\/><\/svg>\r\n        <h3>\u0421\u0432\u043e\u0451 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\r\n        <p>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0440\u043e\u0441, \u0433\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043c\u0430\u0448\u0438\u043d\u0430, \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u0430\u0441\u043e\u0441\u044b, \u0432\u0438\u0434\u0435\u043e\u0437\u043e\u043d\u0434.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ QUIZ: \u041e\u041f\u0420\u0415\u0414\u0415\u041b\u0418 \u041f\u0420\u041e\u0411\u041b\u0415\u041c\u0423 ============ -->\r\n<section class=\"section section-alt\" id=\"quiz\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\" style=\"margin-left:auto; margin-right:auto; text-align:center;\">\r\n      <div class=\"eyebrow\" style=\"justify-content:center;\">\u041d\u0435 \u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c<\/div>\r\n      <h2>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0437\u0430 30 \u0441\u0435\u043a\u0443\u043d\u0434<\/h2>\r\n      <p style=\"margin:0 auto;\">\u041e\u0442\u0432\u0435\u0442\u044c\u0442\u0435 \u043d\u0430 3 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0445 \u0432\u043e\u043f\u0440\u043e\u0441\u0430 \u2014 \u043f\u043e\u0434\u0441\u043a\u0430\u0436\u0435\u043c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442, \u0438 \u0441\u0440\u0430\u0437\u0443 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0437\u0430\u044f\u0432\u043a\u0443 \u043d\u0443\u0436\u043d\u043e\u043c\u0443 \u043c\u0430\u0441\u0442\u0435\u0440\u0443 \u0432 WhatsApp.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"quiz-card\">\r\n      <div class=\"quiz-progress\">\r\n        <div class=\"quiz-progress-dot\" data-dot=\"1\"><\/div>\r\n        <div class=\"quiz-progress-dot\" data-dot=\"2\"><\/div>\r\n        <div class=\"quiz-progress-dot\" data-dot=\"3\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 1 -->\r\n      <div class=\"quiz-step active\" data-step=\"1\">\r\n        <div class=\"quiz-question\">\u0427\u0442\u043e \u0441\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c?<\/div>\r\n        <div class=\"quiz-options\">\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('problem','\u0422\u0435\u0447\u0451\u0442 \/ \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0430')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2s6 7 6 12a6 6 0 01-12 0c0-5 6-12 6-12z\"\/><\/svg>\r\n            \u0422\u0435\u0447\u0451\u0442 \/ \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0430\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('problem','\u041d\u0435 \u0442\u0435\u0447\u0451\u0442 \u2014 \u043d\u0435\u0442 \u0432\u043e\u0434\u044b')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M18.36 6.64a9 9 0 11-12.73 0\"\/><path d=\"M12 2v10\"\/><\/svg>\r\n            \u041d\u0435 \u0442\u0435\u0447\u0451\u0442 \u2014 \u043d\u0435\u0442 \u0432\u043e\u0434\u044b\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('problem','\u0417\u0430\u0441\u043e\u0440 \u2014 \u043f\u043b\u043e\u0445\u043e \u0443\u0445\u043e\u0434\u0438\u0442 \u0432\u043e\u0434\u0430')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg>\r\n            \u0417\u0430\u0441\u043e\u0440 \u2014 \u043f\u043b\u043e\u0445\u043e \u0443\u0445\u043e\u0434\u0438\u0442 \u0432\u043e\u0434\u0430\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('problem','\u0421\u0442\u0440\u0430\u043d\u043d\u044b\u0439 \u0437\u0432\u0443\u043a \u0438\u043b\u0438 \u0437\u0430\u043f\u0430\u0445')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 18v-6a9 9 0 0118 0v6\"\/><path d=\"M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z\"\/><\/svg>\r\n            \u0421\u0442\u0440\u0430\u043d\u043d\u044b\u0439 \u0437\u0432\u0443\u043a \u0438\u043b\u0438 \u0437\u0430\u043f\u0430\u0445\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 2 -->\r\n      <div class=\"quiz-step\" data-step=\"2\">\r\n        <div class=\"quiz-question\">\u0413\u0434\u0435 \u0438\u043c\u0435\u043d\u043d\u043e?<\/div>\r\n        <div class=\"quiz-options\">\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('place','\u041a\u0443\u0445\u043d\u044f')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 3h18v18H3z\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\r\n            \u041a\u0443\u0445\u043d\u044f\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('place','\u0412\u0430\u043d\u043d\u0430\u044f')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z\"\/><path d=\"M6 12V5a2 2 0 012-2\"\/><\/svg>\r\n            \u0412\u0430\u043d\u043d\u0430\u044f\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('place','\u0422\u0443\u0430\u043b\u0435\u0442')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"8\" rx=\"1\"\/><path d=\"M7 11v6a2 2 0 002 2h6a2 2 0 002-2v-6\"\/><\/svg>\r\n            \u0422\u0443\u0430\u043b\u0435\u0442\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('place','\u041a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \/ \u043e\u0431\u0449\u0435\u0434\u043e\u043c\u043e\u0432\u044b\u0435 \u0442\u0440\u0443\u0431\u044b')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 4v6a4 4 0 004 4h8a4 4 0 004-4V4\"\/><path d=\"M4 14v2a4 4 0 004 4h8a4 4 0 004-4v-2\"\/><\/svg>\r\n            \u041a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \/ \u043e\u0431\u0449\u0438\u0435 \u0442\u0440\u0443\u0431\u044b\r\n          <\/button>\r\n        <\/div>\r\n        <button class=\"quiz-back\" onclick=\"quizBack()\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\r\n      <\/div>\r\n\r\n      <!-- STEP 3 -->\r\n      <div class=\"quiz-step\" data-step=\"3\">\r\n        <div class=\"quiz-question\">\u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u043e \u0441\u0440\u043e\u0447\u043d\u043e?<\/div>\r\n        <div class=\"quiz-options\">\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('urgency','\u041f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u2014 \u0430\u0432\u0430\u0440\u0438\u044f')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 9v4M12 17h.01\"\/><path d=\"M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\/><\/svg>\r\n            \u041f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u2014 \u0430\u0432\u0430\u0440\u0438\u044f\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('urgency','\u0421\u0435\u0433\u043e\u0434\u043d\u044f, \u043d\u043e \u043d\u0435 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u043e')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n            \u0421\u0435\u0433\u043e\u0434\u043d\u044f, \u043d\u043e \u043d\u0435 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u043e\r\n          <\/button>\r\n          <button class=\"quiz-option\" onclick=\"quizAnswer('urgency','\u041c\u043e\u0433\u0443 \u043f\u043e\u0434\u043e\u0436\u0434\u0430\u0442\u044c \u043f\u0430\u0440\u0443 \u0434\u043d\u0435\u0439')\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 10h18M8 2v4M16 2v4\"\/><\/svg>\r\n            \u041c\u043e\u0433\u0443 \u043f\u043e\u0434\u043e\u0436\u0434\u0430\u0442\u044c \u043f\u0430\u0440\u0443 \u0434\u043d\u0435\u0439\r\n          <\/button>\r\n        <\/div>\r\n        <button class=\"quiz-back\" onclick=\"quizBack()\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\r\n      <\/div>\r\n\r\n      <!-- RESULT -->\r\n      <div class=\"quiz-step\" data-step=\"result\">\r\n        <div class=\"quiz-result\">\r\n          <svg class=\"quiz-result-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg>\r\n          <h3 id=\"quiz-result-title\">\u041f\u043e\u043d\u044f\u0442\u043d\u043e, \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c<\/h3>\r\n          <p id=\"quiz-result-text\">\u0421\u0435\u0439\u0447\u0430\u0441 \u0441\u043e\u0431\u0435\u0440\u0451\u043c \u0437\u0430\u044f\u0432\u043a\u0443 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0435\u0451 \u043c\u0430\u0441\u0442\u0435\u0440\u0443 \u0432 WhatsApp.<\/p>\r\n          <button class=\"btn btn-primary\" onclick=\"quizSendWhatsApp()\" style=\"border:2px solid var(--navy);\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M21 11.5a8.5 8.5 0 01-12.4 7.55L3 20l1.05-5.4A8.5 8.5 0 1121 11.5z\"\/><\/svg>\r\n            \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443 \u0432 WhatsApp\r\n          <\/button>\r\n          <button class=\"quiz-restart\" onclick=\"quizRestart()\">\u041f\u0440\u043e\u0439\u0442\u0438 \u0437\u0430\u043d\u043e\u0432\u043e<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ SERVICES: \u0421\u0410\u041d\u0422\u0415\u0425\u041d\u0418\u041a\u0410 ============ -->\r\n<section class=\"section section-alt\" id=\"services\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u0420\u0430\u0437\u0434\u0435\u043b 1<\/div>\r\n      <h2>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b<\/h2>\r\n      <p>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430, \u0437\u0430\u043c\u0435\u043d\u0430 \u0438 \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u2014 \u0432 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0435, \u0447\u0430\u0441\u0442\u043d\u043e\u043c \u0434\u043e\u043c\u0435, \u043e\u0444\u0438\u0441\u0435 \u0438\u043b\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0438. \u0412\u044b\u0435\u0437\u0434 \u043f\u043e \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u043f\u0440\u0438\u0433\u043e\u0440\u043e\u0434\u0443.<\/p>\r\n    <\/div>\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/images.avif\" alt=\"\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u0435\u0439 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><path d=M4 21v-7a4 4 0 014-4h8a4 4 0 014 4v7\/><path d=M9 10V6a3 3 0 016 0v4\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u0440\u0435\u043c\u043e\u043d\u0442 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u0435\u0439<\/h3>\r\n          <p>\u0417\u0430\u043c\u0435\u043d\u0430 \u043a\u0430\u0440\u0442\u0440\u0438\u0434\u0436\u0435\u0439, \u043a\u0440\u0430\u043d\u043e\u0432 \u0438 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u0435\u0439 \u0434\u043b\u044f \u043a\u0443\u0445\u043d\u0438 \u0438 \u0432\u0430\u043d\u043d\u043e\u0439. \u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u043e\u0434\u0442\u0451\u043a\u043e\u0432 \u0438 \u0441\u0442\u0443\u043a\u0430 \u0432 \u0442\u0440\u0443\u0431\u0430\u0445.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/images-1.avif\" alt=\"\u0417\u0430\u043c\u0435\u043d\u0430 \u0442\u0440\u0443\u0431 \u0432\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f \u0432 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><rect x=3 y=10 width=18 height=4\/><circle cx=7 cy=12 r=1\/><circle cx=17 cy=12 r=1\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0417\u0430\u043c\u0435\u043d\u0430 \u0442\u0440\u0443\u0431 \u0432\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n          <p>\u041f\u043e\u043b\u043d\u0430\u044f \u0438 \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0437\u0430\u043c\u0435\u043d\u0430 \u0441\u0442\u043e\u044f\u043a\u043e\u0432 \u0438 \u0440\u0430\u0437\u0432\u043e\u0434\u043a\u0438 \u2014 \u043c\u0435\u0442\u0430\u043b\u043b, \u043f\u043e\u043b\u0438\u043f\u0440\u043e\u043f\u0438\u043b\u0435\u043d, \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u043f\u043b\u0430\u0441\u0442\u0438\u043a.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/\u0443\u043d\u0438\u0442\u0430\u0437-min.webp\" alt=\"\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0443\u043d\u0438\u0442\u0430\u0437\u0430 \u0438 \u0440\u0430\u043a\u043e\u0432\u0438\u043d\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><rect x=5 y=4 width=14 height=8 rx=1.5\/><path d=M7 12v3a5 5 0 0010 0v-3\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0443\u043d\u0438\u0442\u0430\u0437\u043e\u0432 \u0438 \u0440\u0430\u043a\u043e\u0432\u0438\u043d<\/h3>\r\n          <p>\u041c\u043e\u043d\u0442\u0430\u0436 \u0438 \u0437\u0430\u043c\u0435\u043d\u0430 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u0431\u043e\u0440\u043e\u0432 \u0441 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u043a \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0432\u043e\u0434\u043e\u043f\u0440\u043e\u0432\u043e\u0434\u0443.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/kak-pochistit-stiralnuyu-mashinu-limonnoj-kislotoj4.avif\" alt=\"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><rect x=4 y=3 width=16 height=18 rx=2\/><circle cx=12 cy=13 r=5\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0431\u044b\u0442\u043e\u0432\u043e\u0439 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/h3>\r\n          <p>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u0440\u0430\u043b\u044c\u043d\u044b\u0445 \u0438 \u043f\u043e\u0441\u0443\u0434\u043e\u043c\u043e\u0435\u0447\u043d\u044b\u0445 \u043c\u0430\u0448\u0438\u043d \u043a \u0432\u043e\u0434\u043e\u043f\u0440\u043e\u0432\u043e\u0434\u0443 \u0438 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/remont-vodonagrevatelei-svoimi-rukami_m.avif\" alt=\"\u0420\u0435\u043c\u043e\u043d\u0442 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u044f \u0432 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><rect x=7 y=2 width=10 height=20 rx=5\/><path d=M12 6v8\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0420\u0435\u043c\u043e\u043d\u0442 \u0438 \u0437\u0430\u043c\u0435\u043d\u0430 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u0435\u0439<\/h3>\r\n          <p>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0431\u043e\u0439\u043b\u0435\u0440\u043e\u0432, \u0437\u0430\u043c\u0435\u043d\u0430 \u0422\u042d\u041d\u043e\u0432, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u0435\u0447\u0435\u043a \u0438 \u043d\u0435\u0438\u0441\u043f\u0440\u0430\u0432\u043d\u043e\u0441\u0442\u0435\u0439.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/images-2.avif\" alt=\"\u0410\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><path d=M12 2 3 21h18z\/><path d=M12 9v5\/><circle cx=12 cy=17 r=.6 fill=currentColor\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0410\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430<\/h3>\r\n          <p>\u0421\u0440\u043e\u0447\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0442\u0435\u0447\u0435\u043a \u0438 \u043f\u043e\u0440\u044b\u0432\u043e\u0432 \u0442\u0440\u0443\u0431 \u2014 \u043f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u0447\u0430\u0441\u0430.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ SERVICES: \u0427\u0418\u0421\u0422\u041a\u0410 \u041a\u0410\u041d\u0410\u041b\u0418\u0417\u0410\u0426\u0418\u0418 ============ -->\r\n<section class=\"section\" id=\"cleaning\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u0420\u0430\u0437\u0434\u0435\u043b 2<\/div>\r\n      <h2>\u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0443\u0431 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b<\/h2>\r\n      <p>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0437\u0430\u0441\u043e\u0440\u043e\u0432 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u2014 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0442\u0440\u043e\u0441\u043e\u043c, \u0433\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0438 \u0441 \u0432\u0438\u0434\u0435\u043e\u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u043e\u0439 \u0442\u0440\u0443\u0431.<\/p>\r\n    <\/div>\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/002-4.webp\" alt=\"\u041f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u0440\u043e\u0441\u043e\u043c \u0432 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><path d=M4 20c4-8 12 4 16-8\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u041f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u0440\u043e\u0441\u043e\u043c<\/h3>\r\n          <p>\u041c\u0435\u0445\u0430\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0442\u0440\u043e\u0441\u043e\u043c \u2014 \u0431\u044b\u0441\u0442\u0440\u043e \u0443\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u043c \u0437\u0430\u0441\u043e\u0440\u044b \u0442\u0440\u0443\u0431.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/mashina-dlya-prochistki-4.avif\" alt=\"\u0413\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0442\u0440\u0443\u0431 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><path d=M12 2c-3 4-6 7.5-6 11a6 6 0 0012 0c0-3.5-3-7-6-11z\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0413\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430<\/h3>\r\n          <p>\u0423\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u0436\u0438\u0440\u043e\u0432\u044b\u0445 \u0438 \u0438\u0437\u0432\u0435\u0441\u0442\u043a\u043e\u0432\u044b\u0445 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0432\u043e\u0434\u043e\u0439 \u043f\u043e\u0434 \u0432\u044b\u0441\u043e\u043a\u0438\u043c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/images-3.avif\" alt=\"\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u0430 \u0440\u0430\u043a\u043e\u0432\u0438\u043d\u044b \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><path d=M7 4v6a5 5 0 0010 0V4\/><path d=M4 20h16\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u043e\u0432 \u0440\u0430\u043a\u043e\u0432\u0438\u043d \u0438 \u0432\u0430\u043d\u043d<\/h3>\r\n          <p>\u041f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0438\u0444\u043e\u043d\u043e\u0432 \u0438 \u0441\u0442\u043e\u044f\u043a\u043e\u0432 \u0432 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430\u0445, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u0441\u043e\u0440\u043e\u0432.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/ce91d55a1d657de9c2ca190ca2a24a68.avif\" alt=\"\u0412\u0438\u0434\u0435\u043e\u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u0442\u0440\u0443\u0431 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><rect x=3 y=7 width=13 height=10 rx=1.5\/><path d=M16 10l5-3v10l-5-3z\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0412\u0438\u0434\u0435\u043e\u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u0442\u0440\u0443\u0431<\/h3>\r\n          <p>\u041e\u0441\u043c\u043e\u0442\u0440 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u0430\u043c\u0435\u0440\u043e\u0439 \u2014 \u0442\u043e\u0447\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u043c \u043c\u0435\u0441\u0442\u043e \u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u0437\u0430\u0441\u043e\u0440\u0430.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/zabilas-kanalizacija-3.avif\" alt=\"\u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0447\u0430\u0441\u0442\u043d\u043e\u0433\u043e \u0434\u043e\u043c\u0430 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><path d=M3 11l9-7 9 7\/><path d=M5 10v10h14V10\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u043c \u0434\u043e\u043c\u0435<\/h3>\r\n          <p>\u041f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043d\u0430\u0440\u0443\u0436\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439, \u0441\u0435\u043f\u0442\u0438\u043a\u043e\u0432 \u0438 \u0432\u044b\u0433\u0440\u0435\u0431\u043d\u044b\u0445 \u044f\u043c \u0441 \u0432\u044b\u0435\u0437\u0434\u043e\u043c \u043d\u0430 \u0443\u0447\u0430\u0441\u0442\u043e\u043a.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"service-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/trubservice.kz\/wp-content\/uploads\/2026\/07\/cdAiF.jpg\" alt=\"\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0430\u0445\u0430 \u0438\u0437 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0410\u043b\u043c\u0430\u0442\u044b\" onerror=\"this.parentElement.innerHTML='<div class=photo-fallback style=display:flex><svg viewBox=0 0 24 24 fill=none stroke=currentColor stroke-width=1.6><circle cx=12 cy=12 r=9\/><path d=M9 9l1.5 1.5M15 9l-1.5 1.5M9 16c1-1.2 5-1.2 6 0\/><\/svg><span>\u0424\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433\u0438<\/span><\/div>'\">\r\n        <\/div>\r\n        <div class=\"service-body\">\r\n          <h3>\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0430\u0445\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/h3>\r\n          <p>\u0414\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u0438 \u043f\u043e\u043b\u043d\u0430\u044f \u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043e\u0442 \u0437\u0430\u0441\u043e\u0440\u043e\u0432 \u0438 \u043d\u0430\u043b\u0451\u0442\u0430.<\/p>\r\n          <a href=\"tel:+77772070284\" class=\"btn btn-outline btn-sm\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ \u0427\u0410\u0421\u0422\u042b\u0415 \u041f\u0420\u041e\u0411\u041b\u0415\u041c\u042b ============ -->\r\n<section class=\"section section-alt\" id=\"problems\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u0421 \u0447\u0435\u043c \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f<\/div>\r\n      <h2>\u0427\u0430\u0441\u0442\u044b\u0435 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b<\/h2>\r\n      <p>\u0415\u0441\u043b\u0438 \u0443\u0437\u043d\u0430\u043b\u0438 \u0441\u0432\u043e\u044e \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u2014 \u0437\u0432\u043e\u043d\u0438\u0442\u0435, \u043f\u0440\u0438\u0435\u0434\u0435\u043c \u0438 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u043c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0432 \u044d\u0442\u043e\u0442 \u0436\u0435 \u0434\u0435\u043d\u044c.<\/p>\r\n    <\/div>\r\n    <div class=\"problems-grid\">\r\n      <div class=\"problem-card\">\r\n        <div class=\"p-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M7 4v6a5 5 0 0010 0V4\"\/><path d=\"M4 20h16\"\/><\/svg>\r\n          \u0417\u0430\u0441\u043e\u0440 \u0432 \u0440\u0430\u043a\u043e\u0432\u0438\u043d\u0435 \u0438\u043b\u0438 \u0432\u0430\u043d\u043d\u0435\r\n        <\/div>\r\n        <p>\u0412\u043e\u0434\u0430 \u0443\u0445\u043e\u0434\u0438\u0442 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u0438\u043b\u0438 \u0441\u0442\u043e\u0438\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u2014 \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u0438\u043c \u0441\u0438\u0444\u043e\u043d \u0438 \u0442\u0440\u0443\u0431\u0443 \u0431\u0435\u0437 \u0434\u0435\u043c\u043e\u043d\u0442\u0430\u0436\u0430 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"p-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2c-3 4-6 7.5-6 11a6 6 0 0012 0c0-3.5-3-7-6-11z\"\/><\/svg>\r\n          \u0422\u0435\u0447\u0451\u0442 \u043a\u0440\u0430\u043d \u0438\u043b\u0438 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u044c\r\n        <\/div>\r\n        <p>\u041a\u0430\u043f\u0430\u044e\u0449\u0430\u044f \u0432\u043e\u0434\u0430 \u2014 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0438\u0437\u043d\u043e\u0448\u0435\u043d\u043d\u044b\u0439 \u043a\u0430\u0440\u0442\u0440\u0438\u0434\u0436 \u0438\u043b\u0438 \u043f\u0440\u043e\u043a\u043b\u0430\u0434\u043a\u0430. \u041c\u0435\u043d\u044f\u0435\u043c \u0437\u0430 \u043e\u0434\u0438\u043d \u0432\u0438\u0437\u0438\u0442.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"p-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 8v4l3 2\"\/><\/svg>\r\n          \u0421\u043b\u0430\u0431\u044b\u0439 \u043d\u0430\u043f\u043e\u0440 \u0432\u043e\u0434\u044b\r\n        <\/div>\r\n        <p>\u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u2014 \u0437\u0430\u0441\u043e\u0440 \u0432 \u0442\u0440\u0443\u0431\u0435, \u0441\u0442\u0430\u0440\u044b\u0439 \u0444\u0438\u043b\u044c\u0442\u0440 \u0438\u043b\u0438 \u0438\u0437\u043d\u043e\u0448\u0435\u043d\u043d\u044b\u0439 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u044c. \u041d\u0430\u0439\u0434\u0451\u043c \u0438 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u043c.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"p-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 21v-7a4 4 0 014-4h8a4 4 0 014 4v7\"\/><\/svg>\r\n          \u041f\u0440\u043e\u0442\u0435\u0447\u043a\u0430 \u043f\u043e\u0434 \u0432\u0430\u043d\u043d\u043e\u0439 \u0438\u043b\u0438 \u043c\u043e\u0439\u043a\u043e\u0439\r\n        <\/div>\r\n        <p>\u0421\u044b\u0440\u043e\u0441\u0442\u044c \u0438 \u0432\u043e\u0434\u0430 \u043d\u0430 \u043f\u043e\u043b\u0443 \u2014 \u043f\u0440\u0438\u0437\u043d\u0430\u043a \u0440\u0430\u0437\u0433\u0435\u0440\u043c\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0439. \u0423\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u043c \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0443 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u044f.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"p-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9 9l1.5 1.5M15 9l-1.5 1.5M9 16c1-1.2 5-1.2 6 0\"\/><\/svg>\r\n          \u041d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0437\u0430\u043f\u0430\u0445 \u0438\u0437 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438\r\n        <\/div>\r\n        <p>\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u043c \u0441\u0438\u0444\u043e\u043d\u044b, \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u044e \u0441\u0442\u043e\u044f\u043a\u0430 \u0438 \u043f\u0440\u043e\u0432\u0435\u0434\u0451\u043c \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0434\u043e \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0430\u0445\u0430.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"p-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"5\"\/><\/svg>\r\n          \u0428\u0443\u043c\u0438\u0442 \u0438\u043b\u0438 \u043d\u0435 \u0433\u0440\u0435\u0435\u0442 \u0431\u043e\u0439\u043b\u0435\u0440\r\n        <\/div>\r\n        <p>\u041d\u0430\u043a\u0438\u043f\u044c \u043d\u0430 \u0422\u042d\u041d\u0435, \u043f\u043e\u043b\u043e\u043c\u043a\u0430 \u0442\u0435\u0440\u043c\u043e\u0441\u0442\u0430\u0442\u0430 \u2014 \u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u0438 \u0440\u0435\u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u044c.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PROCESS ============ -->\r\n<section class=\"section\" id=\"process\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u041a\u0430\u043a \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0432\u044b\u0437\u043e\u0432<\/div>\r\n      <h2>\u041e\u0442 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u2014 4 \u0448\u0430\u0433\u0430<\/h2>\r\n    <\/div>\r\n    <div class=\"process-grid\">\r\n      <div class=\"process-step\">\r\n        <div class=\"process-num\">1<\/div>\r\n        <h3>\u0417\u0430\u044f\u0432\u043a\u0430<\/h3>\r\n        <p>\u0417\u0432\u043e\u043d\u0438\u0442\u0435 \u0438\u043b\u0438 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u2014 \u0443\u0442\u043e\u0447\u043d\u044f\u0435\u043c \u0430\u0434\u0440\u0435\u0441 \u0438 \u0441\u0443\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b.<\/p>\r\n      <\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"process-num\">2<\/div>\r\n        <h3>\u0412\u044b\u0435\u0437\u0434 \u043c\u0430\u0441\u0442\u0435\u0440\u0430<\/h3>\r\n        <p>\u041f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u043c \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0441\u043e \u0432\u0441\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c.<\/p>\r\n      <\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"process-num\">3<\/div>\r\n        <h3>\u0414\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u0438 \u0441\u043c\u0435\u0442\u0430<\/h3>\r\n        <p>\u041e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0443, \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0442\u043e\u0447\u043d\u0443\u044e \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442 \u0434\u043e \u0438\u0445 \u043d\u0430\u0447\u0430\u043b\u0430.<\/p>\r\n      <\/div>\r\n      <div class=\"process-step\">\r\n        <div class=\"process-num\">4<\/div>\r\n        <h3>\u0420\u0435\u043c\u043e\u043d\u0442 \u0438 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f<\/h3>\r\n        <p>\u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443, \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u0438 \u0434\u0430\u0451\u043c \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PRICES ============ -->\r\n<section class=\"section section-alt\" id=\"prices\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/div>\r\n      <h2>\u0426\u0435\u043d\u044b \u043d\u0430 \u0443\u0441\u043b\u0443\u0433\u0438 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b<\/h2>\r\n      <p>\u0422\u043e\u0447\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043e\u0431\u044a\u0451\u043c\u0430 \u0440\u0430\u0431\u043e\u0442 \u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432.<\/p>\r\n    <\/div>\r\n    <table class=\"price-table\">\r\n      <thead>\r\n        <tr><th>\u0423\u0441\u043b\u0443\u0433\u0430<\/th><th>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0442<\/th><\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n        <tr><td>\u0423\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u0430 \u0440\u0430\u043a\u043e\u0432\u0438\u043d\u044b\/\u0432\u0430\u043d\u043d\u044b<\/td><td>\u043e\u0442 4 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u041f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u0440\u043e\u0441\u043e\u043c<\/td><td>\u043e\u0442 6 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u0413\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u0442\u0440\u0443\u0431<\/td><td>\u043e\u0442 12 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u0417\u0430\u043c\u0435\u043d\u0430 \u0441\u043c\u0435\u0441\u0438\u0442\u0435\u043b\u044f<\/td><td>\u043e\u0442 5 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0443\u043d\u0438\u0442\u0430\u0437\u0430<\/td><td>\u043e\u0442 8 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u0417\u0430\u043c\u0435\u043d\u0430 \u0443\u0447\u0430\u0441\u0442\u043a\u0430 \u0442\u0440\u0443\u0431\u044b \u0432\u043e\u0434\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f<\/td><td>\u043e\u0442 6 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u0420\u0435\u043c\u043e\u043d\u0442\/\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0432\u043e\u0434\u043e\u043d\u0430\u0433\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u044f<\/td><td>\u043e\u0442 10 000 \u20b8<\/td><\/tr>\r\n        <tr><td>\u0410\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0439 \u0432\u044b\u0435\u0437\u0434 (\u0441\u0440\u043e\u0447\u043d\u043e)<\/td><td>\u043e\u0442 5 000 \u20b8<\/td><\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n    <p class=\"price-note\">* \u0426\u0435\u043d\u044b \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0435 \u043d\u0430 \u0438\u044e\u043b\u044c 2026 \u0433\u043e\u0434\u0430. \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0437\u0432\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043c\u0430\u0441\u0442\u0435\u0440\u043e\u043c \u043d\u0430 \u043c\u0435\u0441\u0442\u0435.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DISTRICTS (SEO) ============ -->\r\n<section class=\"section\" id=\"districts\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u0413\u0435\u043e\u0433\u0440\u0430\u0444\u0438\u044f \u0432\u044b\u0435\u0437\u0434\u0430<\/div>\r\n      <h2>\u0412\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c \u0440\u0430\u0439\u043e\u043d\u0430\u043c \u0410\u043b\u043c\u0430\u0442\u044b<\/h2>\r\n      <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0431\u0435\u0437 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0445 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0433\u043e\u0440\u043e\u0434\u0443 \u2014 \u043e\u0442 \u0446\u0435\u043d\u0442\u0440\u0430 \u0434\u043e \u043e\u0442\u0434\u0430\u043b\u0451\u043d\u043d\u044b\u0445 \u043c\u0438\u043a\u0440\u043e\u0440\u0430\u0439\u043e\u043d\u043e\u0432.<\/p>\r\n    <\/div>\r\n    <div class=\"almaty-map-wrap\">\r\n      <div class=\"almaty-map\">\r\n        <div class=\"map-tile\" data-district=\"\u0410\u043b\u0430\u0442\u0430\u0443\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 20l6-11 4 6 3-5 5 10z\"\/><\/svg>\r\n          <div class=\"mt-name\">\u0410\u043b\u0430\u0442\u0430\u0443\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n        <div class=\"map-tile\" data-district=\"\u0416\u0435\u0442\u044b\u0441\u0443\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 20l6-11 4 6 3-5 5 10z\"\/><\/svg>\r\n          <div class=\"mt-name\">\u0416\u0435\u0442\u044b\u0441\u0443\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n        <div class=\"map-tile\" data-district=\"\u0422\u0443\u0440\u043a\u0441\u0438\u0431\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 20l6-11 4 6 3-5 5 10z\"\/><\/svg>\r\n          <div class=\"mt-name\">\u0422\u0443\u0440\u043a\u0441\u0438\u0431\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"map-tile\" data-district=\"\u041d\u0430\u0443\u0440\u044b\u0437\u0431\u0430\u0439\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><\/svg>\r\n          <div class=\"mt-name\">\u041d\u0430\u0443\u0440\u044b\u0437\u0431\u0430\u0439\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n        <div class=\"map-tile\" data-district=\"\u0410\u043b\u043c\u0430\u043b\u0438\u043d\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><\/svg>\r\n          <div class=\"mt-name\">\u0410\u043b\u043c\u0430\u043b\u0438\u043d\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n        <div class=\"map-tile\" data-district=\"\u0410\u0443\u044d\u0437\u043e\u0432\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><\/svg>\r\n          <div class=\"mt-name\">\u0410\u0443\u044d\u0437\u043e\u0432\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"map-tile empty\"><\/div>\r\n        <div class=\"map-tile\" data-district=\"\u0411\u043e\u0441\u0442\u0430\u043d\u0434\u044b\u043a\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0118 0z\"\/><\/svg>\r\n          <div class=\"mt-name\">\u0411\u043e\u0441\u0442\u0430\u043d\u0434\u044b\u043a\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n        <div class=\"map-tile\" data-district=\"\u041c\u0435\u0434\u0435\u0443\u0441\u043a\u0438\u0439\" onclick=\"mapSelect(this)\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0118 0z\"\/><\/svg>\r\n          <div class=\"mt-name\">\u041c\u0435\u0434\u0435\u0443\u0441\u043a\u0438\u0439<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"map-info\" id=\"map-info\">\r\n        <div class=\"map-placeholder\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0430\u0439\u043e\u043d \u043d\u0430 \u043a\u0430\u0440\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0432\u044b\u0435\u0437\u0434\u0430 \u043c\u0430\u0441\u0442\u0435\u0440\u0430\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"map-sub\">\u0422\u0430\u043a\u0436\u0435 \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0432 \u043c\u0438\u043a\u0440\u043e\u0440\u0430\u0439\u043e\u043d\u044b:<\/div>\r\n    <div class=\"districts-wrap\">\r\n      <span class=\"district-chip\">\u0421\u0430\u043c\u0430\u043b<\/span>\r\n      <span class=\"district-chip\">\u041a\u043e\u043a\u0442\u0435\u043c<\/span>\r\n      <span class=\"district-chip\">\u041e\u0440\u0431\u0438\u0442\u0430<\/span>\r\n      <span class=\"district-chip\">\u0415\u0441\u0435\u043d\u0442\u0430\u0439<\/span>\r\n      <span class=\"district-chip\">\u041c\u0430\u043c\u044b\u0440<\/span>\r\n      <span class=\"district-chip\">\u0422\u0430\u0441\u0442\u0430\u043a<\/span>\r\n      <span class=\"district-chip\">\u0410\u043a\u0441\u0430\u0439<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ REVIEWS ============ -->\r\n<section class=\"section section-alt\" id=\"reviews\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u041e\u0442\u0437\u044b\u0432\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/div>\r\n      <h2>\u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442 \u043e \u043d\u0430\u0441 \u0436\u0438\u0442\u0435\u043b\u0438 \u0410\u043b\u043c\u0430\u0442\u044b<\/h2>\r\n    <\/div>\r\n    <div class=\"reviews-grid\">\r\n      <div class=\"review-card\">\r\n        <div class=\"review-stars\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n        <\/div>\r\n        <p>\u0417\u0430\u0441\u043e\u0440\u0438\u043b\u0430\u0441\u044c \u0442\u0440\u0443\u0431\u0430 \u043d\u0430 \u043a\u0443\u0445\u043d\u0435, \u0432\u043e\u0434\u0430 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u0443\u0445\u043e\u0434\u0438\u043b\u0430. \u041c\u0430\u0441\u0442\u0435\u0440 \u043f\u0440\u0438\u0435\u0445\u0430\u043b \u0447\u0435\u0440\u0435\u0437 40 \u043c\u0438\u043d\u0443\u0442, \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u0438\u043b \u0442\u0440\u043e\u0441\u043e\u043c, \u0432\u0441\u0451 \u0443\u0431\u0440\u0430\u043b \u0437\u0430 \u0441\u043e\u0431\u043e\u0439. \u0420\u0430\u0431\u043e\u0442\u043e\u0439 \u0434\u043e\u0432\u043e\u043b\u0435\u043d.<\/p>\r\n        <div class=\"review-name\">\u0414\u0430\u043c\u0438\u0440 \u0422.<\/div>\r\n        <div class=\"review-meta\">\u0411\u043e\u0441\u0442\u0430\u043d\u0434\u044b\u043a\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/div>\r\n      <\/div>\r\n      <div class=\"review-card\">\r\n        <div class=\"review-stars\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n        <\/div>\r\n        <p>\u041c\u0435\u043d\u044f\u043b\u0438 \u0431\u043e\u0439\u043b\u0435\u0440 \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u043c \u0434\u043e\u043c\u0435. \u041f\u0440\u0438\u0435\u0445\u0430\u043b\u0438 \u0432\u043e\u0432\u0440\u0435\u043c\u044f, \u043d\u0430\u0437\u0432\u0430\u043b\u0438 \u0446\u0435\u043d\u0443 \u0441\u0440\u0430\u0437\u0443, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u044e\u0440\u043f\u0440\u0438\u0437\u043e\u0432 \u043d\u0435 \u0431\u044b\u043b\u043e. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e.<\/p>\r\n        <div class=\"review-name\">\u0410\u0439\u0433\u0435\u0440\u0438\u043c \u0421.<\/div>\r\n        <div class=\"review-meta\">\u041d\u0430\u0443\u0440\u044b\u0437\u0431\u0430\u0439\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/div>\r\n      <\/div>\r\n      <div class=\"review-card\">\r\n        <div class=\"review-stars\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.9-6.3 3.9 1.7-7L2 9.2l7.1-.6z\"\/><\/svg>\r\n        <\/div>\r\n        <p>\u0418\u0437 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0448\u0451\u043b \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u0437\u0430\u043f\u0430\u0445 \u2014 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0433\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u0441\u0442\u043e\u044f\u043a\u0430, \u0437\u0430\u043f\u0430\u0445 \u043f\u0440\u043e\u043f\u0430\u043b \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c.<\/p>\r\n        <div class=\"review-name\">\u0415\u0440\u0436\u0430\u043d \u041a.<\/div>\r\n        <div class=\"review-meta\">\u0410\u043b\u043c\u0430\u043b\u0438\u043d\u0441\u043a\u0438\u0439 \u0440\u0430\u0439\u043e\u043d<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FAQ ============ -->\r\n<section class=\"section\" id=\"faq\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u044b<\/div>\r\n      <h2>\u0427\u0430\u0441\u0442\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u0432\u044b\u0437\u043e\u0432\u0435 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430<\/h2>\r\n    <\/div>\r\n    <div class=\"faq-list\">\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n          \u041a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u043e \u0432\u044b \u043f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u0442\u0435 \u043f\u043e \u0410\u043b\u043c\u0430\u0442\u044b?\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><p>\u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0440\u0430\u0439\u043e\u043d\u043e\u0432 \u043c\u0430\u0441\u0442\u0435\u0440 \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u0442 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 30\u201360 \u043c\u0438\u043d\u0443\u0442 \u043f\u043e\u0441\u043b\u0435 \u0437\u0432\u043e\u043d\u043a\u0430. \u041f\u0440\u0438 \u0430\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445 (\u043f\u043e\u0440\u044b\u0432 \u0442\u0440\u0443\u0431\u044b, \u0441\u0438\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0442\u0435\u0447\u043a\u0430) \u0432\u044b\u0435\u0437\u0434 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0439.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n          \u0412\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u043f\u043e \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u043c \u0438 \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u043a\u0430\u043c?\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><p>\u0414\u0430, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u043c \u0437\u0430\u044f\u0432\u043a\u0438 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, \u0431\u0435\u0437 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0445, \u0441 8:00 \u0434\u043e 23:00, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u044b\u0435 \u0434\u043d\u0438.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n          \u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u043e\u0438\u0442 \u0432\u044b\u0437\u043e\u0432 \u043c\u0430\u0441\u0442\u0435\u0440\u0430?\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><p>\u0422\u043e\u0447\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043c\u0430\u0441\u0442\u0435\u0440\u043e\u043c \u043d\u0430 \u043c\u0435\u0441\u0442\u0435 \u043f\u043e\u0441\u043b\u0435 \u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0432\u0438\u0434\u0430 \u0440\u0430\u0431\u043e\u0442. \u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0435 \u0446\u0435\u043d\u044b \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u00ab\u0426\u0435\u043d\u044b\u00bb \u0432\u044b\u0448\u0435.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n          \u0414\u0430\u0451\u0442\u0435 \u043b\u0438 \u0432\u044b \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e \u043d\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b?\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><p>\u0414\u0430, \u043d\u0430 \u0432\u0441\u0435 \u0432\u0438\u0434\u044b \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0440\u0430\u0431\u043e\u0442 \u0438 \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044f. \u0421\u0440\u043e\u043a \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0432\u0438\u0434\u0430 \u0440\u0430\u0431\u043e\u0442 \u0438 \u043e\u0437\u0432\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043c\u0430\u0441\u0442\u0435\u0440\u043e\u043c \u043f\u0440\u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0438 \u0437\u0430\u043a\u0430\u0437\u0430.<\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n          \u041c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u043c \u0434\u043e\u043c\u0435?\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"faq-a\"><p>\u0414\u0430, \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0432 \u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0441\u0435\u043a\u0442\u043e\u0440 \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u043f\u0440\u0438\u0433\u043e\u0440\u043e\u0434, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u043c\u0438 \u0438 \u043d\u0430\u0440\u0443\u0436\u043d\u044b\u043c\u0438 \u0441\u0435\u0442\u044f\u043c\u0438 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u0441\u0435\u043f\u0442\u0438\u043a\u0430\u043c\u0438 \u0438 \u0432\u044b\u0433\u0440\u0435\u0431\u043d\u044b\u043c\u0438 \u044f\u043c\u0430\u043c\u0438.<\/p><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ CONTACTS ============ -->\r\n<section class=\"section section-alt\" id=\"contacts\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head\">\r\n      <div class=\"eyebrow\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438<\/div>\r\n      <h2>\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u2014 \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 10 \u043c\u0438\u043d\u0443\u0442<\/h2>\r\n    <\/div>\r\n    <div class=\"contact-grid\">\r\n      <div class=\"contact-info\">\r\n        <h3>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h3>\r\n        <p style=\"color:var(--text-muted); font-size:14.5px;\">\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u043f\u0440\u0438\u0433\u043e\u0440\u043e\u0434\u0443 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e.<\/p>\r\n        <ul class=\"contact-list\">\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.79.68 2.63a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.45-1.45a2 2 0 012.11-.45c.84.33 1.73.56 2.63.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n            <div><b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/b><a href=\"tel:+77772070284\">+7 777 207\u201102\u201184<\/a><\/div>\r\n          <\/li>\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n            <div><b>\u0420\u0435\u0436\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u044b<\/b>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, 08:00\u201323:00, \u0431\u0435\u0437 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0445<\/div>\r\n          <\/li>\r\n          <li>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <div><b>\u0417\u043e\u043d\u0430 \u0432\u044b\u0435\u0437\u0434\u0430<\/b>\u0410\u043b\u043c\u0430\u0442\u044b, \u0432\u0441\u0435 \u0440\u0430\u0439\u043e\u043d\u044b, \u0438 \u043f\u0440\u0438\u0433\u043e\u0440\u043e\u0434<\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <form class=\"order-form\" onsubmit=\"sendToWhatsApp(event, this)\">\r\n        <h3 style=\"margin-bottom:18px;\">\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0432\u044b\u0437\u043e\u0432 \u043c\u0430\u0441\u0442\u0435\u0440\u0430<\/h3>\r\n        <div class=\"f-row\">\r\n          <label for=\"f-name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label>\r\n          <input id=\"f-name\" type=\"text\" placeholder=\"\u041a\u0430\u043a \u043a \u0432\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f\" required>\r\n        <\/div>\r\n        <div class=\"f-row\">\r\n          <label for=\"f-phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\r\n          <input id=\"f-phone\" type=\"tel\" placeholder=\"+7 ___ ___ __ __\" required>\r\n        <\/div>\r\n        <div class=\"f-row\">\r\n          <label for=\"f-service\">\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c<\/label>\r\n          <select id=\"f-service\">\r\n            <option>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b<\/option>\r\n            <option>\u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0443\u0431<\/option>\r\n            <option>\u0410\u0432\u0430\u0440\u0438\u0439\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432<\/option>\r\n            <option>\u0414\u0440\u0443\u0433\u043e\u0435<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"f-row\">\r\n          <label for=\"f-comment\">\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label>\r\n          <textarea id=\"f-comment\" rows=\"3\" placeholder=\"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443\"><\/textarea>\r\n        <\/div>\r\n        <button type=\"submit\" class=\"btn btn-primary\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\r\n        <p class=\"form-note\">\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FOOTER ============ -->\r\n<footer>\r\n  <div class=\"wrap\">\r\n    <div>\r\n      <h4>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0410\u043b\u043c\u0430\u0442\u044b<\/h4>\r\n      <p>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0438 \u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0433\u043e\u0440\u043e\u0434\u0443.<\/p>\r\n    <\/div>\r\n    <div>\r\n      <h4>\u0423\u0441\u043b\u0443\u0433\u0438<\/h4>\r\n      <ul>\r\n        <li><a href=\"#services\">\u0420\u0435\u043c\u043e\u043d\u0442 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/a><\/li>\r\n        <li><a href=\"#cleaning\">\u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/a><\/li>\r\n        <li><a href=\"#problems\">\u0427\u0430\u0441\u0442\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b<\/a><\/li>\r\n        <li><a href=\"#prices\">\u0426\u0435\u043d\u044b<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <h4>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\r\n      <ul>\r\n        <li><a href=\"tel:+77772070284\">+7 777 207\u201102\u201184<\/a><\/li>\r\n        <li>\u0410\u043b\u043c\u0430\u0442\u044b, \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e 08:00\u201323:00<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"wrap footer-bottom\">\r\n    <span>\u00a9 2026 \u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0410\u043b\u043c\u0430\u0442\u044b. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/span>\r\n    <span>\u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u2014 \u0432\u044b\u0437\u043e\u0432 \u043d\u0430 \u0434\u043e\u043c<\/span>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- ============ FLOATING BUTTONS ============ -->\r\n<div class=\"float-stack\">\r\n  <a class=\"float-btn whatsapp\" href=\"https:\/\/wa.me\/77772070284\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M21 11.5a8.5 8.5 0 01-12.4 7.55L3 20l1.05-5.4A8.5 8.5 0 1121 11.5z\"\/><path d=\"M8.5 10.5c.3 2.5 2.5 4.7 5 5\"\/><\/svg>\r\n  <\/a>\r\n  <a class=\"float-btn\" href=\"tel:+77772070284\" aria-label=\"\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.12.9.35 1.79.68 2.63a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.45-1.45a2 2 0 012.11-.45c.84.33 1.73.56 2.63.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- ============ MOBILE STICKY BAR ============ -->\r\n<div class=\"mobile-call-bar\">\r\n  <a class=\"mc-call\" href=\"tel:+77772070284\">\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/a>\r\n  <a class=\"mc-order\" href=\"#contacts\">\u0417\u0430\u044f\u0432\u043a\u0430<\/a>\r\n<\/div>\r\n\r\n<script>\r\n  function sendToWhatsApp(event, form){\r\n    event.preventDefault();\r\n\r\n    const name = form.querySelector('#f-name').value.trim();\r\n    const phone = form.querySelector('#f-phone').value.trim();\r\n    const service = form.querySelector('#f-service').value;\r\n    const comment = form.querySelector('#f-comment').value.trim();\r\n\r\n    let text = '\u0417\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430 \u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0410\u043b\u043c\u0430\u0442\u044b%0A';\r\n    text += '\u0418\u043c\u044f: ' + encodeURIComponent(name) + '%0A';\r\n    text += '\u0422\u0435\u043b\u0435\u0444\u043e\u043d: ' + encodeURIComponent(phone) + '%0A';\r\n    text += '\u0423\u0441\u043b\u0443\u0433\u0430: ' + encodeURIComponent(service) + '%0A';\r\n    if(comment){\r\n      text += '\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439: ' + encodeURIComponent(comment);\r\n    }\r\n\r\n    const whatsappNumber = '77772070284';\r\n    const url = 'https:\/\/wa.me\/' + whatsappNumber + '?text=' + text;\r\n\r\n    window.open(url, '_blank');\r\n    form.reset();\r\n  }\r\n\r\n  function toggleFaq(btn){\r\n    const item = btn.parentElement;\r\n    const answer = item.querySelector('.faq-a');\r\n    const isOpen = item.classList.contains('open');\r\n    document.querySelectorAll('.faq-item.open').forEach(i => {\r\n      i.classList.remove('open');\r\n      i.querySelector('.faq-a').style.maxHeight = null;\r\n    });\r\n    if(!isOpen){\r\n      item.classList.add('open');\r\n      answer.style.maxHeight = answer.scrollHeight + 'px';\r\n    }\r\n  }\r\n\r\n  \/* ---------- QUIZ \u00ab\u041e\u041f\u0420\u0415\u0414\u0415\u041b\u0418 \u041f\u0420\u041e\u0411\u041b\u0415\u041c\u0423\u00bb ---------- *\/\r\n  let quizData = {};\r\n  let quizCurrentStep = 1;\r\n\r\n  function quizAnswer(key, value){\r\n    quizData[key] = value;\r\n    if(quizCurrentStep < 3){\r\n      quizGoTo(quizCurrentStep + 1);\r\n    } else {\r\n      quizShowResult();\r\n    }\r\n  }\r\n\r\n  function quizGoTo(step){\r\n    document.querySelectorAll('.quiz-step').forEach(s => s.classList.remove('active'));\r\n    document.querySelector('.quiz-step[data-step=\"' + step + '\"]').classList.add('active');\r\n    quizCurrentStep = step;\r\n    updateQuizProgress();\r\n  }\r\n\r\n  function quizBack(){\r\n    if(quizCurrentStep > 1){\r\n      quizGoTo(quizCurrentStep - 1);\r\n    }\r\n  }\r\n\r\n  function updateQuizProgress(){\r\n    document.querySelectorAll('.quiz-progress-dot').forEach((dot, i) => {\r\n      dot.classList.toggle('done', i < quizCurrentStep);\r\n    });\r\n  }\r\n\r\n  function quizShowResult(){\r\n    document.querySelectorAll('.quiz-step').forEach(s => s.classList.remove('active'));\r\n    document.querySelector('.quiz-step[data-step=\"result\"]').classList.add('active');\r\n    document.querySelectorAll('.quiz-progress-dot').forEach(dot => dot.classList.add('done'));\r\n\r\n    const title = document.getElementById('quiz-result-title');\r\n    const text = document.getElementById('quiz-result-text');\r\n\r\n    if(quizData.urgency === '\u041f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u2014 \u0430\u0432\u0430\u0440\u0438\u044f'){\r\n      title.textContent = '\u041f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u0430\u0432\u0430\u0440\u0438\u0439\u043d\u0443\u044e \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e';\r\n      text.textContent = '\u041e\u0444\u043e\u0440\u043c\u0438\u043c \u0437\u0430\u044f\u0432\u043a\u0443 \u043a\u0430\u043a \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u0443\u044e \u2014 \u043c\u0430\u0441\u0442\u0435\u0440 \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u0442 \u0432\u043d\u0435 \u043e\u0447\u0435\u0440\u0435\u0434\u0438.';\r\n    } else if(quizData.problem && quizData.problem.indexOf('\u0417\u0430\u0441\u043e\u0440') === 0){\r\n      title.textContent = '\u041f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 \u0437\u0430\u0441\u043e\u0440';\r\n      text.textContent = '\u041f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u0442\u0440\u043e\u0441 \u0438\u043b\u0438 \u0433\u0438\u0434\u0440\u043e\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0447\u0438\u0441\u0442\u043a\u0430 \u2014 \u043c\u0430\u0441\u0442\u0435\u0440 \u0432\u043e\u0437\u044c\u043c\u0451\u0442 \u043d\u0443\u0436\u043d\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435.';\r\n    } else if(quizData.problem === '\u041d\u0435 \u0442\u0435\u0447\u0451\u0442 \u2014 \u043d\u0435\u0442 \u0432\u043e\u0434\u044b'){\r\n      title.textContent = '\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u043f\u043e\u0434\u0430\u0447\u0435\u0439 \u0432\u043e\u0434\u044b';\r\n      text.textContent = '\u041c\u0430\u0441\u0442\u0435\u0440 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442 \u0437\u0430\u043f\u043e\u0440\u043d\u0443\u044e \u0430\u0440\u043c\u0430\u0442\u0443\u0440\u0443, \u0441\u0447\u0451\u0442\u0447\u0438\u043a \u0438 \u0440\u0430\u0437\u0432\u043e\u0434\u043a\u0443 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435.';\r\n    } else {\r\n      title.textContent = '\u041f\u043e\u043d\u044f\u0442\u043d\u043e, \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c';\r\n      text.textContent = '\u0421\u0435\u0439\u0447\u0430\u0441 \u0441\u043e\u0431\u0435\u0440\u0451\u043c \u0437\u0430\u044f\u0432\u043a\u0443 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0435\u0451 \u043c\u0430\u0441\u0442\u0435\u0440\u0443 \u0432 WhatsApp.';\r\n    }\r\n  }\r\n\r\n  function quizSendWhatsApp(){\r\n    const whatsappNumber = '77772070284';\r\n    let text = '\u0417\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430 (\u043c\u0438\u043d\u0438-\u0442\u0435\u0441\u0442 \u00ab\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443\u00bb)%0A';\r\n    text += '\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430: ' + encodeURIComponent(quizData.problem || '-') + '%0A';\r\n    text += '\u0413\u0434\u0435: ' + encodeURIComponent(quizData.place || '-') + '%0A';\r\n    text += '\u0421\u0440\u043e\u0447\u043d\u043e\u0441\u0442\u044c: ' + encodeURIComponent(quizData.urgency || '-');\r\n\r\n    const url = 'https:\/\/wa.me\/' + whatsappNumber + '?text=' + text;\r\n    window.open(url, '_blank');\r\n  }\r\n\r\n  function quizRestart(){\r\n    quizData = {};\r\n    quizGoTo(1);\r\n  }\r\n\r\n  \/* ---------- \u0418\u041d\u0422\u0415\u0420\u0410\u041a\u0422\u0418\u0412\u041d\u0410\u042f \u041a\u0410\u0420\u0422\u0410 \u0420\u0410\u0419\u041e\u041d\u041e\u0412 ---------- *\/\r\n  const mapDistrictInfo = {\r\n    '\u0410\u043b\u0430\u0442\u0430\u0443\u0441\u043a\u0438\u0439':    {time:'45\u201360 \u043c\u0438\u043d', desc:'\u041e\u0442\u0434\u0430\u043b\u0451\u043d\u043d\u044b\u0439 \u0440\u0430\u0439\u043e\u043d \u043d\u0430 \u0441\u0435\u0432\u0435\u0440\u043e-\u0437\u0430\u043f\u0430\u0434\u0435 \u0433\u043e\u0440\u043e\u0434\u0430, \u0432\u0440\u0435\u043c\u044f \u0432\u044b\u0435\u0437\u0434\u0430 \u0447\u0443\u0442\u044c \u0432\u044b\u0448\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e.'},\r\n    '\u0416\u0435\u0442\u044b\u0441\u0443\u0441\u043a\u0438\u0439':    {time:'35\u201350 \u043c\u0438\u043d', desc:'\u0421\u0435\u0432\u0435\u0440\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0433\u043e\u0440\u043e\u0434\u0430, \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e \u0431\u0435\u0437 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439.'},\r\n    '\u0422\u0443\u0440\u043a\u0441\u0438\u0431\u0441\u043a\u0438\u0439':   {time:'30\u201345 \u043c\u0438\u043d', desc:'\u0421\u0435\u0432\u0435\u0440\u043e-\u0437\u0430\u043f\u0430\u0434\u043d\u044b\u0439 \u0440\u0430\u0439\u043e\u043d, \u043c\u0430\u0441\u0442\u0435\u0440\u0430 \u0432\u044b\u0435\u0437\u0436\u0430\u044e\u0442 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e.'},\r\n    '\u041d\u0430\u0443\u0440\u044b\u0437\u0431\u0430\u0439\u0441\u043a\u0438\u0439': {time:'35\u201355 \u043c\u0438\u043d', desc:'\u042e\u0433\u043e-\u0437\u0430\u043f\u0430\u0434\u043d\u0430\u044f \u043e\u043a\u0440\u0430\u0438\u043d\u0430 \u0438 \u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0441\u0435\u043a\u0442\u043e\u0440, \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0430\u0434\u0440\u0435\u0441\u0430.'},\r\n    '\u0410\u043b\u043c\u0430\u043b\u0438\u043d\u0441\u043a\u0438\u0439':   {time:'20\u201330 \u043c\u0438\u043d', desc:'\u0426\u0435\u043d\u0442\u0440 \u0433\u043e\u0440\u043e\u0434\u0430 \u2014 \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0441\u0430\u043c\u044b\u0439 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0432\u044b\u0435\u0437\u0434 \u043c\u0430\u0441\u0442\u0435\u0440\u0430.'},\r\n    '\u0410\u0443\u044d\u0437\u043e\u0432\u0441\u043a\u0438\u0439':    {time:'25\u201340 \u043c\u0438\u043d', desc:'\u0417\u0430\u043f\u0430\u0434\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0433\u043e\u0440\u043e\u0434\u0430, \u043f\u043b\u043e\u0442\u043d\u044b\u0439 \u043e\u0445\u0432\u0430\u0442 \u043c\u0430\u0441\u0442\u0435\u0440\u0430\u043c\u0438.'},\r\n    '\u0411\u043e\u0441\u0442\u0430\u043d\u0434\u044b\u043a\u0441\u043a\u0438\u0439': {time:'25\u201335 \u043c\u0438\u043d', desc:'\u041e\u0434\u0438\u043d \u0438\u0437 \u043a\u0440\u0443\u043f\u043d\u0435\u0439\u0448\u0438\u0445 \u0440\u0430\u0439\u043e\u043d\u043e\u0432, \u0432\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u0432 \u043b\u044e\u0431\u0443\u044e \u0442\u043e\u0447\u043a\u0443.'},\r\n    '\u041c\u0435\u0434\u0435\u0443\u0441\u043a\u0438\u0439':     {time:'30\u201345 \u043c\u0438\u043d', desc:'\u042e\u0433\u043e-\u0432\u043e\u0441\u0442\u043e\u043a \u0433\u043e\u0440\u043e\u0434\u0430 \u0438 \u043f\u0440\u0435\u0434\u0433\u043e\u0440\u044c\u044f, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0441\u0435\u043a\u0442\u043e\u0440.'}\r\n  };\r\n\r\n  function mapSelect(tile){\r\n    document.querySelectorAll('.map-tile').forEach(t => t.classList.remove('active'));\r\n    tile.classList.add('active');\r\n\r\n    const district = tile.dataset.district;\r\n    const info = mapDistrictInfo[district];\r\n    const panel = document.getElementById('map-info');\r\n\r\n    const whatsappNumber = '77772070284';\r\n    const waText = encodeURIComponent('\u0417\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430. \u0420\u0430\u0439\u043e\u043d: ' + district);\r\n    const waUrl = 'https:\/\/wa.me\/' + whatsappNumber + '?text=' + waText;\r\n\r\n    panel.innerHTML =\r\n      '<h3>' + district + ' \u0440\u0430\u0439\u043e\u043d<\/h3>' +\r\n      '<div class=\"mi-time\">' +\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>' +\r\n        '\u041e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u043e ' + info.time +\r\n      '<\/div>' +\r\n      '<p>' + info.desc + '<\/p>' +\r\n      '<a href=\"' + waUrl + '\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443 \u0432 WhatsApp<\/a>';\r\n  }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b &#8212; \u0432\u044b\u0437\u043e\u0432 \u043c\u0430\u0441\u0442\u0435\u0440\u0430 \u043d\u0430 \u0434\u043e\u043c. \u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0442\u0440\u0443\u0431 | +7 777 207 02 84 Trubservice \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0427\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0426\u0435\u043d\u044b \u041e\u0442\u0437\u044b\u0432\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b +7 777 207\u201102\u201184 \u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, 08:00\u201323:00 \u0412\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0430\u0441\u0442\u0435\u0440\u0430 \u0421\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u0412\u044b\u0437\u043e\u0432 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b &#8212; \u043f\u0440\u0438\u0435\u0434\u0435\u043c \u0432 \u0434\u0435\u043d\u044c \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0420\u0435\u043c\u043e\u043d\u0442 \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0441\u0430\u043d\u0442\u0435\u0445\u043d\u0438\u043a\u0438, \u0443\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0441\u043e\u0440\u043e\u0432, \u043f\u0440\u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u0430\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trubservice.kz\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trubservice.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trubservice.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trubservice.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trubservice.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":16,"href":"https:\/\/trubservice.kz\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/trubservice.kz\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/trubservice.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}