{"id":8,"date":"2026-04-13T10:54:28","date_gmt":"2026-04-13T10:54:28","guid":{"rendered":"https:\/\/talayazd.com\/?page_id=8"},"modified":"2026-04-16T07:57:49","modified_gmt":"2026-04-16T07:57:49","slug":"home","status":"publish","type":"page","link":"https:\/\/talayazd.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \u0637\u0644\u0627 \u06cc\u0632\u062f | \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0633\u06a9\u0647<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n\n <style>\n \/* =========================\n FONT\n ========================== *\/\n @font-face {\n font-family: \"Vazirmatn\";\n src:\n url(\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/Vazir.woff2\") format(\"woff2\"),\n url(\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/Vazir.woff\") format(\"woff\"),\n url(\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/Vazir.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: \"Vazirmatn\";\n src:\n url(\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/Vazir-Bold.woff2\") format(\"woff2\");\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n\n \/* =========================\n ROOT VARIABLES\n ========================== *\/\n :root {\n --primary: #632928;\n --primary-dark: #4d1f1e;\n --secondary: #e6c76a;\n --white: #ffffff;\n\n --text-dark: #2a1a1a;\n --text-mid: rgba(42, 26, 26, 0.72);\n --text-soft: rgba(42, 26, 26, 0.48);\n\n --bg-page: rgba(240, 215, 150, 0.12);\n --bg-card: #fffdf9;\n\n --primary-light: rgba(99, 41, 40, 0.08);\n --secondary-light: rgba(230, 199, 106, 0.18);\n --secondary-mid: rgba(230, 199, 106, 0.38);\n --border-soft: rgba(230, 199, 106, 0.35);\n\n --shadow-sm: 0 6px 18px rgba(99, 41, 40, 0.06);\n --shadow-md: 0 10px 30px rgba(99, 41, 40, 0.10);\n --shadow-lg: 0 18px 40px rgba(99, 41, 40, 0.14);\n\n --transition: 0.3s ease;\n --container: 1200px;\n --section-space: 80px;\n }\n\n \/* =========================\n RESET\n ========================== *\/\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n -webkit-text-size-adjust: 100%;\n }\n\n body {\n margin: 0;\n font-family: \"Vazirmatn\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n color: var(--text-dark);\n line-height: 1.8;\n background: var(--bg-page);\n overflow-x: hidden;\n }\n\n img {\n max-width: 100%;\n display: block;\n height: auto;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n button,\n input,\n textarea,\n select {\n font: inherit;\n }\n\n .container {\n width: min(calc(100% - 32px), var(--container));\n margin-inline: auto;\n }\n\n section {\n position: relative;\n padding: 0 0 var(--section-space);\n }\n\n .background {\n position: relative;\n z-index: 1;\n }\n\n \/* =========================\n REUSABLE\n ========================== *\/\n .section-header {\n text-align: center;\n margin-bottom: 28px;\n }\n\n .section-title {\n margin: 0 0 10px;\n font-size: clamp(1.55rem, 1.18rem + 1.1vw, 2rem);\n font-weight: 700;\n color: var(--primary);\n line-height: 1.4;\n }\n\n .section-subtitle {\n max-width: 720px;\n margin: 0 auto;\n color: var(--text-mid);\n font-size: 0.98rem;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border-radius: 999px;\n padding: 8px 14px;\n font-size: 0.94rem;\n background: var(--secondary-light);\n border: 1px solid var(--secondary-mid);\n color: var(--primary);\n margin-bottom: 14px;\n box-shadow: 0 4px 10px rgba(230, 199, 106, 0.08);\n }\n\n .badge-dot {\n width: 9px;\n height: 9px;\n border-radius: 50%;\n flex-shrink: 0;\n background: radial-gradient(circle at 30% 30%, #fff, var(--secondary));\n }\n\n .pill {\n border-radius: 999px;\n padding: 4px 10px;\n border: 1px solid var(--secondary-mid);\n background: var(--secondary-light);\n font-size: 0.72rem;\n color: var(--primary);\n white-space: nowrap;\n }\n\n \/* =========================\n BUTTONS\n ========================== *\/\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n min-height: 46px;\n padding: 11px 18px;\n border-radius: 14px;\n border: none;\n cursor: pointer;\n font-size: 0.92rem;\n font-weight: 700;\n line-height: 1;\n transition:\n transform var(--transition),\n box-shadow var(--transition),\n background var(--transition),\n border-color var(--transition),\n color var(--transition),\n opacity var(--transition);\n white-space: nowrap;\n text-align: center;\n }\n\n .btn:hover {\n transform: translateY(-2px);\n }\n\n .btn:active {\n transform: translateY(0);\n }\n\n .btn-primary,\n .btn.primary {\n background: linear-gradient(135deg, #ffcb58, #ffe29b);\n color: #3a2a1a;\n box-shadow: 0 10px 22px rgba(255, 200, 80, 0.30);\n }\n\n .btn-primary:hover,\n .btn.primary:hover {\n box-shadow: 0 14px 26px rgba(255, 200, 80, 0.36);\n }\n\n .btn.ghost {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 1px solid rgba(255, 255, 255, 0.12);\n }\n\n .btn.ghost:hover {\n background: rgba(255, 255, 255, 0.18);\n }\n\n .btn-outline {\n background: transparent;\n color: var(--primary);\n border: 1.5px solid var(--primary);\n }\n\n .btn-outline:hover {\n background: var(--primary-light);\n }\n\n .btn-outline-dark {\n background: transparent;\n color: var(--text-dark);\n border: 1.5px solid var(--text-dark);\n }\n\n .btn-outline-dark:hover {\n background: rgba(42, 26, 26, 0.06);\n }\n\n \/* =========================\n HEADER\n ========================== *\/\n .header-box {\n position: sticky;\n top: 0;\n z-index: 1200;\n padding: 12px 0;\n background: linear-gradient(to bottom, rgba(255, 250, 245, 0.85), rgba(255, 250, 245, 0.25));\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n .header-inner {\n width: 100%;\n max-width: var(--container);\n margin-inline: auto;\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n padding: 14px 22px;\n border-radius: 20px;\n min-height: 84px;\n display: grid;\n grid-template-columns: minmax(260px, 1fr) auto minmax(220px, 1fr);\n align-items: center;\n gap: 18px;\n box-shadow: var(--shadow-lg);\n position: relative;\n isolation: isolate;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n min-width: 0;\n color: #fff;\n justify-self: start;\n overflow: hidden;\n }\n\n .tala-logo {\n height: 58px !important;\n width: auto !important;\n border-radius: 12px;\n flex-shrink: 0;\n object-fit: contain;\n }\n\n .brand {\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.35;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 26px;\n justify-self: center;\n }\n\n .nav-links a {\n color: rgba(255, 255, 255, 0.88);\n font-size: 0.95rem;\n position: relative;\n padding-bottom: 4px;\n transition: color var(--transition), opacity var(--transition);\n white-space: nowrap;\n }\n\n .nav-links a::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: -2px;\n width: 0;\n height: 2px;\n border-radius: 999px;\n background: linear-gradient(90deg, #ffd87a, #ffb703);\n transition: width var(--transition);\n }\n\n .nav-links a:hover {\n color: #fff;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .nav-cta {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 12px;\n justify-self: end;\n }\n\n .desktop-nav,\n .desktop-cta {\n display: flex;\n }\n\n \/* =========================\n MOBILE TOGGLE\n ========================== *\/\n .menu-toggle {\n display: none;\n width: 46px;\n height: 46px;\n border-radius: 14px;\n border: 1px solid rgba(255, 255, 255, 0.18);\n background: rgba(255, 255, 255, 0.08);\n cursor: pointer;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 5px;\n transition: background var(--transition), transform var(--transition);\n flex-shrink: 0;\n }\n\n .menu-toggle:hover {\n background: rgba(255, 255, 255, 0.14);\n }\n\n .menu-toggle span {\n width: 20px;\n height: 2px;\n border-radius: 999px;\n background: #fff;\n display: block;\n transition: transform var(--transition), opacity var(--transition);\n }\n\n .menu-toggle.active span:nth-child(1) {\n transform: translateY(7px) rotate(45deg);\n }\n\n .menu-toggle.active span:nth-child(2) {\n opacity: 0;\n }\n\n .menu-toggle.active span:nth-child(3) {\n transform: translateY(-7px) rotate(-45deg);\n }\n\n \/* =========================\n MOBILE MENU\n ========================== *\/\n .mobile-menu-overlay {\n position: fixed;\n inset: 0;\n background: rgba(24, 12, 12, 0.34);\n backdrop-filter: blur(3px);\n -webkit-backdrop-filter: blur(3px);\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition: opacity var(--transition), visibility var(--transition);\n z-index: 1100;\n }\n\n .mobile-menu-overlay.open {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .mobile-menu {\n position: fixed;\n top: 92px;\n right: 50%;\n transform: translateX(50%) translateY(-10px);\n width: min(calc(100% - 20px), var(--container));\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n border-radius: 20px;\n box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition:\n opacity var(--transition),\n visibility var(--transition),\n transform var(--transition);\n z-index: 1150;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.08);\n max-height: calc(100vh - 110px);\n overflow-y: auto;\n }\n\n .mobile-menu.open {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transform: translateX(50%) translateY(0);\n }\n\n .mobile-nav {\n display: flex;\n flex-direction: column;\n padding: 14px;\n }\n\n .mobile-nav a {\n color: rgba(255, 255, 255, 0.92);\n padding: 15px 12px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n transition: background var(--transition), color var(--transition);\n }\n\n .mobile-nav a:last-child {\n border-bottom: none;\n }\n\n .mobile-nav a:hover {\n background: rgba(255, 255, 255, 0.08);\n color: #fff;\n }\n\n .mobile-cta {\n display: flex;\n gap: 10px;\n padding: 14px;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .mobile-cta .btn {\n flex: 1 1 50%;\n }\n\n \/* =========================\n HERO\n ========================== *\/\n .hero {\n position: relative;\n overflow: hidden;\n margin-top: -36px;\n padding-top: 54px;\n min-height: 92vh;\n display: flex;\n align-items: center;\n isolation: isolate;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(240, 215, 150, 0.14), rgba(240, 215, 150, 0.14)),\n url(\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/hero.jpg\");\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n z-index: -2;\n mask-image: linear-gradient(\n to bottom,\n transparent 0%,\n black 14%,\n black 68%,\n transparent 100%\n );\n -webkit-mask-image: linear-gradient(\n to bottom,\n transparent 0%,\n black 14%,\n black 68%,\n transparent 100%\n );\n mix-blend-mode: multiply;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at top right, rgba(255,255,255,0.50), transparent 38%),\n linear-gradient(to bottom, rgba(255,255,255,0.35), rgba(255,255,255,0.20));\n z-index: -1;\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);\n align-items: center;\n gap: 40px;\n width: 100%;\n padding: 50px 0 30px;\n }\n\n .hero-title {\n margin: 0 0 14px;\n font-size: clamp(1.9rem, 1.2rem + 1.8vw, 3rem);\n font-weight: 700;\n line-height: 1.45;\n color: var(--text-dark);\n max-width: 740px;\n }\n\n .hero-subtitle {\n font-size: 1rem;\n color: var(--text-mid);\n margin: 0 0 28px;\n max-width: 600px;\n }\n\n .hero-cta {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .hero-cta .btn {\n min-width: 180px;\n }\n\n .hero-prices-card {\n background: rgba(255, 255, 255, 0.92);\n border: 1px solid var(--secondary-mid);\n border-radius: 22px;\n padding: 18px 16px;\n box-shadow: var(--shadow-md);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n width: 100%;\n }\n\n .hero-card-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 12px;\n }\n\n .hero-card-title {\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 3px;\n }\n\n .hero-card-meta {\n font-size: 0.78rem;\n color: var(--text-soft);\n line-height: 1.7;\n }\n\n .hero-prices-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.84rem;\n overflow: hidden;\n }\n\n .hero-prices-table th,\n .hero-prices-table td {\n padding: 10px 0;\n text-align: right;\n vertical-align: middle;\n }\n\n .hero-prices-table th {\n color: var(--text-mid);\n font-weight: 700;\n border-bottom: 1px solid var(--secondary-mid);\n }\n\n .hero-prices-table td {\n border-bottom: 1px dashed rgba(230, 199, 106, 0.20);\n color: var(--text-dark);\n }\n\n .hero-prices-table tbody tr:last-child td {\n border-bottom: none;\n }\n\n .price-up {\n color: #1b7f3e;\n font-weight: 700;\n font-size: 0.79rem;\n }\n\n .hero-card-footer {\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px dashed var(--secondary-mid);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n flex-wrap: wrap;\n font-size: 0.76rem;\n color: var(--text-mid);\n }\n\n .intro-section {\n padding: 22px 0 var(--section-space);\n }\n\n .intro-box {\n background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,252,247,0.96));\n border: 1px solid var(--secondary-mid);\n border-radius: 24px;\n padding: 42px;\n box-shadow: var(--shadow-md);\n text-align: center;\n }\n\n .intro-badge {\n display: inline-block;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 0.82rem;\n color: var(--primary);\n background: var(--secondary-light);\n border: 1px solid var(--secondary-mid);\n margin-bottom: 14px;\n }\n\n .intro-title {\n margin: 0 0 12px;\n font-size: clamp(1.45rem, 1.15rem + 1vw, 2rem);\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.45;\n }\n\n .intro-desc {\n max-width: 740px;\n margin: 0 auto 32px;\n font-size: 1rem;\n color: var(--text-mid);\n }\n\n .intro-stats {\n display: flex;\n justify-content: center;\n gap: 44px;\n flex-wrap: wrap;\n border-top: 1px dashed var(--secondary-mid);\n padding-top: 24px;\n }\n\n .intro-stat {\n text-align: center;\n min-width: 120px;\n }\n\n .stat-number {\n font-size: 1.7rem;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 4px;\n line-height: 1.2;\n }\n\n .stat-label {\n font-size: 0.88rem;\n color: var(--text-mid);\n }\n\n #services {\n padding-top: 8px;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .service-card {\n background: linear-gradient(180deg, #fffdf8, #fffaf2);\n border: 1px solid var(--border-soft);\n border-radius: 18px;\n padding: 24px 20px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n transition:\n transform var(--transition),\n box-shadow var(--transition),\n border-color var(--transition);\n height: 100%;\n }\n\n .service-card:hover {\n transform: translateY(-5px);\n border-color: var(--secondary);\n box-shadow: var(--shadow-md);\n }\n\n .service-icon {\n width: 56px;\n height: 56px;\n object-fit: contain;\n margin: 0 auto 16px;\n filter: brightness(0) saturate(100%) invert(13%) sepia(25%) saturate(1323%) hue-rotate(323deg) brightness(97%) contrast(89%);\n }\n\n .service-title {\n margin: 0 0 8px;\n font-size: 1.02rem;\n font-weight: 700;\n color: var(--primary);\n line-height: 1.5;\n }\n\n .service-text {\n margin: 0;\n font-size: 0.92rem;\n color: var(--text-mid);\n line-height: 1.85;\n }\n\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 18px;\n }\n\n .step-card {\n position: relative;\n background: linear-gradient(180deg, #fffefb, #fffaf5);\n border-radius: 18px;\n padding: 22px 16px 18px;\n border: 2px dashed var(--secondary-mid);\n box-shadow: var(--shadow-sm);\n overflow: hidden;\n transition: transform var(--transition), box-shadow var(--transition);\n height: 100%;\n }\n\n .step-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n }\n\n .step-badge {\n position: absolute;\n left: 12px;\n top: 12px;\n font-size: 0.76rem;\n color: var(--primary);\n background: var(--secondary-light);\n padding: 4px 10px;\n border-radius: 999px;\n border: 1px solid var(--secondary-mid);\n font-weight: 700;\n }\n\n .step-title {\n margin: 0 0 8px;\n font-size: 0.98rem;\n font-weight: 700;\n padding-top: 18px;\n color: var(--text-dark);\n line-height: 1.5;\n }\n\n .step-text {\n margin: 0;\n font-size: 0.9rem;\n color: var(--text-mid);\n }\n\n .cities-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 14px;\n }\n\n .city-card {\n background: linear-gradient(180deg, #fffdf9, #fffaf4);\n border-radius: 14px;\n padding: 14px;\n border: 1px solid var(--border-soft);\n box-shadow: var(--shadow-sm);\n transition: transform var(--transition), background var(--transition), box-shadow var(--transition);\n height: 100%;\n }\n\n .city-card:hover {\n transform: translateY(-3px);\n background: rgba(230, 199, 106, 0.14);\n box-shadow: var(--shadow-md);\n }\n\n .city-name {\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 4px;\n color: var(--primary);\n }\n\n .city-address {\n font-size: 0.84rem;\n color: var(--text-mid);\n line-height: 1.8;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);\n gap: 24px;\n align-items: stretch;\n }\n\n .contact-card {\n border-radius: 22px;\n padding: 24px;\n border: 1px solid var(--secondary-mid);\n color: var(--text-dark);\n box-shadow: var(--shadow-md);\n height: 100%;\n }\n\n .contact-info-card {\n background: linear-gradient(\n 180deg,\n rgba(255, 250, 246, 0.96) 0%,\n rgba(255, 245, 238, 0.92) 100%\n );\n }\n\n .contact-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 16px 0;\n border-bottom: 1px dashed var(--secondary-mid);\n }\n\n .contact-row:first-child {\n padding-top: 0;\n }\n\n .contact-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .contact-label {\n min-width: 94px;\n font-weight: 700;\n color: var(--primary);\n font-size: 0.96rem;\n flex-shrink: 0;\n }\n\n .contact-value {\n color: var(--text-dark);\n font-size: 0.96rem;\n text-align: left;\n direction: rtl;\n flex: 1;\n line-height: 1.8;\n }\n\n .contact-cta-card {\n background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,250,244,0.92));\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .contact-cta-content {\n width: 100%;\n text-align: center;\n }\n\n .contact-cta-title {\n margin: 0 0 12px;\n font-size: 1.35rem;\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.5;\n }\n\n .contact-cta-text {\n color: var(--text-mid);\n font-size: 0.96rem;\n line-height: 1.95;\n max-width: 420px;\n margin: 0 auto 20px;\n }\n\n .contact-actions {\n margin-top: 12px;\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .contact-actions .btn {\n min-width: 170px;\n }\n\n .final-cta {\n text-align: center;\n padding: 40px 18px 44px;\n border-radius: 24px;\n background: linear-gradient(\n 135deg,\n rgba(230, 199, 106, 0.32),\n rgba(230, 199, 106, 0.50),\n rgba(99, 41, 40, 0.08)\n );\n border: 1px solid var(--secondary-mid);\n box-shadow: var(--shadow-md);\n margin-bottom: 24px;\n }\n\n .final-cta-title {\n margin: 0 0 10px;\n font-size: clamp(1.45rem, 1.1rem + 1vw, 2rem);\n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.45;\n }\n\n .final-cta-text {\n font-size: 0.98rem;\n color: var(--text-mid);\n margin: 0 0 20px;\n line-height: 1.9;\n }\n\n .final-cta-note {\n font-size: 0.84rem;\n color: var(--text-mid);\n margin-top: 10px;\n }\n\n .final-cta-actions {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n footer {\n border-top: 1px solid var(--secondary-mid);\n padding: 20px 0 28px;\n background: var(--secondary-light);\n font-size: 0.84rem;\n color: var(--text-mid);\n }\n\n .footer-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .footer-links {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n .footer-links a {\n color: var(--text-mid);\n border-bottom: 1px dashed transparent;\n transition: border-color var(--transition), color var(--transition);\n }\n\n .footer-links a:hover {\n color: var(--primary);\n border-color: var(--primary);\n }\n\n \/* =========================\n RESPONSIVE - LARGE DESKTOP\n ========================== *\/\n @media (max-width: 1180px) {\n .header-inner {\n grid-template-columns: minmax(240px, 1fr) auto minmax(210px, 1fr);\n gap: 14px;\n padding: 14px 18px;\n }\n\n .nav-links {\n gap: 18px;\n }\n\n .brand {\n font-size: 0.95rem;\n }\n }\n\n \/* =========================\n RESPONSIVE - LARGE TABLET\n ========================== *\/\n @media (max-width: 1100px) {\n :root {\n --section-space: 72px;\n }\n\n .hero {\n min-height: auto;\n }\n\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 28px;\n padding: 44px 0 24px;\n }\n\n .hero-prices-card {\n max-width: 520px;\n margin: 0 auto;\n }\n\n .hero-title,\n .hero-subtitle {\n max-width: 100%;\n }\n\n .intro-box {\n padding: 36px;\n }\n }\n\n \/* =========================\n RESPONSIVE - TABLET\n ========================== *\/\n @media (max-width: 992px) {\n :root {\n --section-space: 64px;\n }\n\n .container {\n width: min(calc(100% - 24px), var(--container));\n }\n\n .header-inner {\n display: flex;\n width: 100%;\n padding: 14px 18px;\n gap: 12px;\n min-height: 88px;\n justify-content: space-between;\n align-items: center;\n }\n\n .desktop-nav,\n .desktop-cta {\n display: none;\n }\n\n .menu-toggle {\n display: inline-flex;\n width: 50px;\n height: 50px;\n }\n\n .logo {\n gap: 12px;\n align-items: center;\n flex: 1 1 auto;\n }\n\n .tala-logo {\n height: 56px !important;\n }\n\n .brand {\n font-size: 1rem;\n letter-spacing: -0.01em;\n line-height: 1.25;\n text-overflow: clip;\n }\n\n .mobile-menu {\n width: calc(100% - 24px);\n top: 102px;\n }\n\n .services-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .cities-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* =========================\n RESPONSIVE - SMALL TABLET\n ========================== *\/\n @media (max-width: 768px) {\n :root {\n --section-space: 56px;\n }\n\n section {\n padding-bottom: var(--section-space);\n }\n\n .header-box {\n padding: 10px 0;\n }\n\n .header-inner {\n border-radius: 20px;\n padding: 14px 16px;\n gap: 12px;\n min-height: 92px;\n align-items: center;\n }\n\n .logo {\n gap: 12px;\n align-items: center;\n }\n\n .tala-logo {\n height: 58px !important;\n border-radius: 12px;\n }\n\n .brand {\n font-size: 1.02rem;\n letter-spacing: -0.01em;\n line-height: 1.2;\n }\n\n .menu-toggle {\n width: 50px;\n height: 50px;\n border-radius: 14px;\n }\n\n .mobile-menu {\n top: 106px;\n border-radius: 20px;\n }\n\n .hero {\n margin-top: -14px;\n padding-top: 24px;\n }\n\n .hero-grid {\n padding: 28px 0 8px;\n gap: 22px;\n }\n\n .hero-title {\n font-size: clamp(1.55rem, 1.2rem + 1.2vw, 2.1rem);\n }\n\n .hero-subtitle {\n font-size: 0.96rem;\n margin-bottom: 22px;\n }\n\n .hero-cta .btn {\n min-width: 0;\n }\n\n .hero-prices-card {\n padding: 16px 14px;\n border-radius: 18px;\n }\n\n .hero-prices-table {\n font-size: 0.8rem;\n }\n\n .hero-card-footer {\n font-size: 0.74rem;\n }\n\n .intro-box,\n .contact-card,\n .final-cta {\n padding: 24px 18px;\n }\n\n .intro-stats {\n gap: 24px;\n }\n\n .contact-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 6px;\n }\n\n .contact-label {\n min-width: auto;\n }\n\n .contact-value {\n width: 100%;\n text-align: right;\n }\n\n .footer-row {\n justify-content: center;\n text-align: center;\n }\n }\n\n \/* =========================\n RESPONSIVE - MOBILE\n ========================== *\/\n @media (max-width: 640px) {\n :root {\n --section-space: 50px;\n }\n\n .container {\n width: min(calc(100% - 20px), var(--container));\n }\n\n .header-inner {\n padding: 13px 14px;\n border-radius: 18px;\n gap: 10px;\n min-height: 86px;\n align-items: center;\n }\n\n .logo {\n gap: 10px;\n align-items: center;\n }\n\n .tala-logo {\n height: 52px !important;\n }\n\n .brand {\n font-size: 0.92rem;\n letter-spacing: -0.012em;\n line-height: 1.15;\n }\n\n .menu-toggle {\n width: 46px;\n height: 46px;\n border-radius: 14px;\n flex-shrink: 0;\n }\n\n .mobile-menu {\n width: calc(100% - 20px);\n top: 98px;\n border-radius: 18px;\n }\n\n .mobile-cta {\n flex-direction: column;\n }\n\n .mobile-cta .btn {\n width: 100%;\n }\n\n .badge {\n font-size: 0.84rem;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 1.45rem;\n line-height: 1.55;\n }\n\n .hero-subtitle {\n font-size: 0.93rem;\n line-height: 1.95;\n }\n\n .hero-cta,\n .final-cta-actions,\n .contact-actions {\n flex-direction: column;\n }\n\n .hero-cta .btn,\n .final-cta-actions .btn,\n .contact-actions .btn {\n width: 100%;\n }\n\n .hero-card-header {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .hero-card-footer {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .services-grid,\n .steps-grid,\n .cities-grid {\n grid-template-columns: 1fr;\n }\n\n .service-card,\n .step-card,\n .city-card {\n padding: 18px 16px;\n }\n\n .intro-box {\n border-radius: 18px;\n padding: 22px 16px;\n }\n\n .intro-title {\n font-size: 1.32rem;\n }\n\n .intro-desc {\n font-size: 0.94rem;\n }\n\n .intro-stats {\n flex-direction: column;\n gap: 18px;\n align-items: center;\n }\n\n .intro-stat {\n min-width: 0;\n }\n\n .contact-card {\n border-radius: 18px;\n padding: 20px 16px;\n }\n\n .contact-cta-title {\n font-size: 1.18rem;\n }\n\n .contact-cta-text {\n font-size: 0.92rem;\n }\n\n .final-cta {\n border-radius: 18px;\n padding: 28px 16px 30px;\n }\n\n .final-cta-title {\n font-size: 1.34rem;\n }\n\n .final-cta-text {\n font-size: 0.93rem;\n }\n\n footer {\n padding: 18px 0 24px;\n }\n\n .footer-row {\n flex-direction: column;\n }\n\n .footer-links {\n justify-content: center;\n }\n }\n\n \/* =========================\n RESPONSIVE - SMALL MOBILE\n ========================== *\/\n @media (max-width: 420px) {\n .header-inner {\n padding: 12px 12px;\n gap: 8px;\n min-height: 80px;\n }\n\n .logo {\n gap: 8px;\n }\n\n .tala-logo {\n height: 46px !important;\n }\n\n .brand {\n font-size: 0.82rem;\n letter-spacing: -0.016em;\n }\n\n .menu-toggle {\n width: 42px;\n height: 42px;\n }\n\n .mobile-menu {\n top: 92px;\n }\n\n .hero-title {\n font-size: 1.32rem;\n }\n\n .section-title {\n font-size: 1.36rem;\n }\n\n .service-title,\n .step-title,\n .city-name {\n font-size: 0.94rem;\n }\n\n .service-text,\n .step-text,\n .city-address,\n .contact-cta-text,\n .final-cta-text {\n font-size: 0.88rem;\n }\n\n .hero-prices-table {\n font-size: 0.75rem;\n }\n\n .hero-prices-table th,\n .hero-prices-table td {\n padding: 8px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- =========================\n HEADER\n ========================== -->\n <header class=\"header-box\">\n <div class=\"header-inner\">\n <div class=\"logo\">\n <img decoding=\"async\"\n src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/logo-1.png\"\n class=\"tala-logo\"\n alt=\"\u0637\u0644\u0627 \u06cc\u0632\u062f\"\n \/>\n <span class=\"brand\">\u0637\u0644\u0627\u06cc\u0632\u062f | \u0637\u0644\u0627 \u0648 \u0633\u06a9\u0647 \u0645\u062d\u0633\u0646 \u0632\u0627\u0631\u0639\u06cc\u0627\u0646<\/span>\n <\/div>\n\n <nav class=\"nav-links desktop-nav\">\n <a href=\"#\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#services\">\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#how-it-works\">\u0645\u0631\u0627\u062d\u0644 \u0645\u0639\u0627\u0645\u0644\u0647<\/a>\n <a href=\"#contact\">\u062a\u0645\u0627\u0633<\/a>\n <\/nav>\n\n <div class=\"nav-cta desktop-cta\">\n <button class=\"btn ghost\" type=\"button\">\u0648\u0631\u0648\u062f<\/button>\n <button class=\"btn primary\" type=\"button\">\u062e\u0631\u06cc\u062f \u0641\u0648\u0631\u06cc<\/button>\n <\/div>\n\n <button\n class=\"menu-toggle\"\n id=\"menuToggle\"\n aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\"\n aria-expanded=\"false\"\n aria-controls=\"mobileMenu\"\n type=\"button\"\n >\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <\/div>\n <\/header>\n\n <div class=\"mobile-menu-overlay\" id=\"mobileMenuOverlay\"><\/div>\n\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <nav class=\"mobile-nav\">\n <a href=\"#\" onclick=\"closeMobileMenu()\">\u062e\u0627\u0646\u0647<\/a>\n <a href=\"#services\" onclick=\"closeMobileMenu()\">\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#how-it-works\" onclick=\"closeMobileMenu()\">\u0645\u0631\u0627\u062d\u0644 \u0645\u0639\u0627\u0645\u0644\u0647<\/a>\n <a href=\"#contact\" onclick=\"closeMobileMenu()\">\u062a\u0645\u0627\u0633<\/a>\n <\/nav>\n\n <div class=\"mobile-cta\">\n <button class=\"btn ghost\" type=\"button\">\u0648\u0631\u0648\u062f<\/button>\n <button class=\"btn primary\" type=\"button\">\u062e\u0631\u06cc\u062f \u0641\u0648\u0631\u06cc<\/button>\n <\/div>\n <\/div>\n\n <!-- =========================\n HERO\n ========================== -->\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div>\n <div class=\"badge\">\n <span class=\"badge-dot\"><\/span>\n \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0633\u06a9\u0647\n <\/div>\n\n <h1 class=\"hero-title\">\n \u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0633\u06a9\u0647 \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc\n <\/h1>\n\n <p class=\"hero-subtitle\">\n \u062f\u0631 \u0637\u0644\u0627 \u06cc\u0632\u062f\u060c \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\u060c \u0627\u0645\u0646 \u0648 \u0634\u0641\u0627\u0641 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u0648 \u0637\u0644\u0627\u06cc\n \u062e\u0631\u06cc\u062f\u0627\u0631\u06cc\u200c\u0634\u062f\u0647 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u0627\u0646 \u0645\u0627 \u062f\u0631 \u0634\u0647\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u06a9\u0634\u0648\u0631 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062d\u0636\u0648\u0631\u06cc \u062a\u062d\u0648\u06cc\u0644 \u0628\u06af\u06cc\u0631\u06cc\u062f.\n <\/p>\n\n <div class=\"hero-cta\">\n <button class=\"btn btn-primary\" type=\"button\">\u0634\u0631\u0648\u0639 \u0645\u0639\u0627\u0645\u0644\u0647<\/button>\n <button class=\"btn btn-primary\" type=\"button\" onclick=\"location.href='signin.html'\">\n \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0648 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\n <\/button>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"hero-prices-card\">\n <div class=\"hero-card-header\">\n <div>\n <div class=\"hero-card-title\">\u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u0628\u0627\u0632\u0627\u0631 \u0637\u0644\u0627<\/div>\n <div class=\"hero-card-meta\">\n \u0646\u0645\u0648\u0646\u0647\u200c\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u062f\u0631 \u0633\u0627\u0645\u0627\u0646\u0647\n <\/div>\n <\/div>\n <span class=\"pill\">\u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0644\u062d\u0638\u0647\u200c\u0627\u06cc<\/span>\n <\/div>\n\n <table class=\"hero-prices-table\">\n <thead>\n <tr>\n <th>\u0646\u0645\u0627\u062f<\/th>\n <th>\u0646\u0648\u0639<\/th>\n <th>\u0642\u06cc\u0645\u062a<\/th>\n <th>\u062a\u063a\u06cc\u06cc\u0631<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>\u0622\u0628\u0634\u062f\u0647<\/td>\n <td>\u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0645\u062b\u0642\u0627\u0644\u06cc<\/td>\n <td>\u2014<\/td>\n <td class=\"price-up\">\u2014<\/td>\n <\/tr>\n <tr>\n <td>\u0633\u06a9\u0647 \u0637\u0631\u062d \u062c\u062f\u06cc\u062f<\/td>\n <td>\u062a\u0645\u0627\u0645 \u0633\u06a9\u0647<\/td>\n <td>\u2014<\/td>\n <td class=\"price-up\">\u2014<\/td>\n <\/tr>\n <tr>\n <td>\u0646\u06cc\u0645 \u0633\u06a9\u0647<\/td>\n <td>\u0646\u06cc\u0645 \u0633\u06a9\u0647 \u0628\u0647\u0627\u0631 \u0622\u0632\u0627\u062f\u06cc<\/td>\n <td>\u2014<\/td>\n <td class=\"price-up\">\u2014<\/td>\n <\/tr>\n <tr>\n <td>\u0631\u0628\u0639 \u0633\u06a9\u0647<\/td>\n <td>\u0631\u0628\u0639 \u0633\u06a9\u0647 \u0628\u0647\u0627\u0631 \u0622\u0632\u0627\u062f\u06cc<\/td>\n <td>\u2014<\/td>\n <td class=\"price-up\">\u2014<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"hero-card-footer\">\n <span>\u0642\u06cc\u0645\u062a\u200c\u0647\u0627 \u062a\u0646\u0647\u0627 \u062c\u0647\u062a \u0646\u0645\u0627\u06cc\u0634 \u0646\u0645\u0648\u0646\u0647 \u0647\u0633\u062a\u0646\u062f.<\/span>\n <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u0642\u06cc\u0645\u062a \u0648\u0627\u0642\u0639\u06cc \u067e\u0633 \u0627\u0632 \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u0645\u0627\u0646\u0647.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <article class=\"background\">\n <section class=\"intro-section\">\n <div class=\"container\">\n <div class=\"intro-box\">\n <div class=\"intro-text\">\n <span class=\"intro-badge\">\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0637\u0644\u0627<\/span>\n\n <h2 class=\"intro-title\">\u0637\u0644\u0627 \u06cc\u0632\u062f\u061b \u067e\u0644 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc \u0634\u0645\u0627 \u0628\u0627 \u0628\u0627\u0632\u0627\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0637\u0644\u0627<\/h2>\n\n <p class=\"intro-desc\">\n \u0637\u0644\u0627 \u06cc\u0632\u062f \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0633\u06a9\u0647 \u0627\u0633\u062a.\n \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\u060c\n \u0634\u0641\u0627\u0641 \u0648 \u0627\u0645\u0646 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u0648 \u0637\u0644\u0627\u06cc \u062e\u0631\u06cc\u062f\u0627\u0631\u06cc\u200c\u0634\u062f\u0647 \u0631\u0627 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u0627\u0646 \u0645\u0627 \u062f\u0631\n \u0634\u0647\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u06a9\u0634\u0648\u0631 \u062a\u062d\u0648\u06cc\u0644 \u0628\u06af\u06cc\u0631\u06cc\u062f.\n <\/p>\n <\/div>\n\n <div class=\"intro-stats\">\n <div class=\"intro-stat\">\n <div class=\"stat-number\">+\u06f1\u06f0<\/div>\n <div class=\"stat-label\">\u0634\u0647\u0631 \u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc<\/div>\n <\/div>\n\n <div class=\"intro-stat\">\n <div class=\"stat-number\">\u06f2\u06f4\/\u06f7<\/div>\n <div class=\"stat-label\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0633\u0627\u0645\u0627\u0646\u0647<\/div>\n <\/div>\n\n <div class=\"intro-stat\">\n <div class=\"stat-number\">\u06f1\u06f0\u06f0\u066a<\/div>\n <div class=\"stat-label\">\u0634\u0641\u0627\u0641\u06cc\u062a \u0642\u06cc\u0645\u062a\u200c\u0647\u0627<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0637\u0644\u0627 \u06cc\u0632\u062f<\/h2>\n <\/div>\n\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/check.png\" alt=\"\u0634\u0641\u0627\u0641\u06cc\u062a \u062f\u0631 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\" class=\"service-icon\" \/>\n <h3 class=\"service-title\">\u0634\u0641\u0627\u0641\u06cc\u062a \u062f\u0631 \u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/h3>\n <p class=\"service-text\">\u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0644\u062d\u0638\u0647\u200c\u0627\u06cc\u060c \u0646\u0645\u0627\u06cc\u0634 \u062f\u0642\u06cc\u0642 \u0648 \u0634\u0641\u0627\u0641.<\/p>\n <\/div>\n\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/monitor.png\" alt=\"\u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646\" class=\"service-icon\" \/>\n <h3 class=\"service-title\">\u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646<\/h3>\n <p class=\"service-text\">\u0645\u0639\u0627\u0645\u0644\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u067e\u0633 \u0627\u0632 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a.<\/p>\n <\/div>\n\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/headset.png\" alt=\"\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u062e\u0635\u0635\u06cc\" class=\"service-icon\" \/>\n <h3 class=\"service-title\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u062e\u0635\u0635\u06cc<\/h3>\n <p class=\"service-text\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc.<\/p>\n <\/div>\n\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/gold.png\" alt=\"\u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0637\u0644\u0627 \u0648 \u0633\u06a9\u0647\" class=\"service-icon\" \/>\n <h3 class=\"service-title\">\u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0637\u0644\u0627 \u0648 \u0633\u06a9\u0647<\/h3>\n <p class=\"service-text\">\u0639\u0645\u062f\u0647 \u0648 \u062e\u0631\u062f\u0647 \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a.<\/p>\n <\/div>\n\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/shipment.png\" alt=\"\u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc \u062f\u0631 \u06a9\u0634\u0648\u0631\" class=\"service-icon\" \/>\n <h3 class=\"service-title\">\u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc \u062f\u0631 \u06a9\u0634\u0648\u0631<\/h3>\n <p class=\"service-text\">\u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639 \u0648 \u0627\u0645\u0646 \u062f\u0631 \u0634\u0647\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641.<\/p>\n <\/div>\n\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/talayazd.com\/wp-content\/uploads\/2026\/04\/coop.png\" alt=\"\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0627\u0635\u0646\u0627\u0641\" class=\"service-icon\" \/>\n <h3 class=\"service-title\">\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0627\u0635\u0646\u0627\u0641<\/h3>\n <p class=\"service-text\">\u0648\u06cc\u0698\u0647 \u0648\u06cc\u062a\u0631\u06cc\u0646\u200c\u062f\u0627\u0631\u0627\u0646 \u0648 \u0641\u0639\u0627\u0644\u0627\u0646 \u0635\u0646\u0641.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"how-it-works\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0631\u0648\u0646\u062f \u0634\u0631\u0648\u0639 \u0645\u0639\u0627\u0645\u0644\u0647<\/h2>\n <\/div>\n\n <div class=\"steps-grid\">\n <div class=\"step-card\">\n <div class=\"step-badge\">\u0645\u0631\u062d\u0644\u0647 \u06f1<\/div>\n <h3 class=\"step-title\">\u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062f\u0631 \u0633\u0627\u06cc\u062a<\/h3>\n <p class=\"step-text\">\u0627\u06cc\u062c\u0627\u062f \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-badge\">\u0645\u0631\u062d\u0644\u0647 \u06f2<\/div>\n <h3 class=\"step-title\">\u0627\u0631\u0633\u0627\u0644 \u0645\u062f\u0627\u0631\u06a9<\/h3>\n <p class=\"step-text\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0627\u0631\u062a \u0645\u0644\u06cc \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-badge\">\u0645\u0631\u062d\u0644\u0647 \u06f3<\/div>\n <h3 class=\"step-title\">\u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u0645\u0627\u0646\u0647<\/h3>\n <p class=\"step-text\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0644\u062d\u0638\u0647\u200c\u0627\u06cc.<\/p>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-badge\">\u0645\u0631\u062d\u0644\u0647 \u06f4<\/div>\n <h3 class=\"step-title\">\u0634\u0631\u0648\u0639 \u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634<\/h3>\n <p class=\"step-text\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0648 \u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0634\u0647\u0631\u0647\u0627\u06cc \u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc<\/h2>\n <\/div>\n\n <div class=\"cities-grid\">\n <div class=\"city-card\"><div class=\"city-name\">\u06cc\u0632\u062f<\/div><div class=\"city-address\">\u062e\u06cc\u0627\u0628\u0627\u0646 \u0642\u06cc\u0627\u0645<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u06a9\u0631\u062c<\/div><div class=\"city-address\">\u062e\u06cc\u0627\u0628\u0627\u0646 \u0642\u0632\u0648\u06cc\u0646<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0634\u06cc\u0631\u0627\u0632<\/div><div class=\"city-address\">\u0628\u0627\u0632\u0627\u0631 \u0634\u06cc\u0631\u0627\u0632<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0628\u0646\u062f\u0631\u0639\u0628\u0627\u0633<\/div><div class=\"city-address\">\u067e\u0627\u0633\u0627\u0698 \u0633\u062a\u0627\u0631\u0647<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0645\u0634\u0647\u062f<\/div><div class=\"city-address\">\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0631\u0641\u0633\u0646\u062c\u0627\u0646<\/div><div class=\"city-address\">\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0622\u0628\u0627\u062f\u0647<\/div><div class=\"city-address\">\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0627\u0628\u0631\u06a9\u0648\u0647<\/div><div class=\"city-address\">\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0633\u0646\u0646\u062f\u062c<\/div><div class=\"city-address\">\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc<\/div><\/div>\n <div class=\"city-card\"><div class=\"city-name\">\u0645\u0631\u06cc\u0648\u0627\u0646<\/div><div class=\"city-address\">\u0646\u0645\u0627\u06cc\u0646\u062f\u06af\u06cc<\/div><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637\u06cc<\/h2>\n <p class=\"section-subtitle\">\u0628\u0631\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc\u060c \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n <\/div>\n\n <div class=\"contact-grid\">\n <div class=\"contact-card contact-info-card\">\n <div class=\"contact-row\">\n <span class=\"contact-label\">\u0622\u062f\u0631\u0633<\/span>\n <span class=\"contact-value\">\u06cc\u0632\u062f - \u0628\u0627\u0632\u0627\u0631 \u0642\u06cc\u0627\u0645<\/span>\n <\/div>\n\n <div class=\"contact-row\">\n <span class=\"contact-label\">\u062a\u0644\u0641\u0646<\/span>\n <span class=\"contact-value\">\u06f0\u06f3\u06f5\u06f3\u06f6\u06f2\u06f2\u06f1\u06f3\u06f1\u06f3<\/span>\n <\/div>\n\n <div class=\"contact-row\">\n <span class=\"contact-label\">\u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc<\/span>\n <span class=\"contact-value\">\u06f0\u06f9\u06f1\u06f3\u06f1\u06f5\u06f4\u06f8\u06f9\u06f9\u06f3<\/span>\n <\/div>\n\n <div class=\"contact-row\">\n <span class=\"contact-label\">\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/span>\n <span class=\"contact-value\">\u06f0\u06f9\u06f1\u06f2\u06f0\u06f8\u06f0\u06f8\u06f1\u06f5\u06f7<\/span>\n <\/div>\n <\/div>\n\n <div class=\"contact-card contact-cta-card\">\n <div class=\"contact-cta-content\">\n <h3 class=\"contact-cta-title\">\u0647\u0645\u0631\u0627\u0647 \u0634\u0645\u0627 \u062f\u0631 \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc<\/h3>\n <p class=\"contact-cta-text\">\n \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u060c \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc \u06cc\u0627 \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u060c\n \u0628\u0627 \u0648\u0627\u062d\u062f \u0645\u0631\u0628\u0648\u0637\u0647 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.\n <\/p>\n\n <div class=\"contact-actions\">\n <button class=\"btn btn-primary\" type=\"button\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0648\u0627\u062d\u062f \u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/button>\n <button class=\"btn btn-outline-dark\" type=\"button\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container\">\n <div class=\"final-cta\">\n <h2 class=\"final-cta-title\">\u0622\u0645\u0627\u062f\u0647 \u0634\u0631\u0648\u0639 \u0645\u0639\u0627\u0645\u0644\u0647 \u0647\u0633\u062a\u06cc\u062f\u061f<\/h2>\n <p class=\"final-cta-text\">\u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0622\u0646\u0644\u0627\u06cc\u0646 \u0631\u0627 \u0622\u063a\u0627\u0632 \u06a9\u0646\u06cc\u062f.<\/p>\n\n <div class=\"final-cta-actions\">\n <button class=\"btn btn-primary\" type=\"button\" onclick=\"location.href='signin.html'\">\n \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062f\u0631 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc\n <\/button>\n <button class=\"btn btn-outline\" type=\"button\">\u0648\u0631\u0648\u062f \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\u200c\u0634\u062f\u0647<\/button>\n <\/div>\n\n <p class=\"final-cta-note\">\u0637\u0644\u0627 \u06cc\u0632\u062f\u061b \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0637\u0644\u0627 \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/article>\n\n <footer>\n <div class=\"container\">\n <div class=\"footer-row\">\n <div>\u00a9 \u06a9\u0644\u06cc\u0647 \u062d\u0642\u0648\u0642 \u0627\u06cc\u0646 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0637\u0644\u0627 \u06cc\u0632\u062f \u0627\u0633\u062a.<\/div>\n <div class=\"footer-links\">\n <a href=\"#\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <a href=\"#\">\u0642\u0648\u0627\u0646\u06cc\u0646<\/a>\n <a href=\"#\">\u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const menuToggle = document.getElementById(\"menuToggle\");\n const mobileMenu = document.getElementById(\"mobileMenu\");\n const mobileMenuOverlay = document.getElementById(\"mobileMenuOverlay\");\n\n function openMobileMenu() {\n mobileMenu.classList.add(\"open\");\n mobileMenuOverlay.classList.add(\"open\");\n menuToggle.classList.add(\"active\");\n menuToggle.setAttribute(\"aria-expanded\", \"true\");\n document.body.style.overflow = \"hidden\";\n }\n\n function closeMobileMenu() {\n mobileMenu.classList.remove(\"open\");\n mobileMenuOverlay.classList.remove(\"open\");\n menuToggle.classList.remove(\"active\");\n menuToggle.setAttribute(\"aria-expanded\", \"false\");\n document.body.style.overflow = \"\";\n }\n\n function toggleMobileMenu() {\n const isOpen = mobileMenu.classList.contains(\"open\");\n if (isOpen) {\n closeMobileMenu();\n } else {\n openMobileMenu();\n }\n }\n\n menuToggle.addEventListener(\"click\", toggleMobileMenu);\n mobileMenuOverlay.addEventListener(\"click\", closeMobileMenu);\n\n window.addEventListener(\"resize\", function () {\n if (window.innerWidth > 992) {\n closeMobileMenu();\n }\n });\n\n window.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Escape\") {\n closeMobileMenu();\n }\n });\n <\/script>\n<\/body>\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>\u0637\u0644\u0627 \u06cc\u0632\u062f | \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0633\u06a9\u0647 \u0637\u0644\u0627\u06cc\u0632\u062f | \u0637\u0644\u0627 \u0648 \u0633\u06a9\u0647 \u0645\u062d\u0633\u0646 \u0632\u0627\u0631\u0639\u06cc\u0627\u0646 \u062e\u0627\u0646\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0631\u0627\u062d\u0644 \u0645\u0639\u0627\u0645\u0644\u0647 \u062a\u0645\u0627\u0633 \u0648\u0631\u0648\u062f \u062e\u0631\u06cc\u062f \u0641\u0648\u0631\u06cc \u062e\u0627\u0646\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0631\u0627\u062d\u0644 \u0645\u0639\u0627\u0645\u0644\u0647 \u062a\u0645\u0627\u0633 \u0648\u0631\u0648\u062f \u062e\u0631\u06cc\u062f \u0641\u0648\u0631\u06cc \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0633\u06a9\u0647 \u062e\u0631\u06cc\u062f \u0648 \u0641\u0631\u0648\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0637\u0644\u0627\u06cc \u0622\u0628\u0634\u062f\u0647 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0633\u06a9\u0647 \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u062d\u0636\u0648\u0631\u06cc \u062f\u0631 \u0637\u0644\u0627 \u06cc\u0632\u062f\u060c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/talayazd.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talayazd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/talayazd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/talayazd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/talayazd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":91,"href":"https:\/\/talayazd.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/talayazd.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/talayazd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}