{"id":32,"date":"2026-03-04T12:26:07","date_gmt":"2026-03-04T12:26:07","guid":{"rendered":"https:\/\/awtaad-realestate.com\/?page_id=32"},"modified":"2026-03-05T14:26:05","modified_gmt":"2026-03-05T14:26:05","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/awtaad-realestate.com\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0646 \u0646\u062d\u0646 - \u0623\u0648\u062a\u0627\u062f \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0647\u0648\u064a\u0629 \u0623\u0648\u062a\u0627\u062f - \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064a\u0644\u064a *\/\r\n :root {\r\n --aw-primary: #D46020; \/* \u0644\u0648\u0646 \u0623\u0648\u062a\u0627\u062f \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n --aw-primary-light: rgba(212, 96, 32, 0.15); \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n --aw-dark: #f1f5f9; \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0641\u0627\u062a\u062d *\/\r\n --aw-text: #94a3b8; \/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u0641\u0627\u062a\u062d *\/\r\n --aw-bg: #0f172a; \/* \u062e\u0644\u0641\u064a\u0629 \u0631\u0645\u0627\u062f\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u062c\u062f\u0627\u064b \/ \u0643\u062d\u0644\u064a\u0629 *\/\r\n --aw-white: #1e293b; \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0648\u0627\u0644\u0628\u0648\u0643\u0633\u0627\u062a *\/\r\n --aw-radius: 12px;\r\n --aw-shadow: 0 10px 30px rgba(0,0,0,0.4); \/* \u0638\u0644 \u062f\u0627\u0643\u0646 *\/\r\n --aw-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .awtaad-about-wrapper {\r\n \r\n color: var(--aw-text);\r\n background-color: var(--aw-white);\r\n border-radius: 20px !important;\r\n }\r\n\r\n \/* --- 1. \u0642\u0633\u0645 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 (Hero) --- *\/\r\n .aw-hero {\r\n position: relative;\r\n padding: 80px 20px;\r\n text-align: center;\r\n background: linear-gradient(180deg, var(--aw-bg) 0%, #0b1121 100%);\r\n \r\n \r\n }\r\n\r\n .aw-logo-container {\r\n margin-bottom: 30px;\r\n transform: translateY(20px);\r\n opacity: 0;\r\n animation: awFadeUp 1s forwards 0.2s;\r\n }\r\n\r\n .aw-logo-container img {\r\n max-width: 250px;\r\n height: auto;\r\n \/* \u0625\u0636\u0627\u0641\u0629 \u062a\u0648\u0647\u062c \u0628\u0631\u062a\u0642\u0627\u0644\u064a \u062e\u0641\u064a\u0641 \u0644\u064a\u0628\u0631\u0632 \u0627\u0644\u0644\u0648\u062c\u0648 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n filter: drop-shadow(0 10px 20px rgba(212, 96, 32, 0.3)); \r\n background: rgba(255, 255, 255, 0.05); \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 \u062c\u062f\u0627\u064b \u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0644\u0648\u062c\u0648 \u0644\u0648 \u0643\u0627\u0646 \u0628\u0647 \u0646\u0635\u0648\u0635 \u062f\u0627\u0643\u0646\u0629 *\/\r\n padding: 15px;\r\n border-radius: var(--aw-radius);\r\n }\r\n\r\n .aw-hero-title {\r\n font-size: 2.8rem;\r\n color: var(--aw-dark);\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n transform: translateY(20px);\r\n opacity: 0;\r\n animation: awFadeUp 1s forwards 0.4s;\r\n }\r\n\r\n .aw-hero-title span {\r\n color: var(--aw-primary);\r\n }\r\n\r\n .aw-hero-desc {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n transform: translateY(20px);\r\n opacity: 0;\r\n animation: awFadeUp 1s forwards 0.6s;\r\n }\r\n\r\n \/* --- 2. \u0642\u0633\u0645 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a (Stats) --- *\/\r\n .aw-stats {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 30px;\r\n max-width: 1100px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .aw-stat-box {\r\n background: var(--aw-white);\r\n padding: 30px;\r\n border-radius: var(--aw-radius);\r\n box-shadow: var(--aw-shadow);\r\n text-align: center;\r\n border-bottom: 4px solid var(--aw-primary);\r\n transition: var(--aw-transition);\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .aw-stat-box:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(212, 96, 32, 0.15);\r\n }\r\n\r\n .aw-stat-icon {\r\n font-size: 2.5rem;\r\n color: var(--aw-primary);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .aw-stat-number {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: var(--aw-dark);\r\n margin-bottom: 5px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .aw-stat-title {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n }\r\n\r\n \/* --- 3. \u0642\u0633\u0645 \u0627\u0644\u062a\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 (Tabs) --- *\/\r\n .aw-tabs-section {\r\n max-width: 1000px;\r\n margin: 80px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .aw-tabs-header {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .aw-tab-btn {\r\n background: var(--aw-bg);\r\n border: none;\r\n padding: 15px 40px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n font-family: inherit;\r\n color: var(--aw-dark);\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: var(--aw-transition);\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .aw-tab-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n background: var(--aw-primary);\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s ease;\r\n border-radius: 50px;\r\n }\r\n\r\n .aw-tab-btn.active {\r\n color: #ffffff; \/* \u0636\u0645\u0627\u0646 \u0623\u0646 \u0627\u0644\u0646\u0635 \u0623\u0628\u064a\u0636 \u062f\u0627\u0626\u0645\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0631\u062a\u0642\u0627\u0644\u064a\u0629 *\/\r\n box-shadow: 0 10px 20px rgba(212, 96, 32, 0.3);\r\n }\r\n\r\n .aw-tab-btn.active::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .aw-tab-content {\r\n display: none;\r\n background: var(--aw-white);\r\n padding: 40px;\r\n border-radius: var(--aw-radius);\r\n box-shadow: var(--aw-shadow);\r\n border-right: 5px solid var(--aw-primary);\r\n animation: awFadeIn 0.5s ease forwards;\r\n }\r\n\r\n .aw-tab-content.active {\r\n display: block;\r\n }\r\n\r\n .aw-tab-content h3 {\r\n font-size: 1.8rem;\r\n color: var(--aw-primary);\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .aw-tab-content p {\r\n font-size: 1.1rem;\r\n line-height: 1.9;\r\n }\r\n\r\n \/* --- 4. \u0642\u0633\u0645 \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 (Features) --- *\/\r\n .aw-features {\r\n background-color: var(--aw-bg);\r\n padding: 80px 20px;\r\n }\r\n\r\n .aw-section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n color: var(--aw-dark);\r\n margin-bottom: 50px;\r\n font-weight: 800;\r\n }\r\n\r\n .aw-features-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .aw-feature-card {\r\n background: var(--aw-white);\r\n padding: 40px 30px;\r\n border-radius: var(--aw-radius);\r\n text-align: right;\r\n transition: var(--aw-transition);\r\n position: relative;\r\n z-index: 1;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .aw-feature-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 5px;\r\n height: 0;\r\n background: var(--aw-primary);\r\n transition: height 0.4s ease;\r\n border-radius: 0 var(--aw-radius) var(--aw-radius) 0;\r\n }\r\n\r\n .aw-feature-card:hover::after {\r\n height: 100%;\r\n }\r\n\r\n .aw-feature-card:hover {\r\n box-shadow: var(--aw-shadow);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .aw-feature-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--aw-primary-light);\r\n color: var(--aw-primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.8rem;\r\n margin-bottom: 20px;\r\n transition: var(--aw-transition);\r\n }\r\n\r\n .aw-feature-card:hover .aw-feature-icon {\r\n background: var(--aw-primary);\r\n color: var(--aw-white);\r\n transform: rotate(10deg);\r\n }\r\n\r\n .aw-feature-card h4 {\r\n font-size: 1.4rem;\r\n color: var(--aw-dark);\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n \/* --- Animations Classes --- *\/\r\n @keyframes awFadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes awFadeIn {\r\n from { opacity: 0; transform: translateX(20px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n .aw-animate-visible {\r\n animation: awFadeUp 0.8s forwards;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .aw-hero-title { font-size: 2rem; }\r\n .aw-tab-btn { padding: 12px 25px; font-size: 1rem; }\r\n .aw-tab-content { padding: 25px; }\r\n .aw-section-title { font-size: 2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"awtaad-about-wrapper\">\r\n \r\n <!-- Hero Section -->\r\n <section class=\"aw-hero\">\r\n <div class=\"aw-logo-container\">\r\n <!-- \u0645\u0633\u0627\u0631 \u0627\u0644\u0644\u0648\u062c\u0648 \u0627\u0644\u0630\u064a \u0623\u0631\u0633\u0644\u062a\u0647 -->\r\n <img decoding=\"async\" src=\"https:\/\/awtaad-realestate.com\/wp-content\/uploads\/2026\/03\/Group-3.png\" alt=\"\u0623\u0648\u062a\u0627\u062f \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a\">\r\n <\/div>\r\n <h1 class=\"aw-hero-title\">\u0641\u064a <span>\u0623\u0648\u062a\u0627\u062f<\/span>.. \u0646\u0631\u0633\u062e \u0623\u062d\u0644\u0627\u0645\u0643 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639<\/h1>\r\n <p class=\"aw-hero-desc\">\r\n \u0646\u062d\u0646 \u0644\u0633\u0646\u0627 \u0645\u062c\u0631\u062f \u0634\u0631\u0643\u0629 \u0639\u0642\u0627\u0631\u064a\u0629\u060c \u0628\u0644 \u0646\u062d\u0646 \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644. \u0641\u064a \"\u0623\u0648\u062a\u0627\u062f\"\u060c \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0639\u0642\u0627\u0631 \u0647\u0648 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u062a\u064a\u0646 \u0627\u0644\u0630\u064a \u062a\u064f\u0628\u0646\u0649 \u0639\u0644\u064a\u0647 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0633\u0639\u064a\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0646\u0627\u062c\u062d\u0629. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0627\u0644\u0623\u0641\u0636\u0644 \u062f\u0627\u0626\u0645\u0627\u064b.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Stats Section -->\r\n <section class=\"aw-stats\" id=\"aw-stats-section\">\r\n <div class=\"aw-stat-box aw-scroll-anim\">\r\n <i class=\"fa-solid fa-calendar-check aw-stat-icon\"><\/i>\r\n <div class=\"aw-stat-number\"><span class=\"aw-counter\" data-target=\"15\">0<\/span>+<\/div>\r\n <div class=\"aw-stat-title\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <div class=\"aw-stat-box aw-scroll-anim\" style=\"animation-delay: 0.1s;\">\r\n <i class=\"fa-solid fa-users aw-stat-icon\"><\/i>\r\n <div class=\"aw-stat-number\"><span class=\"aw-counter\" data-target=\"3500\">0<\/span>+<\/div>\r\n <div class=\"aw-stat-title\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/div>\r\n <\/div>\r\n <div class=\"aw-stat-box aw-scroll-anim\" style=\"animation-delay: 0.2s;\">\r\n <i class=\"fa-solid fa-building aw-stat-icon\"><\/i>\r\n <div class=\"aw-stat-number\"><span class=\"aw-counter\" data-target=\"1200\">0<\/span>+<\/div>\r\n <div class=\"aw-stat-title\">\u0648\u062d\u062f\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u0628\u0627\u0639\u0629<\/div>\r\n <\/div>\r\n <div class=\"aw-stat-box aw-scroll-anim\" style=\"animation-delay: 0.3s;\">\r\n <i class=\"fa-solid fa-handshake aw-stat-icon\"><\/i>\r\n <div class=\"aw-stat-number\"><span class=\"aw-counter\" data-target=\"50\">0<\/span>+<\/div>\r\n <div class=\"aw-stat-title\">\u0634\u0631\u0627\u0643\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tabs Section -->\r\n <section class=\"aw-tabs-section aw-scroll-anim\">\r\n <div class=\"aw-tabs-header\">\r\n <button class=\"aw-tab-btn active\" data-tab=\"tab-vision\">\u0631\u0624\u064a\u062a\u0646\u0627<\/button>\r\n <button class=\"aw-tab-btn\" data-tab=\"tab-mission\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/button>\r\n <button class=\"aw-tab-btn\" data-tab=\"tab-values\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/button>\r\n <\/div>\r\n\r\n <div class=\"aw-tabs-body\">\r\n <!-- Tab 1 -->\r\n <div class=\"aw-tab-content active\" id=\"tab-vision\">\r\n <h3><i class=\"fa-solid fa-eye\"><\/i> \u0631\u0624\u064a\u0629 \u0623\u0648\u062a\u0627\u062f<\/h3>\r\n <p>\u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062d\u0644\u0648\u0644 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0631\u062a\u0642\u064a \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u062a\u0635\u0646\u0639 \u0642\u064a\u0645\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u0644\u0623\u062c\u064a\u0627\u0644 \u0627\u0644\u0642\u0627\u062f\u0645\u0629. \u0646\u0633\u0639\u0649 \u0644\u0623\u0646 \u062a\u0643\u0648\u0646 \"\u0623\u0648\u062a\u0627\u062f\" \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0641\u0627\u0631\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0627\u0644\u062d\u062f\u064a\u062b.<\/p>\r\n <\/div>\r\n \r\n <!-- Tab 2 -->\r\n <div class=\"aw-tab-content\" id=\"tab-mission\">\r\n <h3><i class=\"fa-solid fa-rocket\"><\/i> \u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n <p>\u062a\u0648\u0641\u064a\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u0645\u062f\u0631\u0648\u0633\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629. \u0646\u062d\u0646 \u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629\u060c \u062a\u0628\u062f\u0623 \u0645\u0646 \u0641\u0647\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u060c \u0648\u062a\u0645\u0631 \u0628\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0635\u0627\u062f\u0642\u0629\u060c \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u0630\u064a \u064a\u0645\u062b\u0644 \u0648\u062a\u062f\u0627\u064b \u0635\u0644\u0628\u0627\u064b \u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0639\u0645\u064a\u0644.<\/p>\r\n <\/div>\r\n\r\n <!-- Tab 3 -->\r\n <div class=\"aw-tab-content\" id=\"tab-values\">\r\n <h3><i class=\"fa-solid fa-gem\"><\/i> \u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u062a\u064a \u0646\u0633\u062a\u0646\u062f \u0639\u0644\u064a\u0647\u0627<\/h3>\r\n <p>\r\n <strong>1. \u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629:<\/strong> \u0627\u0644\u0648\u0636\u0648\u062d \u0627\u0644\u062a\u0627\u0645 \u0641\u064a \u0643\u0627\u0641\u0629 \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u0646\u0627.<br>\r\n <strong>2. \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631:<\/strong> \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u062f\u0627\u0626\u0645 \u0639\u0646 \u062d\u0644\u0648\u0644 \u0639\u0642\u0627\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u062a\u0635\u0627\u0645\u064a\u0645 \u0639\u0635\u0631\u064a\u0629.<br>\r\n <strong>3. \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0648\u0644\u0627\u064b:<\/strong> \u0648\u0636\u0639 \u0645\u0635\u0644\u062d\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647 \u0641\u064a \u0642\u0645\u0629 \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0646\u0627.<br>\r\n <strong>4. \u0627\u0644\u062c\u0648\u062f\u0629:<\/strong> \u0627\u0644\u062a\u0632\u0627\u0645 \u0644\u0627 \u064a\u062a\u0632\u0639\u0632\u0639 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Features Section -->\r\n <section class=\"aw-features\">\r\n <h2 class=\"aw-section-title aw-scroll-anim\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0623\u0648\u062a\u0627\u062f\u061f<\/h2>\r\n <div class=\"aw-features-grid\">\r\n \r\n <div class=\"aw-feature-card aw-scroll-anim\">\r\n <div class=\"aw-feature-icon\">\r\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n <\/div>\r\n <h4>\u0645\u0648\u0627\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h4>\r\n <p>\u0646\u0646\u062a\u0642\u064a \u0645\u0648\u0627\u0642\u0639 \u0639\u0642\u0627\u0631\u0627\u062a\u0646\u0627 \u0628\u0639\u0646\u0627\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0644\u062a\u0636\u0645\u0646 \u0644\u0643 \u0648\u0644\u0639\u0627\u0626\u0644\u062a\u0643 \u0627\u0644\u0642\u0631\u0628 \u0645\u0646 \u0643\u0627\u0641\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0644\u062a\u0636\u0645\u0646 \u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646\u0627 \u0623\u0639\u0644\u0649 \u0639\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0645\u0645\u0643\u0646.<\/p>\r\n <\/div>\r\n\r\n <div class=\"aw-feature-card aw-scroll-anim\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"aw-feature-icon\">\r\n <i class=\"fa-solid fa-file-contract\"><\/i>\r\n <\/div>\r\n <h4>\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u064a\u0633\u0631\u0629<\/h4>\r\n <p>\u0646\u062d\u0646 \u0646\u062d\u0645\u0644 \u0639\u0646\u0643 \u0639\u0628\u0621 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0648\u0631\u0642\u064a\u0629 \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0644\u0646\u062c\u0639\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0623\u0648 \u0627\u0644\u062a\u0623\u062c\u064a\u0631 \u0633\u0644\u0633\u0629\u060c \u0633\u0631\u064a\u0639\u0629\u060c \u0648\u0622\u0645\u0646\u0629 \u062a\u0645\u0627\u0645\u0627\u064b.<\/p>\r\n <\/div>\r\n\r\n <div class=\"aw-feature-card aw-scroll-anim\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"aw-feature-icon\">\r\n <i class=\"fa-solid fa-headset\"><\/i>\r\n <\/div>\r\n <h4>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629<\/h4>\r\n <p>\u064a\u0636\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u064a\u0646 \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0643\u060c \u0648\u062a\u0648\u062c\u064a\u0647\u0643 \u0646\u062d\u0648 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0648\u0647\u062f\u0641\u0643.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ 1. \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0627\u0628\u0627\u062a (Tabs Logic)\r\n const tabBtns = document.querySelectorAll('.aw-tab-btn');\r\n const tabContents = document.querySelectorAll('.aw-tab-content');\r\n\r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062a\u0641\u0639\u064a\u0644 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n tabContents.forEach(c => c.classList.remove('active'));\r\n\r\n \/\/ \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0636\u063a\u0648\u0637 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062e\u0627\u0635 \u0628\u0647\r\n btn.classList.add('active');\r\n const targetId = btn.getAttribute('data-tab');\r\n document.getElementById(targetId).classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ 2. \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a (Number Counters)\r\n const counters = document.querySelectorAll('.aw-counter');\r\n const speed = 200; \/\/ \u0633\u0631\u0639\u0629 \u0627\u0644\u0639\u062f\u0627\u062f\r\n\r\n const startCounters = (element) => {\r\n const updateCount = () => {\r\n const target = +element.getAttribute('data-target');\r\n const count = +element.innerText;\r\n const inc = target \/ speed;\r\n\r\n if (count < target) {\r\n element.innerText = Math.ceil(count + inc);\r\n setTimeout(updateCount, 10);\r\n } else {\r\n element.innerText = target;\r\n }\r\n };\r\n updateCount();\r\n };\r\n\r\n \/\/ 3. \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0639\u0646\u062f \u0627\u0644\u0646\u0632\u0648\u0644 (Scroll Intersection Observer)\r\n const observerOptions = {\r\n threshold: 0.1 \/\/ \u064a\u0628\u062f\u0623 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0639\u0646\u062f\u0645\u0627 \u064a\u0638\u0647\u0631 10% \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0643\u0644\u0627\u0633 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646\r\n entry.target.classList.add('aw-animate-visible');\r\n \r\n \/\/ \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0639\u062f\u0627\u062f\u060c \u0642\u0645 \u0628\u062a\u0634\u063a\u064a\u0644\u0647\r\n if(entry.target.classList.contains('aw-stat-box')) {\r\n const counterEl = entry.target.querySelector('.aw-counter');\r\n if(counterEl) startCounters(counterEl);\r\n }\r\n \r\n \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0628\u0639\u062f \u0627\u0644\u0638\u0647\u0648\u0631 \u0644\u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u062d\u0645\u0644 \u0643\u0644\u0627\u0633 aw-scroll-anim\r\n document.querySelectorAll('.aw-scroll-anim').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 – \u0623\u0648\u062a\u0627\u062f \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0623\u0648\u062a\u0627\u062f.. \u0646\u0631\u0633\u062e \u0623\u062d\u0644\u0627\u0645\u0643 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639 \u0646\u062d\u0646 \u0644\u0633\u0646\u0627 \u0645\u062c\u0631\u062f \u0634\u0631\u0643\u0629 \u0639\u0642\u0627\u0631\u064a\u0629\u060c \u0628\u0644 \u0646\u062d\u0646 \u0634\u0631\u0643\u0627\u0624\u0643<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":34,"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":532,"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions\/532"}],"wp:attachment":[{"href":"https:\/\/awtaad-realestate.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}