{"id":250,"date":"2026-01-25T11:18:11","date_gmt":"2026-01-25T11:18:11","guid":{"rendered":"https:\/\/otr.com.ly\/Laip\/?page_id=250"},"modified":"2026-02-18T16:13:14","modified_gmt":"2026-02-18T16:13:14","slug":"%d8%a7%d8%b7%d8%b1-%d8%b9%d9%85%d9%84-%d8%a7%d9%84%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac","status":"publish","type":"page","link":"https:\/\/otr.com.ly\/Laip\/%d8%a7%d8%b7%d8%b1-%d8%b9%d9%85%d9%84-%d8%a7%d9%84%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac\/","title":{"rendered":"\u0627\u0637\u0631 \u0639\u0645\u0644 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c"},"content":{"rendered":"\n    <div class=\"pro-container\" dir=\"ltr\">\n        <div class=\"pro-flex is-ltr\">\n            \n            <div class=\"pro-visuals\">\n                                    <div class=\"pro-img-item active\" id=\"pro-img-0\">\n                        <img decoding=\"async\" src=\"https:\/\/otr.com.ly\/Laip\/wp-content\/uploads\/2026\/02\/89043.jpg\" alt=\"\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\">\n                    <\/div>\n                                    <div class=\"pro-img-item \" id=\"pro-img-1\">\n                        <img decoding=\"async\" src=\"https:\/\/otr.com.ly\/Laip\/wp-content\/uploads\/2026\/02\/2150041850.jpg\" alt=\"\u062f\u0648\u0631 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\">\n                    <\/div>\n                                    <div class=\"pro-img-item \" id=\"pro-img-2\">\n                        <img decoding=\"async\" src=\"https:\/\/otr.com.ly\/Laip\/wp-content\/uploads\/2026\/02\/2149631023.jpg\" alt=\"\u062f\u0648\u0631 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\">\n                    <\/div>\n                                    <div class=\"pro-img-item \" id=\"pro-img-3\">\n                        <img decoding=\"async\" src=\"https:\/\/otr.com.ly\/Laip\/wp-content\/uploads\/2026\/02\/pic3.jpg-816x1024.jpeg\" alt=\"\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0636\u062e\u0645\u0629 \u0648\u062f\u0639\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\">\n                    <\/div>\n                                    <div class=\"pro-img-item \" id=\"pro-img-4\">\n                        <img decoding=\"async\" src=\"https:\/\/otr.com.ly\/Laip\/wp-content\/uploads\/2026\/02\/pic4.jpg-816x1024.jpeg\" alt=\"\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u062f\u0631\u0627\u062a\">\n                    <\/div>\n                                    <div class=\"pro-img-item \" id=\"pro-img-5\">\n                        <img decoding=\"async\" src=\"https:\/\/otr.com.ly\/Laip\/wp-content\/uploads\/2026\/02\/pic5.jpg-816x1024.jpeg\" alt=\"\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\">\n                    <\/div>\n                            <\/div>\n\n            <div class=\"pro-content\">\n                                    <div class=\"pro-text-item active\" id=\"pro-text-0\">\n                        <h3 class=\"pro-title\">\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/h3>\n                        <div class=\"pro-desc\">\n                            \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0647\u064a \u0642\u062f\u0631\u0629 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0645\u0648\u0627\u0631\u062f\u0647\u0627 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0628\u0634\u0643\u0644 \u0641\u0639\u0651\u0627\u0644 \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639. \u0627\u0644\u0647\u062f\u0641: \u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629. \u0631\u0641\u0639 \u0631\u0636\u0627 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646. \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629...                        <\/div>\n                        <div class=\"pro-btn-row\">\n                            <a href=\"https:\/\/otr.com.ly\/Laip\/our_projects\/%d8%a7%d9%84%d9%83%d9%81%d8%a7%d8%a1%d8%a9-%d8%a7%d9%84%d8%ad%d9%83%d9%88%d9%85%d9%8a%d8%a9\/\" class=\"pro-btn\">View Project<\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pro-text-item \" id=\"pro-text-1\">\n                        <h3 class=\"pro-title\">\u062f\u0648\u0631 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\n                        <div class=\"pro-desc\">\n                            \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0648\u0631\u0642. \u0631\u0628\u0637 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0633\u0644\u0627\u0633\u0629. \u062a\u0648\u0641\u064a\u0631 \u062e\u062f\u0645\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629. \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631.                        <\/div>\n                        <div class=\"pro-btn-row\">\n                            <a href=\"https:\/\/otr.com.ly\/Laip\/our_projects\/%d8%af%d9%88%d8%b1-%d8%a7%d9%84%d8%aa%d8%ad%d9%88%d9%84-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a\/\" class=\"pro-btn\">View Project<\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pro-text-item \" id=\"pro-text-2\">\n                        <h3 class=\"pro-title\">\u062f\u0648\u0631 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h3>\n                        <div class=\"pro-desc\">\n                            \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0634\u0643\u0644 \u0645\u062a\u0642\u062f\u0645 \u0644\u0644\u062a\u0646\u0628\u0624 \u0628\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a. \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0630\u0643\u064a\u0629 \u0648\u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0641\u0626\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646. \u0623\u062a\u0645\u062a\u0629 \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0641\u0648\u0631\u064a\u0627\u064b. \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0628\u0634\u0631\u064a\u0629.                        <\/div>\n                        <div class=\"pro-btn-row\">\n                            <a href=\"https:\/\/otr.com.ly\/Laip\/our_projects\/%d8%af%d9%88%d8%b1-%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1-%d8%a7%d9%84%d8%a7%d8%b5%d8%b7%d9%86%d8%a7%d8%b9%d9%8a\/\" class=\"pro-btn\">View Project<\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pro-text-item \" id=\"pro-text-3\">\n                        <h3 class=\"pro-title\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0636\u062e\u0645\u0629 \u0648\u062f\u0639\u0645 \u0627\u0644\u0642\u0631\u0627\u0631<\/h3>\n                        <div class=\"pro-desc\">\n                            \u0645\u0627 \u0647\u064a \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0636\u062e\u0645\u0629\u061f\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0648\u0645\u0639\u0642\u062f\u0629 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u062d\u0644\u064a\u0644\u0647\u0627 \u0628\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u0648\u062a\u0634\u0645\u0644: \u0645\u0647\u064a\u0643\u0644\u0629: \u0633\u062c\u0644\u0627\u062a \u0631\u0633\u0645\u064a\u0629\u060c \u0642\u0648\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a. \u063a\u064a\u0631 \u0645\u0647\u064a\u0643\u0644\u0629: \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u060c \u0635\u0648\u0631\u060c \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a. \u0634\u0628\u0647 \u0645\u0647\u064a\u0643\u0644\u0629: \u062a\u0642\u0627\u0631\u064a\u0631\u060c \u0627\u0633\u062a\u0628\u064a\u0627\u0646\u0627\u062a. \u0643\u064a\u0641...                        <\/div>\n                        <div class=\"pro-btn-row\">\n                            <a href=\"https:\/\/otr.com.ly\/Laip\/our_projects\/%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d8%b6%d8%ae%d9%85%d8%a9-%d9%88%d8%af%d8%b9%d9%85-%d8%a7%d9%84%d9%82%d8%b1%d8%a7%d8%b1\/\" class=\"pro-btn\">View Project<\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pro-text-item \" id=\"pro-text-4\">\n                        <h3 class=\"pro-title\">\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u062f\u0631\u0627\u062a<\/h3>\n                        <div class=\"pro-desc\">\n                            \u0627\u0644\u062a\u0639\u0631\u064a\u0641:\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0647\u0648 \u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0644\u062a\u0645\u0643\u064a\u0646\u0647\u0645 \u0645\u0646 \u0623\u062f\u0627\u0621 \u0645\u0647\u0627\u0645\u0647\u0645 \u0628\u0643\u0641\u0627\u0621\u0629 \u0623\u0639\u0644\u0649 \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629. \u0627\u0644\u0647\u062f\u0641: \u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0641\u0631\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629. \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639. \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0648\u0627\u062a\u062e\u0627\u0630...                        <\/div>\n                        <div class=\"pro-btn-row\">\n                            <a href=\"https:\/\/otr.com.ly\/Laip\/our_projects\/%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%af%d8%b1%d8%a7%d8%aa\/\" class=\"pro-btn\">View Project<\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"pro-text-item \" id=\"pro-text-5\">\n                        <h3 class=\"pro-title\">\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n                        <div class=\"pro-desc\">\n                            \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0647\u064a \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0646\u0638\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0623\u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629. \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0642\u0627\u0626\u0645\u0629: \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a: \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0646 \u0627\u0644\u0647\u062c\u0645\u0627\u062a....                        <\/div>\n                        <div class=\"pro-btn-row\">\n                            <a href=\"https:\/\/otr.com.ly\/Laip\/our_projects\/%d8%a7%d9%84%d8%b3%d9%8a%d8%a7%d8%b3%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d9%85%d8%b9%d8%a7%d9%8a%d9%8a%d8%b1-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a%d8%a9\/\" class=\"pro-btn\">View Project<\/a>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"pro-nav\">\n                <div class=\"pro-desktop-line\"><\/div>                     <div class=\"pro-dot active\" \n                         onclick=\"proSwitch(0)\"\n                         data-num=\"01\">\n                         \n                         <div class=\"mobile-progress-wrap\">\n                            <span class=\"m-num\">01<\/span>\n                            <div class=\"m-bar\"><\/div>\n                         <\/div>\n                    <\/div>\n                                    <div class=\"pro-dot \" \n                         onclick=\"proSwitch(1)\"\n                         data-num=\"02\">\n                         \n                         <div class=\"mobile-progress-wrap\">\n                            <span class=\"m-num\">02<\/span>\n                            <div class=\"m-bar\"><\/div>\n                         <\/div>\n                    <\/div>\n                                    <div class=\"pro-dot \" \n                         onclick=\"proSwitch(2)\"\n                         data-num=\"03\">\n                         \n                         <div class=\"mobile-progress-wrap\">\n                            <span class=\"m-num\">03<\/span>\n                            <div class=\"m-bar\"><\/div>\n                         <\/div>\n                    <\/div>\n                                    <div class=\"pro-dot \" \n                         onclick=\"proSwitch(3)\"\n                         data-num=\"04\">\n                         \n                         <div class=\"mobile-progress-wrap\">\n                            <span class=\"m-num\">04<\/span>\n                            <div class=\"m-bar\"><\/div>\n                         <\/div>\n                    <\/div>\n                                    <div class=\"pro-dot \" \n                         onclick=\"proSwitch(4)\"\n                         data-num=\"05\">\n                         \n                         <div class=\"mobile-progress-wrap\">\n                            <span class=\"m-num\">05<\/span>\n                            <div class=\"m-bar\"><\/div>\n                         <\/div>\n                    <\/div>\n                                    <div class=\"pro-dot \" \n                         onclick=\"proSwitch(5)\"\n                         data-num=\"06\">\n                         \n                         <div class=\"mobile-progress-wrap\">\n                            <span class=\"m-num\">06<\/span>\n                            <div class=\"m-bar\"><\/div>\n                         <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .pro-container { max-width: 1240px; margin: 40px auto; padding: 0 20px; }\n        .pro-flex { display: flex; align-items: flex-start; gap: 50px; min-height: 450px; position: relative; }\n        \n        \/* --- \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 (Desktop) --- *\/\n        .pro-visuals { flex: 0 0 55%; height: 450px; position: relative; border-radius: 10px; overflow: hidden; }\n        .pro-img-item { position: absolute; inset: 0; opacity: 0; transition: 0.6s ease; visibility: hidden; }\n        .pro-img-item.active { opacity: 1; visibility: visible; position: relative; }\n        .pro-img-item img { width: 100%; height: 100%; object-fit: cover; }\n\n        .pro-content { flex: 1; margin-top: -8px; }\n        .pro-text-item { display: none; }\n        .pro-text-item.active { display: block; }\n        .pro-title { font-size: 38px; margin: 0 0 15px 0 !important; font-weight: 800; color: #414794; line-height: 1.1; }\n        .pro-desc { color: #555; line-height: 1.6; font-size: 17px; margin-bottom: 25px; }\n        .pro-btn { display: inline-flex; padding: 12px 35px; background: #414794; color: #fff !important; border-radius: 50px; text-decoration: none !important; font-weight: bold; }\n\n        \/* \u0646\u0627\u0641\u064a\u062c\u064a\u0634\u0646 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\n        .pro-nav { display: flex; flex-direction: column; gap: 35px; width: 60px; align-items: center; position: relative; }\n        .pro-desktop-line { position: absolute; width: 1px; background: #eee; height: 100%; z-index: 0; }\n        .pro-dot { width: 11px; height: 11px; border-radius: 50%; background: #ccc; cursor: pointer; position: relative; z-index: 1; transition: 0.3s; }\n        .pro-dot.active { background: #c88b43; transform: scale(1.3); }\n        \n        \/* \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0646\u0642\u0627\u0637 *\/\n        .pro-dot::after { content: attr(data-num); position: absolute; font-size: 13px; color: #ccc; top: -3px; font-weight: 600; }\n        .is-ltr .pro-dot::after { left: 25px; }\n        .is-rtl .pro-dot::after { right: 25px; }\n        .pro-dot.active::after { color: #c88b43; }\n        \n        .mobile-progress-wrap { display: none; } \/* \u0645\u062e\u0641\u064a \u0641\u064a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\n\n        \/* --- \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (Mobile) --- *\/\n        @media (max-width: 991px) {\n            .pro-flex { flex-direction: column !important; align-items: center; gap: 20px; }\n            .pro-visuals { width: 100%; height: 280px; flex: none; border-radius: 12px; }\n            .pro-content { order: 3; text-align: center; }\n            .pro-title { font-size: 28px; text-align: center; }\n            \n            \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0646\u0627\u0641\u064a\u062c\u064a\u0634\u0646 \u0644\u0634\u0631\u064a\u0637 Progress Line \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 *\/\n            .pro-nav { \n                flex-direction: row !important; \n                width: 100%; \n                justify-content: center; \n                order: 2; \n                gap: 15px; \n                padding: 15px 0;\n            }\n            .pro-desktop-line, .pro-dot::after { display: none; } \/* \u0625\u062e\u0641\u0627\u0621 \u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\n            \n            .pro-dot { \n                width: auto; height: auto; background: transparent; \n                border-radius: 0; transform: none !important; \n            }\n            \n            \/* \u0628\u0646\u0627\u0621 \u0634\u0643\u0644 Progress Line \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            .mobile-progress-wrap { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 45px;background:#c88b43; }\n            .m-num { font-size: 14px; font-weight: bold; color: #bbb; transition: 0.3s; }\n            .m-bar { width: 100%; height: 3px; background: #eee; position: relative; border-radius: 2px; overflow: hidden; }\n            .m-bar::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #414794; transition: 0.4s ease; }\n            \n            \/* \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0646\u0634\u064a\u0637 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n            .pro-dot.active .m-num { color: #414794; font-size: 17px; }\n            .pro-dot.active .m-bar::after { width: 100%; }\n        }\n    <\/style>\n\n    <script>\n    function proSwitch(n) {\n        document.querySelectorAll('.pro-img-item').forEach(el => { el.classList.remove('active'); el.style.position = 'absolute'; });\n        document.querySelectorAll('.pro-text-item, .pro-dot').forEach(el => el.classList.remove('active'));\n        const targetImg = document.getElementById('pro-img-' + n);\n        targetImg.classList.add('active');\n        targetImg.style.position = 'relative';\n        document.getElementById('pro-text-' + n).classList.add('active');\n        document.querySelectorAll('.pro-dot')[n].classList.add('active');\n    }\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":934,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-250","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":2,"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/pages\/250\/revisions\/736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/media\/934"}],"wp:attachment":[{"href":"https:\/\/otr.com.ly\/Laip\/wp-json\/wp\/v2\/media?parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}