{"id":1853,"date":"2025-05-22T16:39:58","date_gmt":"2025-05-22T16:39:58","guid":{"rendered":"https:\/\/dev-elite-innovation-company.pantheonsite.io\/?page_id=1853"},"modified":"2025-06-07T17:48:38","modified_gmt":"2025-06-07T14:48:38","slug":"all-project","status":"publish","type":"page","link":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/all-project\/","title":{"rendered":"All projects"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1853\" class=\"elementor elementor-1853\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b1848c e-flex e-con-boxed e-con e-parent\" data-id=\"5b1848c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-876a60c elementor-widget elementor-widget-html\" data-id=\"876a60c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\n        .project-view-container {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 0 15px;\n            direction: rtl;\n            font-family: 'Arial', sans-serif;\n            color: #333;\n            border-bottom: 2px solid #ddd;\n            margin-bottom: 80px;\n        }\n        .project-title {\n            font-size: 28px !important;\n            font-weight: 700;\n            margin-bottom: 20px;\n            color: black !important;\n            text-align: right;\n        }\n        .main-image-wrapper {\n            position: relative;\n            width: 100%;\n            height: 500px;\n            overflow: hidden;\n            border-radius: 12px;\n            margin-bottom: 8px;\n        }\n        .main-image-wrapper img {\n\t\t\twidth: 100%;\n\t\t\theight: 400px;\n\t\t\tobject-fit: contain;\n\t\t\tobject-position: center;\n            transition: opacity 0.5s ease-in-out;\n            position: absolute;\n            top: 0;\n            left: 0;\n            opacity: 0;\n        }\n        .main-image-wrapper img.active {\n            opacity: 1;\n            position: relative;\n        }\n        .nav-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(0,0,0,0.6);\n            color: #fff;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            cursor: pointer;\n            font-size: 26px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 10;\n            transition: background 0.3s ease;\n        }\n        .nav-arrow:hover {\n            background: rgba(0,0,0,0.85);\n        }\n        .nav-arrow.left {\n            right: 20px;\n        }\n        .nav-arrow.right {\n            left: 20px;\n        }\n        .thumbnails-container {\n            display: flex;\n            gap: 12px;\n            overflow-x: auto;\n            flex-wrap: wrap;\n            justify-content: center;\n            margin-bottom: 30px;\n        }\n        .thumbnail {\n            width: 250px;\n            height: 200px;\n            border-radius: 6px;\n            overflow: hidden;\n            cursor: pointer;\n            border: 3px solid transparent;\n            flex-shrink: 0;\n        }\n        .thumbnail img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n        .thumbnail.active {\n            border-color: #0073aa;\n        }\n        .project-details-label {\n            font-size: 21px;\n            font-weight: 600;\n            margin-bottom: 12px;\n            text-align: right;\n            color: #111;\n        }\n        .project-description {\n            font-size: 18px;\n            line-height: 1.6;\n            color: #444;\n            text-align: right;\n        }\n        @media (max-width: 768px) {\n            .main-image-wrapper {\n                height: 300px;\n            }\n            .thumbnail {\n                width: 76px;\n                height: 70px;\n            }\n            .nav-arrow {\n                width: 35px;\n                height: 35px;\n                font-size: 20px;\n            }\n        }\n        @media (max-width: 480px) {\n            .main-image-wrapper {\n                height: 220px;\n            }\n\t\t\t.main-image-wrapper img {\n\t\t\t\theight: 258px;\n        \t}\n            .project-details-label {\n                font-size: 18px !important;\n            }\n            .project-description {\n                font-size: 16px !important;\n            }\n        }\n    <\/style>\n\n    \n    <div class=\"project-view-container\" id=\"project_0\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/14a8a291-4c2a-49a1-8ced-3efef745bb3a-576x1024.jpg\" class=\"main-img project_0 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/935ad528-4ebc-4c01-a558-d8aa0b3dc6f3.jpg\" class=\"main-img project_0\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1516a709-c523-463d-900d-ee1237a7741f-1024x768.jpg\" class=\"main-img project_0\" data-index=\"2\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/57358bf9-b06c-4fea-9c6b-27c87ff1b488-768x1024.jpg\" class=\"main-img project_0\" data-index=\"3\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_0\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_0\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_0\">\n                            <div class=\"thumbnail project_0 active\" data-index=\"0\" data-project=\"project_0\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/14a8a291-4c2a-49a1-8ced-3efef745bb3a-576x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_0\" data-index=\"1\" data-project=\"project_0\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/935ad528-4ebc-4c01-a558-d8aa0b3dc6f3.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_0\" data-index=\"2\" data-project=\"project_0\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1516a709-c523-463d-900d-ee1237a7741f-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_0\" data-index=\"3\" data-project=\"project_0\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/57358bf9-b06c-4fea-9c6b-27c87ff1b488-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0641\u064a \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0637\u0628 &#8211; \u0628\u0627\u0628 \u0627\u0644\u0645\u0639\u0638\u0645<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_0\";\n        const images = document.querySelectorAll('.main-img.project_0');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_0');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_0 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_0 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_1\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/ea1e5055-86ed-4b02-a464-a87d546e3ee9-576x1024.jpg\" class=\"main-img project_1 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_1\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_1\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_1\">\n                            <div class=\"thumbnail project_1 active\" data-index=\"0\" data-project=\"project_1\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/ea1e5055-86ed-4b02-a464-a87d546e3ee9-576x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0639\u0644\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_1\";\n        const images = document.querySelectorAll('.main-img.project_1');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_1');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_1 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_1 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_2\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/11ee7bb7-7a26-4f0f-9471-62fada531f5a-768x1024.jpg\" class=\"main-img project_2 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a3d7fbfe-f6f7-495a-ae96-6c57e0343cbb-768x1024.jpg\" class=\"main-img project_2\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_2\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_2\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_2\">\n                            <div class=\"thumbnail project_2 active\" data-index=\"0\" data-project=\"project_2\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/11ee7bb7-7a26-4f0f-9471-62fada531f5a-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_2\" data-index=\"1\" data-project=\"project_2\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a3d7fbfe-f6f7-495a-ae96-6c57e0343cbb-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629 \u0645\u0642\u0627\u0628\u0644 \u062f\u0627\u0631 \u0627\u0644\u0623\u0632\u064a\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_2\";\n        const images = document.querySelectorAll('.main-img.project_2');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_2');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_2 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_2 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_3\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/10a89aac-36e3-4c56-88d5-09320cbead96-1024x768.jpg\" class=\"main-img project_3 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_3\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_3\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_3\">\n                            <div class=\"thumbnail project_3 active\" data-index=\"0\" data-project=\"project_3\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/10a89aac-36e3-4c56-88d5-09320cbead96-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u062d\u064a \u062f\u062c\u0644\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_3\";\n        const images = document.querySelectorAll('.main-img.project_3');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_3');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_3 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_3 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_4\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8430b452-ae40-43bb-b728-5ebce3a87a2b-768x1024.jpg\" class=\"main-img project_4 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_4\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_4\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_4\">\n                            <div class=\"thumbnail project_4 active\" data-index=\"0\" data-project=\"project_4\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8430b452-ae40-43bb-b728-5ebce3a87a2b-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u062d\u064a \u062f\u062c\u0644\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_4\";\n        const images = document.querySelectorAll('.main-img.project_4');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_4');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_4 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_4 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_5\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/19142cec-2850-4901-95e4-d2a2bc2087e9-768x1024.jpg\" class=\"main-img project_5 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_5\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_5\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_5\">\n                            <div class=\"thumbnail project_5 active\" data-index=\"0\" data-project=\"project_5\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/19142cec-2850-4901-95e4-d2a2bc2087e9-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_5\";\n        const images = document.querySelectorAll('.main-img.project_5');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_5');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_5 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_5 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_6\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0627\u0647\u0644\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2f02d8da-a4b1-42a5-8874-4b4944def5df-1024x768.jpg\" class=\"main-img project_6 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_6\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_6\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_6\">\n                            <div class=\"thumbnail project_6 active\" data-index=\"0\" data-project=\"project_6\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2f02d8da-a4b1-42a5-8874-4b4944def5df-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0627\u0647\u0644\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_6\";\n        const images = document.querySelectorAll('.main-img.project_6');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_6');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_6 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_6 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_7\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a5a3dd35-56f9-4ff0-bbef-42525fd510ce.jpg\" class=\"main-img project_7 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_7\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_7\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_7\">\n                            <div class=\"thumbnail project_7 active\" data-index=\"0\" data-project=\"project_7\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a5a3dd35-56f9-4ff0-bbef-42525fd510ce.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 \u062f\u0627\u062e\u0644<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_7\";\n        const images = document.querySelectorAll('.main-img.project_7');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_7');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_7 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_7 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_8\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0623\u0633\u064a\u0627\u0633\u064a\u0644 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/bb25e184-2424-423e-8b7d-17313a374267-1024x768.jpg\" class=\"main-img project_8 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e945fd2e-d635-4427-bd4e-c9df53fee87d-768x1024.jpg\" class=\"main-img project_8\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_8\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_8\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_8\">\n                            <div class=\"thumbnail project_8 active\" data-index=\"0\" data-project=\"project_8\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/bb25e184-2424-423e-8b7d-17313a374267-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_8\" data-index=\"1\" data-project=\"project_8\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e945fd2e-d635-4427-bd4e-c9df53fee87d-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0623\u0633\u064a\u0627\u0633\u064a\u0644 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 \u062f\u0627\u062e\u0644<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_8\";\n        const images = document.querySelectorAll('.main-img.project_8');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_8');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_8 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_8 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_9\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/58e10ae9-0e74-4dc9-a0d2-9cfa25abb7f7-1024x576.jpg\" class=\"main-img project_9 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f6304c70-0c63-48bd-8934-748f2cba9a43-1024x576.jpg\" class=\"main-img project_9\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_9\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_9\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_9\">\n                            <div class=\"thumbnail project_9 active\" data-index=\"0\" data-project=\"project_9\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/58e10ae9-0e74-4dc9-a0d2-9cfa25abb7f7-1024x576.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_9\" data-index=\"1\" data-project=\"project_9\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f6304c70-0c63-48bd-8934-748f2cba9a43-1024x576.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_9\";\n        const images = document.querySelectorAll('.main-img.project_9');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_9');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_9 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_9 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_10\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/12632efd-35c0-4012-9243-595089ade7a5-659x1024.jpg\" class=\"main-img project_10 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_10\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_10\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_10\">\n                            <div class=\"thumbnail project_10 active\" data-index=\"0\" data-project=\"project_10\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/12632efd-35c0-4012-9243-595089ade7a5-659x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0639\u0644\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_10\";\n        const images = document.querySelectorAll('.main-img.project_10');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_10');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_10 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_10 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_11\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/36aa448a-daa6-4b2b-baa8-bbef9fcfd07d-1024x768.jpg\" class=\"main-img project_11 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e09df002-5fd2-4abf-9c47-416d1f052bc8-1024x768.jpg\" class=\"main-img project_11\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_11\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_11\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_11\">\n                            <div class=\"thumbnail project_11 active\" data-index=\"0\" data-project=\"project_11\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/36aa448a-daa6-4b2b-baa8-bbef9fcfd07d-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_11\" data-index=\"1\" data-project=\"project_11\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e09df002-5fd2-4abf-9c47-416d1f052bc8-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0638\u0645\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_11\";\n        const images = document.querySelectorAll('.main-img.project_11');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_11');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_11 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_11 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_12\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/feaa5447-6700-47a8-99d8-fa95c3a80052-768x1024.jpg\" class=\"main-img project_12 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_12\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_12\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_12\">\n                            <div class=\"thumbnail project_12 active\" data-index=\"0\" data-project=\"project_12\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/feaa5447-6700-47a8-99d8-fa95c3a80052-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u062a\u0644<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_12\";\n        const images = document.querySelectorAll('.main-img.project_12');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_12');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_12 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_12 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_13\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6deac331-6acc-4bd9-aa0f-5e61e3592168-768x1024.jpg\" class=\"main-img project_13 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_13\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_13\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_13\">\n                            <div class=\"thumbnail project_13 active\" data-index=\"0\" data-project=\"project_13\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6deac331-6acc-4bd9-aa0f-5e61e3592168-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0628\u0648\u0639\u064a\u062b\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_13\";\n        const images = document.querySelectorAll('.main-img.project_13');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_13');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_13 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_13 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_14\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6c7a6d29-9e08-4018-9169-4cfb319370d5-1024x768.jpg\" class=\"main-img project_14 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a11a7e99-ca3a-4ff8-8534-43c1b4393398-1024x768.jpg\" class=\"main-img project_14\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_14\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_14\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_14\">\n                            <div class=\"thumbnail project_14 active\" data-index=\"0\" data-project=\"project_14\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6c7a6d29-9e08-4018-9169-4cfb319370d5-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_14\" data-index=\"1\" data-project=\"project_14\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a11a7e99-ca3a-4ff8-8534-43c1b4393398-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0630\u064a \u0642\u0627\u0631<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_14\";\n        const images = document.querySelectorAll('.main-img.project_14');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_14');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_14 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_14 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_15\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/060f4323-4f0f-444f-a378-200da24ffaec-768x1024.jpg\" class=\"main-img project_15 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_15\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_15\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_15\">\n                            <div class=\"thumbnail project_15 active\" data-index=\"0\" data-project=\"project_15\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/060f4323-4f0f-444f-a378-200da24ffaec-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_15\";\n        const images = document.querySelectorAll('.main-img.project_15');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_15');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_15 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_15 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_16\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0631\u0637\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0646\u062c\u0648 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/48fa515b-e1c9-4e1e-9222-21662c866f37-768x1024.jpg\" class=\"main-img project_16 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/787521fa-02d6-4b58-aebc-acd41c1da226-768x1024.jpg\" class=\"main-img project_16\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_16\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_16\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_16\">\n                            <div class=\"thumbnail project_16 active\" data-index=\"0\" data-project=\"project_16\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/48fa515b-e1c9-4e1e-9222-21662c866f37-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_16\" data-index=\"1\" data-project=\"project_16\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/787521fa-02d6-4b58-aebc-acd41c1da226-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0631\u0637\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0646\u062c\u0648 \u0641\u064a \u0627\u0644\u0639\u0632\u064a\u0632\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_16\";\n        const images = document.querySelectorAll('.main-img.project_16');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_16');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_16 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_16 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_17\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0643\u0646\u062a\u0627\u0643\u064a \u0633\u0628\u0627\u064a\u0633\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/39639088-77b9-4742-b0fa-dfc5c02b4f4a-1024x768.jpg\" class=\"main-img project_17 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/daea92ee-07bf-4f82-ac58-da3a0211a9f3-768x1024.jpg\" class=\"main-img project_17\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_17\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_17\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_17\">\n                            <div class=\"thumbnail project_17 active\" data-index=\"0\" data-project=\"project_17\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/39639088-77b9-4742-b0fa-dfc5c02b4f4a-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_17\" data-index=\"1\" data-project=\"project_17\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/daea92ee-07bf-4f82-ac58-da3a0211a9f3-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0643\u0646\u062a\u0627\u0643\u064a \u0633\u0628\u0627\u064a\u0633\u064a \u062d\u064a \u0627\u0644\u0639\u0627\u0645\u0644<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_17\";\n        const images = document.querySelectorAll('.main-img.project_17');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_17');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_17 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_17 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_18\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f5447e7c-cab6-49ce-b751-c56c3e6536e5-768x1024.jpg\" class=\"main-img project_18 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_18\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_18\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_18\">\n                            <div class=\"thumbnail project_18 active\" data-index=\"0\" data-project=\"project_18\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f5447e7c-cab6-49ce-b751-c56c3e6536e5-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0628\u063a\u062f\u0627\u062f \u0643\u0645\u0628 \u0633\u0627\u0631\u0647<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_18\";\n        const images = document.querySelectorAll('.main-img.project_18');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_18');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_18 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_18 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_19\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/25b6969d-d8da-462a-a51f-948039fc0877-768x1024.jpg\" class=\"main-img project_19 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b295bff5-27ee-4926-a769-abd646cbb449-1024x749.jpg\" class=\"main-img project_19\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e7d5d964-13f0-4c6b-afd1-a8bcf156ddca-1024x768.jpg\" class=\"main-img project_19\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_19\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_19\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_19\">\n                            <div class=\"thumbnail project_19 active\" data-index=\"0\" data-project=\"project_19\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/25b6969d-d8da-462a-a51f-948039fc0877-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_19\" data-index=\"1\" data-project=\"project_19\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b295bff5-27ee-4926-a769-abd646cbb449-1024x749.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_19\" data-index=\"2\" data-project=\"project_19\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e7d5d964-13f0-4c6b-afd1-a8bcf156ddca-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u0627\u0644\u0639\u0631\u0635\u0627\u062a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_19\";\n        const images = document.querySelectorAll('.main-img.project_19');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_19');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_19 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_19 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_20\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u0648\u0644 \u0645\u062c\u0645\u0639 \u0627\u0633\u062f \u0628\u0627\u0628\u0644 \u0627\u0644\u0633\u0643\u0646\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/4bb17369-4d98-4408-8850-df96a8362ee6-768x1024.jpg\" class=\"main-img project_20 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/088eb48f-8205-4aa4-a1cf-e82544717a55-1024x768.jpg\" class=\"main-img project_20\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2558775b-8c98-452c-9871-0618c934769f-1024x768.jpg\" class=\"main-img project_20\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_20\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_20\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_20\">\n                            <div class=\"thumbnail project_20 active\" data-index=\"0\" data-project=\"project_20\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/4bb17369-4d98-4408-8850-df96a8362ee6-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_20\" data-index=\"1\" data-project=\"project_20\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/088eb48f-8205-4aa4-a1cf-e82544717a55-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_20\" data-index=\"2\" data-project=\"project_20\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2558775b-8c98-452c-9871-0618c934769f-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u0648\u0644 \u0645\u062c\u0645\u0639 \u0627\u0633\u062f \u0628\u0627\u0628\u0644 \u0627\u0644\u0633\u0643\u0646\u064a \u0641\u064a \u0627\u0628\u0648 \u063a\u0631\u064a\u0628<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_20\";\n        const images = document.querySelectorAll('.main-img.project_20');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_20');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_20 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_20 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_21\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/28a4b4c2-74df-430e-923d-bbd5bda9d259-768x1024.jpg\" class=\"main-img project_21 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_21\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_21\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_21\">\n                            <div class=\"thumbnail project_21 active\" data-index=\"0\" data-project=\"project_21\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/28a4b4c2-74df-430e-923d-bbd5bda9d259-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629  \u0645\u064a\u0643\u0627\u0646\u064a\u0643<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_21\";\n        const images = document.querySelectorAll('.main-img.project_21');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_21');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_21 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_21 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_22\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8e0e2589-ec3f-4ffd-ba9d-f0cd80642447-1024x683.jpg\" class=\"main-img project_22 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/9a8658de-3101-4223-b499-4761f338e8e6-1024x683.jpg\" class=\"main-img project_22\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/755816ee-c8f2-4dff-a4c0-89d96b479c92-1024x683.jpg\" class=\"main-img project_22\" data-index=\"2\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/67926483-e7d9-4408-a631-889fb2586a55-1024x683.jpg\" class=\"main-img project_22\" data-index=\"3\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_22\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_22\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_22\">\n                            <div class=\"thumbnail project_22 active\" data-index=\"0\" data-project=\"project_22\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8e0e2589-ec3f-4ffd-ba9d-f0cd80642447-1024x683.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_22\" data-index=\"1\" data-project=\"project_22\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/9a8658de-3101-4223-b499-4761f338e8e6-1024x683.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_22\" data-index=\"2\" data-project=\"project_22\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/755816ee-c8f2-4dff-a4c0-89d96b479c92-1024x683.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_22\" data-index=\"3\" data-project=\"project_22\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/67926483-e7d9-4408-a631-889fb2586a55-1024x683.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_22\";\n        const images = document.querySelectorAll('.main-img.project_22');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_22');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_22 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_22 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_23\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/58b3920c-1e4c-4294-bccf-5cc00d05c3b9-1024x1001.jpg\" class=\"main-img project_23 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_23\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_23\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_23\">\n                            <div class=\"thumbnail project_23 active\" data-index=\"0\" data-project=\"project_23\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/58b3920c-1e4c-4294-bccf-5cc00d05c3b9-1024x1001.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0649 \u0628\u063a\u062f\u0627\u062f \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0639\u062f\u0648\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_23\";\n        const images = document.querySelectorAll('.main-img.project_23');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_23');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_23 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_23 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_24\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0628\u064a\u0643 \u062c\u0643\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1d544424-8b6d-4e7c-b1b4-42a25d314682-1024x768.jpg\" class=\"main-img project_24 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/786f2651-dec8-411a-b631-e1a932ec7468-849x1024.jpg\" class=\"main-img project_24\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a9024874-512d-446d-b3bc-0f0960f42c0a-1024x768.jpg\" class=\"main-img project_24\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_24\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_24\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_24\">\n                            <div class=\"thumbnail project_24 active\" data-index=\"0\" data-project=\"project_24\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1d544424-8b6d-4e7c-b1b4-42a25d314682-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_24\" data-index=\"1\" data-project=\"project_24\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/786f2651-dec8-411a-b631-e1a932ec7468-849x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_24\" data-index=\"2\" data-project=\"project_24\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a9024874-512d-446d-b3bc-0f0960f42c0a-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0628\u064a\u0643 \u062c\u0643\u0646 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u0634\u0627\u0631\u0639 \u0627\u0628\u0648 \u0637\u064a\u0627\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_24\";\n        const images = document.querySelectorAll('.main-img.project_24');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_24');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_24 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_24 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_25\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0644\u062d\u0642 \u062c\u0627\u0645\u0639\u0629 \u0627\u0648\u0631\u0648\u0643 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a2f48dce-a6a5-4c86-af94-a9726f7a8106-768x1024.jpg\" class=\"main-img project_25 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_25\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_25\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_25\">\n                            <div class=\"thumbnail project_25 active\" data-index=\"0\" data-project=\"project_25\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a2f48dce-a6a5-4c86-af94-a9726f7a8106-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0644\u062d\u0642 \u062c\u0627\u0645\u0639\u0629 \u0627\u0648\u0631\u0648\u0643 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_25\";\n        const images = document.querySelectorAll('.main-img.project_25');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_25');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_25 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_25 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_26\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0628\u0631\u0633\u062a\u064a\u062c \u0647\u0648\u0645 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6414966f-3f3a-42c6-8cce-aa468d163e3f-768x1024.jpg\" class=\"main-img project_26 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e49192f9-55f4-4876-898c-1b732a5682f6-768x1024.jpg\" class=\"main-img project_26\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_26\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_26\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_26\">\n                            <div class=\"thumbnail project_26 active\" data-index=\"0\" data-project=\"project_26\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6414966f-3f3a-42c6-8cce-aa468d163e3f-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_26\" data-index=\"1\" data-project=\"project_26\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e49192f9-55f4-4876-898c-1b732a5682f6-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0628\u0631\u0633\u062a\u064a\u062c \u0647\u0648\u0645<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_26\";\n        const images = document.querySelectorAll('.main-img.project_26');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_26');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_26 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_26 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_27\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0646\u062f\u0642 \u0642\u0645\u0631 \u0627\u0644\u0632\u0645\u0627\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/0d514e50-3135-4371-b7b7-ccf1b98fbc9a-1024x768.jpg\" class=\"main-img project_27 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dbb8685a-77ac-4487-9bd0-64316fadbd0d-699x1024.jpg\" class=\"main-img project_27\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_27\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_27\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_27\">\n                            <div class=\"thumbnail project_27 active\" data-index=\"0\" data-project=\"project_27\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/0d514e50-3135-4371-b7b7-ccf1b98fbc9a-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_27\" data-index=\"1\" data-project=\"project_27\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dbb8685a-77ac-4487-9bd0-64316fadbd0d-699x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0646\u062f\u0642 \u0642\u0645\u0631 \u0627\u0644\u0632\u0645\u0627\u0646 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_27\";\n        const images = document.querySelectorAll('.main-img.project_27');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_27');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_27 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_27 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_28\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0646\u062f\u0642 \u0628\u0644\u062f \u0627\u0644\u0627\u0648\u0644\u064a\u0627\u0621 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/430775dc-7287-498f-8a55-9645163af81b-768x1024.jpg\" class=\"main-img project_28 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/54567794-a424-4e42-9242-a97323d2a504-768x1024.jpg\" class=\"main-img project_28\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_28\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_28\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_28\">\n                            <div class=\"thumbnail project_28 active\" data-index=\"0\" data-project=\"project_28\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/430775dc-7287-498f-8a55-9645163af81b-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_28\" data-index=\"1\" data-project=\"project_28\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/54567794-a424-4e42-9242-a97323d2a504-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0646\u062f\u0642 \u0628\u0644\u062f \u0627\u0644\u0627\u0648\u0644\u064a\u0627\u0621 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_28\";\n        const images = document.querySelectorAll('.main-img.project_28');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_28');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_28 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_28 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_29\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0642\u0631\u0649 \u062a\u0628\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6baa37e4-b329-45ca-ab44-dfc8b817c57a-1024x768.jpg\" class=\"main-img project_29 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/91a5909f-07b5-4354-9671-2dec112c08f4-1024x768.jpg\" class=\"main-img project_29\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/461758cf-de9b-4a1c-8699-46e3a8bc6f11-1024x768.jpg\" class=\"main-img project_29\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_29\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_29\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_29\">\n                            <div class=\"thumbnail project_29 active\" data-index=\"0\" data-project=\"project_29\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6baa37e4-b329-45ca-ab44-dfc8b817c57a-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_29\" data-index=\"1\" data-project=\"project_29\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/91a5909f-07b5-4354-9671-2dec112c08f4-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_29\" data-index=\"2\" data-project=\"project_29\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/461758cf-de9b-4a1c-8699-46e3a8bc6f11-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0642\u0631\u0649 \u062a\u0628\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u062f\u064a\u0627\u0644\u0649<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_29\";\n        const images = document.querySelectorAll('.main-img.project_29');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_29');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_29 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_29 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_30\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0636\u064a\u0648\u0641 \u0627\u0645 \u0627\u0644\u0628\u0646\u064a\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1cff479f-fcbd-4131-9bff-85c715b64007-768x1024.jpg\" class=\"main-img project_30 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_30\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_30\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_30\">\n                            <div class=\"thumbnail project_30 active\" data-index=\"0\" data-project=\"project_30\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1cff479f-fcbd-4131-9bff-85c715b64007-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0636\u064a\u0648\u0641 \u0627\u0645 \u0627\u0644\u0628\u0646\u064a\u0646 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_30\";\n        const images = document.querySelectorAll('.main-img.project_30');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_30');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_30 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_30 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_31\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0646\u062f\u0642 \u0627\u0644\u0645\u062a\u064a\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/abfc6cd6-e8c6-4300-90ce-83246a518ed1-768x1024.jpg\" class=\"main-img project_31 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b1794418-0982-4a68-a816-377ebe0a19db-1024x768.jpg\" class=\"main-img project_31\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d33bccf6-99fc-451a-af85-5316b6bc5b52-1024x768.jpg\" class=\"main-img project_31\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_31\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_31\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_31\">\n                            <div class=\"thumbnail project_31 active\" data-index=\"0\" data-project=\"project_31\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/abfc6cd6-e8c6-4300-90ce-83246a518ed1-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_31\" data-index=\"1\" data-project=\"project_31\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b1794418-0982-4a68-a816-377ebe0a19db-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_31\" data-index=\"2\" data-project=\"project_31\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d33bccf6-99fc-451a-af85-5316b6bc5b52-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0641\u0646\u062f\u0642 \u0627\u0644\u0645\u062a\u064a\u0646 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_31\";\n        const images = document.querySelectorAll('.main-img.project_31');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_31');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_31 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_31 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_32\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6c72dbea-58d5-4e63-8193-de89c43644e5-768x1024.jpg\" class=\"main-img project_32 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/4020b8cb-be69-4908-9acc-acccf1b3fd98-768x1024.jpg\" class=\"main-img project_32\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_32\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_32\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_32\">\n                            <div class=\"thumbnail project_32 active\" data-index=\"0\" data-project=\"project_32\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6c72dbea-58d5-4e63-8193-de89c43644e5-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_32\" data-index=\"1\" data-project=\"project_32\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/4020b8cb-be69-4908-9acc-acccf1b3fd98-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u0649 \u0628\u0639\u0642\u0648\u0628\u0647 \u0634\u0627\u0631\u0639 \u0627\u0644\u0637\u0627\u0628\u0648<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_32\";\n        const images = document.querySelectorAll('.main-img.project_32');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_32');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_32 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_32 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_33\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0641\u0646\u062f\u0642 \u0627\u0644\u0639\u0642\u064a\u0642 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/9cd6e75b-e810-48e9-b847-d1c7024b5a8e-878x1024.jpg\" class=\"main-img project_33 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/86fc5f84-5b5d-4755-a762-79f11bcf52ec-768x1024.jpg\" class=\"main-img project_33\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dccadde7-7a64-4c08-a0c5-ac2778a91d76-768x1024.jpg\" class=\"main-img project_33\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_33\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_33\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_33\">\n                            <div class=\"thumbnail project_33 active\" data-index=\"0\" data-project=\"project_33\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/9cd6e75b-e810-48e9-b847-d1c7024b5a8e-878x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_33\" data-index=\"1\" data-project=\"project_33\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/86fc5f84-5b5d-4755-a762-79f11bcf52ec-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_33\" data-index=\"2\" data-project=\"project_33\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dccadde7-7a64-4c08-a0c5-ac2778a91d76-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0641\u0646\u062f\u0642 \u0627\u0644\u0639\u0642\u064a\u0642 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_33\";\n        const images = document.querySelectorAll('.main-img.project_33');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_33');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_33 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_33 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_34\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0641\u0646\u062f\u0642 \u0623\u064a\u0648\u0627\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/43ddd4d2-3758-4a1e-8010-b784dd8af34b-768x1024.jpg\" class=\"main-img project_34 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8691b5fd-de6b-43e7-b9ba-e72679ef1f73-768x1024.jpg\" class=\"main-img project_34\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/eeb815a2-eb22-47ac-92b9-d102dd32d10b-768x1024.jpg\" class=\"main-img project_34\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_34\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_34\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_34\">\n                            <div class=\"thumbnail project_34 active\" data-index=\"0\" data-project=\"project_34\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/43ddd4d2-3758-4a1e-8010-b784dd8af34b-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_34\" data-index=\"1\" data-project=\"project_34\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8691b5fd-de6b-43e7-b9ba-e72679ef1f73-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_34\" data-index=\"2\" data-project=\"project_34\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/eeb815a2-eb22-47ac-92b9-d102dd32d10b-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0641\u0646\u062f\u0642 \u0623\u064a\u0648\u0627\u0646 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0643\u0631\u0628\u0644\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_34\";\n        const images = document.querySelectorAll('.main-img.project_34');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_34');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_34 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_34 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_35\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u0637\u0639\u0645 \u0643\u0628\u0627\u0628 \u0627\u0644\u062f\u0627\u0645\u064a\u0627\u0621 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c8d30d47-f1bb-400a-b827-743f2f8d9baa-1024x682.jpg\" class=\"main-img project_35 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f4f5b312-c538-4cf3-91c2-8421f648d380-1024x682.jpg\" class=\"main-img project_35\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_35\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_35\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_35\">\n                            <div class=\"thumbnail project_35 active\" data-index=\"0\" data-project=\"project_35\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c8d30d47-f1bb-400a-b827-743f2f8d9baa-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_35\" data-index=\"1\" data-project=\"project_35\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f4f5b312-c538-4cf3-91c2-8421f648d380-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u0637\u0639\u0645 \u0643\u0628\u0627\u0628 \u0627\u0644\u062f\u0627\u0645\u064a\u0627\u0621 \u0641\u064a \u0628\u063a\u062f\u0627\u062f \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_35\";\n        const images = document.querySelectorAll('.main-img.project_35');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_35');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_35 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_35 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_36\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u062d\u064a \u0627\u0644\u0627\u0637\u0628\u0627\u0621 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/01049966-a144-41d0-919b-d3939c353c7c-1024x682.jpg\" class=\"main-img project_36 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_36\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_36\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_36\">\n                            <div class=\"thumbnail project_36 active\" data-index=\"0\" data-project=\"project_36\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/01049966-a144-41d0-919b-d3939c353c7c-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u062d\u064a \u0627\u0644\u0627\u0637\u0628\u0627\u0621<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_36\";\n        const images = document.querySelectorAll('.main-img.project_36');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_36');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_36 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_36 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_37\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0627\u0644\u062f\u0631\u0648\u064a\u0634 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dc1c2be3-cf0a-4708-a68a-05a183d79c29-1024x682.jpg\" class=\"main-img project_37 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/77dadeb0-c7bd-47a3-b611-9a879b64a938-1024x682.jpg\" class=\"main-img project_37\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c8000f4a-7495-461c-beae-0a4b702bd02f-1024x768.jpg\" class=\"main-img project_37\" data-index=\"2\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_37\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_37\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_37\">\n                            <div class=\"thumbnail project_37 active\" data-index=\"0\" data-project=\"project_37\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dc1c2be3-cf0a-4708-a68a-05a183d79c29-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_37\" data-index=\"1\" data-project=\"project_37\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/77dadeb0-c7bd-47a3-b611-9a879b64a938-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_37\" data-index=\"2\" data-project=\"project_37\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c8000f4a-7495-461c-beae-0a4b702bd02f-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0627\u0644\u062f\u0631\u0648\u064a\u0634  \u0641\u064a \u0628\u063a\u062f\u0627\u062f \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_37\";\n        const images = document.querySelectorAll('.main-img.project_37');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_37');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_37 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_37 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_38\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0646\u0641\u0642 \u0627\u0644\u0634\u0631\u0637\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dad908a5-0a52-470e-b7c6-52c48365e5a3-1024x682.jpg\" class=\"main-img project_38 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_38\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_38\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_38\">\n                            <div class=\"thumbnail project_38 active\" data-index=\"0\" data-project=\"project_38\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dad908a5-0a52-470e-b7c6-52c48365e5a3-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0646\u0641\u0642 \u0627\u0644\u0634\u0631\u0637\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_38\";\n        const images = document.querySelectorAll('.main-img.project_38');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_38');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_38 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_38 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_39\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0627\u0635\u062f <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/708cfa34-8fec-443d-86c7-4b743c6885c0-1024x682.jpg\" class=\"main-img project_39 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_39\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_39\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_39\">\n                            <div class=\"thumbnail project_39 active\" data-index=\"0\" data-project=\"project_39\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/708cfa34-8fec-443d-86c7-4b743c6885c0-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0627\u0635\u062f \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_39\";\n        const images = document.querySelectorAll('.main-img.project_39');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_39');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_39 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_39 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_40\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0641\u0627\u0636\u0644 \u0645\u0627\u0631\u0643\u062a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/fe7189f8-5a1f-4c9d-8d9d-0ff537b1dc46-1024x682.jpg\" class=\"main-img project_40 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_40\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_40\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_40\">\n                            <div class=\"thumbnail project_40 active\" data-index=\"0\" data-project=\"project_40\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/fe7189f8-5a1f-4c9d-8d9d-0ff537b1dc46-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0641\u0627\u0636\u0644 \u0645\u0627\u0631\u0643\u062a  \u0641\u064a \u062d\u064a \u0627\u0644\u0634\u0628\u0627\u0628<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_40\";\n        const images = document.querySelectorAll('.main-img.project_40');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_40');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_40 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_40 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_41\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u062e\u064a\u062a (\u0634\u0627\u0646\u062c\u0627\u0646) <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/746ca4d8-7b7e-45c9-ab18-204123878c4f-1024x682.jpg\" class=\"main-img project_41 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_41\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_41\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_41\">\n                            <div class=\"thumbnail project_41 active\" data-index=\"0\" data-project=\"project_41\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/746ca4d8-7b7e-45c9-ab18-204123878c4f-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u062e\u064a\u062a (\u0634\u0627\u0646\u062c\u0627\u0646) \u0641\u0631\u0639 \u0627\u0644\u062c\u0627\u062f\u0631\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_41\";\n        const images = document.querySelectorAll('.main-img.project_41');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_41');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_41 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_41 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_42\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0623\u063a\u0635\u0627\u0646 \u0627\u0644\u0644\u064a\u0645\u0648\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e7f17018-c888-455d-9b04-e8d55a8a74b8-1024x682.jpg\" class=\"main-img project_42 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_42\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_42\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_42\">\n                            <div class=\"thumbnail project_42 active\" data-index=\"0\" data-project=\"project_42\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e7f17018-c888-455d-9b04-e8d55a8a74b8-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0623\u063a\u0635\u0627\u0646 \u0627\u0644\u0644\u064a\u0645\u0648\u0646 \u0641\u064a \u0634\u0647\u062f\u0627\u0621 \u0627\u0644\u0628\u064a\u0627\u0639<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_42\";\n        const images = document.querySelectorAll('.main-img.project_42');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_42');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_42 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_42 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_43\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0628\u0631\u0627\u0646\u062f \u062a\u0634\u0643\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/38be2f85-12be-40a0-9717-9b0f316e1dbf-1024x682.jpg\" class=\"main-img project_43 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_43\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_43\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_43\">\n                            <div class=\"thumbnail project_43 active\" data-index=\"0\" data-project=\"project_43\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/38be2f85-12be-40a0-9717-9b0f316e1dbf-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0628\u0631\u0627\u0646\u062f \u062a\u0634\u0643\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_43\";\n        const images = document.querySelectorAll('.main-img.project_43');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_43');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_43 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_43 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_44\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/35e3812a-289e-435d-8e32-d32f68cec113-1024x682.jpg\" class=\"main-img project_44 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_44\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_44\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_44\">\n                            <div class=\"thumbnail project_44 active\" data-index=\"0\" data-project=\"project_44\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/35e3812a-289e-435d-8e32-d32f68cec113-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_44\";\n        const images = document.querySelectorAll('.main-img.project_44');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_44');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_44 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_44 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_45\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0643\u0644\u0634\u064a \u0648\u0643\u0644\u0627\u0634\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/5b966316-6ebd-40a5-864c-8ff843fb879b-1024x682.jpg\" class=\"main-img project_45 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_45\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_45\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_45\">\n                            <div class=\"thumbnail project_45 active\" data-index=\"0\" data-project=\"project_45\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/5b966316-6ebd-40a5-864c-8ff843fb879b-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0643\u0644\u0634\u064a \u0648\u0643\u0644\u0627\u0634\u064a \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 &#8211; \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0635\u062e\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_45\";\n        const images = document.querySelectorAll('.main-img.project_45');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_45');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_45 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_45 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_46\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/77cd3ddc-dcb2-44f0-a850-c3744c924955-1024x682.jpg\" class=\"main-img project_46 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_46\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_46\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_46\">\n                            <div class=\"thumbnail project_46 active\" data-index=\"0\" data-project=\"project_46\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/77cd3ddc-dcb2-44f0-a850-c3744c924955-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_46\";\n        const images = document.querySelectorAll('.main-img.project_46');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_46');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_46 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_46 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_47\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/66770286-58e8-4066-b7d0-accba16cb3f4-1024x682.jpg\" class=\"main-img project_47 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_47\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_47\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_47\">\n                            <div class=\"thumbnail project_47 active\" data-index=\"0\" data-project=\"project_47\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/66770286-58e8-4066-b7d0-accba16cb3f4-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_47\";\n        const images = document.querySelectorAll('.main-img.project_47');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_47');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_47 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_47 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_48\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/85304252-41ae-4fde-b83f-fca69c1f2ec9-1024x682.jpg\" class=\"main-img project_48 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_48\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_48\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_48\">\n                            <div class=\"thumbnail project_48 active\" data-index=\"0\" data-project=\"project_48\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/85304252-41ae-4fde-b83f-fca69c1f2ec9-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_48\";\n        const images = document.querySelectorAll('.main-img.project_48');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_48');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_48 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_48 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_49\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/10d18223-2a64-4e76-96e8-3d3e042643a2-768x1024.jpg\" class=\"main-img project_49 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_49\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_49\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_49\">\n                            <div class=\"thumbnail project_49 active\" data-index=\"0\" data-project=\"project_49\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/10d18223-2a64-4e76-96e8-3d3e042643a2-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0635\u0644\u0627\u062d \u0627\u0644\u062f\u064a\u0646 &#8211; \u0642\u0636\u0627\u0621 \u0628\u0644\u062f<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_49\";\n        const images = document.querySelectorAll('.main-img.project_49');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_49');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_49 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_49 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_50\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 &#8211; \u0633\u0627\u062d\u0629 \u0628\u064a\u0631\u0648\u062a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/7c6034ad-9fd1-4afe-890e-f1f4be19166d.jpg\" class=\"main-img project_50 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_50\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_50\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_50\">\n                            <div class=\"thumbnail project_50 active\" data-index=\"0\" data-project=\"project_50\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/7c6034ad-9fd1-4afe-890e-f1f4be19166d.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 &#8211; \u0633\u0627\u062d\u0629 \u0628\u064a\u0631\u0648\u062a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_50\";\n        const images = document.querySelectorAll('.main-img.project_50');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_50');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_50 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_50 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_51\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0648\u0631\u0648\u0643 \u0627\u0644\u0627\u0647\u0644\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/5c5a9d72-ec19-4fcf-8e37-6a8e4962c96c-1024x728.jpg\" class=\"main-img project_51 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6208d141-8b09-4d86-a1e6-5cdb8466450b-1024x474.jpg\" class=\"main-img project_51\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_51\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_51\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_51\">\n                            <div class=\"thumbnail project_51 active\" data-index=\"0\" data-project=\"project_51\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/5c5a9d72-ec19-4fcf-8e37-6a8e4962c96c-1024x728.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_51\" data-index=\"1\" data-project=\"project_51\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6208d141-8b09-4d86-a1e6-5cdb8466450b-1024x474.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0648\u0631\u0648\u0643 \u0627\u0644\u0627\u0647\u0644\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_51\";\n        const images = document.querySelectorAll('.main-img.project_51');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_51');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_51 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_51 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_52\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0627\u0648\u0631\u062c\u064a\u0646\u0627\u0644 \u062c\u0643\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/3e19d04e-958d-4768-be4f-6c5b097d38e5-1024x768.jpg\" class=\"main-img project_52 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b1a80ff4-a46f-42d3-b757-e7c66bf4cbd1-768x1024.jpg\" class=\"main-img project_52\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d7a27c96-f468-47dc-8311-5974c57afea4-1024x768.jpg\" class=\"main-img project_52\" data-index=\"2\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e54d5781-4417-46bb-9beb-34d3f7c2221b-768x1024.jpg\" class=\"main-img project_52\" data-index=\"3\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_52\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_52\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_52\">\n                            <div class=\"thumbnail project_52 active\" data-index=\"0\" data-project=\"project_52\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/3e19d04e-958d-4768-be4f-6c5b097d38e5-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_52\" data-index=\"1\" data-project=\"project_52\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b1a80ff4-a46f-42d3-b757-e7c66bf4cbd1-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_52\" data-index=\"2\" data-project=\"project_52\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d7a27c96-f468-47dc-8311-5974c57afea4-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_52\" data-index=\"3\" data-project=\"project_52\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/e54d5781-4417-46bb-9beb-34d3f7c2221b-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0637\u0639\u0645 \u0627\u0648\u0631\u062c\u064a\u0646\u0627\u0644 \u062c\u0643\u0646 \u0641\u064a \u062d\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_52\";\n        const images = document.querySelectorAll('.main-img.project_52');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_52');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_52 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_52 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_53\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0630\u064a \u0642\u0627\u0631 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/ad173558-37ee-4418-a95f-9a2efa30bd96-1024x768.jpg\" class=\"main-img project_53 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f0d08eed-7dff-4b28-b286-82dd938ac9a4-1024x768.jpg\" class=\"main-img project_53\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_53\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_53\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_53\">\n                            <div class=\"thumbnail project_53 active\" data-index=\"0\" data-project=\"project_53\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/ad173558-37ee-4418-a95f-9a2efa30bd96-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_53\" data-index=\"1\" data-project=\"project_53\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f0d08eed-7dff-4b28-b286-82dd938ac9a4-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0630\u064a \u0642\u0627\u0631<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_53\";\n        const images = document.querySelectorAll('.main-img.project_53');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_53');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_53 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_53 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_54\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u062c\u0645\u0639 \u0637\u0628\u064a \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/02554e3d-2c2d-4706-bcfe-1c029dd70216-1024x768.jpg\" class=\"main-img project_54 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d57f1d87-90a4-4788-a9cd-1c2a0fb48ca0-768x1024.jpg\" class=\"main-img project_54\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_54\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_54\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_54\">\n                            <div class=\"thumbnail project_54 active\" data-index=\"0\" data-project=\"project_54\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/02554e3d-2c2d-4706-bcfe-1c029dd70216-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_54\" data-index=\"1\" data-project=\"project_54\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d57f1d87-90a4-4788-a9cd-1c2a0fb48ca0-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u062c\u0645\u0639 \u0637\u0628\u064a  \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u0634\u0627\u0631\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_54\";\n        const images = document.querySelectorAll('.main-img.project_54');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_54');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_54 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_54 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_55\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/9782fa0a-c723-4bea-af9e-71c52038c3c4-1024x768.jpg\" class=\"main-img project_55 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a915850e-40d4-44fc-a570-209a087d8318-1024x768.jpg\" class=\"main-img project_55\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_55\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_55\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_55\">\n                            <div class=\"thumbnail project_55 active\" data-index=\"0\" data-project=\"project_55\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/9782fa0a-c723-4bea-af9e-71c52038c3c4-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_55\" data-index=\"1\" data-project=\"project_55\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/a915850e-40d4-44fc-a570-209a087d8318-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_55\";\n        const images = document.querySelectorAll('.main-img.project_55');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_55');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_55 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_55 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_56\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b6eddcde-25ce-4de3-8ee5-78755d999aba-768x1024.jpg\" class=\"main-img project_56 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_56\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_56\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_56\">\n                            <div class=\"thumbnail project_56 active\" data-index=\"0\" data-project=\"project_56\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b6eddcde-25ce-4de3-8ee5-78755d999aba-768x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u0642\u0631\u0628 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0628\u0646 \u0627\u0644\u0647\u064a\u062b\u0645<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_56\";\n        const images = document.querySelectorAll('.main-img.project_56');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_56');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_56 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_56 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_57\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dec638b2-3ffe-481f-b345-3e2b5d2b5ee7-1024x682.jpg\" class=\"main-img project_57 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_57\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_57\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_57\">\n                            <div class=\"thumbnail project_57 active\" data-index=\"0\" data-project=\"project_57\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/dec638b2-3ffe-481f-b345-3e2b5d2b5ee7-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u0634\u0627\u0631\u0639 \u0627\u0628\u0648 \u0637\u064a\u0627\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_57\";\n        const images = document.querySelectorAll('.main-img.project_57');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_57');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_57 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_57 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_58\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6205528a-3466-40c8-a69b-3dc4509c5de9-1024x682.jpg\" class=\"main-img project_58 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_58\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_58\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_58\">\n                            <div class=\"thumbnail project_58 active\" data-index=\"0\" data-project=\"project_58\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6205528a-3466-40c8-a69b-3dc4509c5de9-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u0643\u0645\u0628 \u0633\u0627\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_58\";\n        const images = document.querySelectorAll('.main-img.project_58');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_58');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_58 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_58 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_59\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062c\u0645\u0639 \u0645\u0634\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/349b8b09-92ef-462b-99ef-1c29b61b597e-1024x682.jpg\" class=\"main-img project_59 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c152f518-a11d-4de4-8097-48312215f682-768x1024.jpg\" class=\"main-img project_59\" data-index=\"1\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f1ae152d-e280-4a22-bb2f-da8965bb1d99-1024x768.jpg\" class=\"main-img project_59\" data-index=\"2\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/ff4a724c-7477-4bec-a456-c520718a3741-1024x768.jpg\" class=\"main-img project_59\" data-index=\"3\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_59\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_59\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_59\">\n                            <div class=\"thumbnail project_59 active\" data-index=\"0\" data-project=\"project_59\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/349b8b09-92ef-462b-99ef-1c29b61b597e-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_59\" data-index=\"1\" data-project=\"project_59\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c152f518-a11d-4de4-8097-48312215f682-768x1024.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_59\" data-index=\"2\" data-project=\"project_59\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f1ae152d-e280-4a22-bb2f-da8965bb1d99-1024x768.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_59\" data-index=\"3\" data-project=\"project_59\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/ff4a724c-7477-4bec-a456-c520718a3741-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062c\u0645\u0639 \u0645\u0634\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_59\";\n        const images = document.querySelectorAll('.main-img.project_59');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_59');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_59 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_59 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_60\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/628d8d09-3f7a-491c-a2b5-c0bd85a2e8b6-1024x682.jpg\" class=\"main-img project_60 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_60\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_60\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_60\">\n                            <div class=\"thumbnail project_60 active\" data-index=\"0\" data-project=\"project_60\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/628d8d09-3f7a-491c-a2b5-c0bd85a2e8b6-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_60\";\n        const images = document.querySelectorAll('.main-img.project_60');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_60');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_60 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_60 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_61\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f96a40a0-f873-4732-8074-749c27567df9-1024x682.jpg\" class=\"main-img project_61 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_61\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_61\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_61\">\n                            <div class=\"thumbnail project_61 active\" data-index=\"0\" data-project=\"project_61\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/f96a40a0-f873-4732-8074-749c27567df9-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_61\";\n        const images = document.querySelectorAll('.main-img.project_61');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_61');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_61 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_61 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_62\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/be484146-5a9e-41e9-ab3c-c695dae6158e-1024x768.jpg\" class=\"main-img project_62 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_62\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_62\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_62\">\n                            <div class=\"thumbnail project_62 active\" data-index=\"0\" data-project=\"project_62\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/be484146-5a9e-41e9-ab3c-c695dae6158e-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_62\";\n        const images = document.querySelectorAll('.main-img.project_62');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_62');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_62 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_62 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_63\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u062c\u0645\u0639 \u0637\u0628\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/27449579-52ae-4c32-a304-12471626af1f-1024x768.jpg\" class=\"main-img project_63 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_63\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_63\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_63\">\n                            <div class=\"thumbnail project_63 active\" data-index=\"0\" data-project=\"project_63\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/27449579-52ae-4c32-a304-12471626af1f-1024x768.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u062c\u0645\u0639 \u0637\u0628\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u0633\u0627\u062d\u0629 \u0627\u0644\u0648\u0627\u062b\u0642<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_63\";\n        const images = document.querySelectorAll('.main-img.project_63');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_63');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_63 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_63 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_64\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062c\u0645\u0639 \u0645\u0634\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/56ed1cec-e9f6-47e4-8c53-a3d4155ecd68-1024x682.jpg\" class=\"main-img project_64 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_64\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_64\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_64\">\n                            <div class=\"thumbnail project_64 active\" data-index=\"0\" data-project=\"project_64\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/56ed1cec-e9f6-47e4-8c53-a3d4155ecd68-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u062c\u0645\u0639 \u0645\u0634\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_64\";\n        const images = document.querySelectorAll('.main-img.project_64');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_64');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_64 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_64 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_65\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d341b943-0172-43b3-8f2e-4a3291d7c2db-1024x682.jpg\" class=\"main-img project_65 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_65\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_65\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_65\">\n                            <div class=\"thumbnail project_65 active\" data-index=\"0\" data-project=\"project_65\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/d341b943-0172-43b3-8f2e-4a3291d7c2db-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_65\";\n        const images = document.querySelectorAll('.main-img.project_65');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_65');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_65 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_65 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_66\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u062c\u0648\u0647\u0631\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/7f81518b-57d8-44d8-8cab-de373e7747f4-1024x682.jpg\" class=\"main-img project_66 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_66\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_66\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_66\">\n                            <div class=\"thumbnail project_66 active\" data-index=\"0\" data-project=\"project_66\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/7f81518b-57d8-44d8-8cab-de373e7747f4-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u062c\u0648\u0647\u0631\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u062d\u064a \u062f\u062c\u0644\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_66\";\n        const images = document.querySelectorAll('.main-img.project_66');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_66');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_66 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_66 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_67\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b5b019b0-fa12-4b1b-ae78-43f34b2d7485-1024x682.jpg\" class=\"main-img project_67 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_67\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_67\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_67\">\n                            <div class=\"thumbnail project_67 active\" data-index=\"0\" data-project=\"project_67\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b5b019b0-fa12-4b1b-ae78-43f34b2d7485-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0643\u0631\u0627\u062f\u0629 \u062e\u0627\u0631\u062c<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_67\";\n        const images = document.querySelectorAll('.main-img.project_67');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_67');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_67 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_67 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_68\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u062e\u064a\u062a (\u0634\u0627\u0646\u062c\u0627\u0646) <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1983bc2b-7e97-4586-b3f1-0d0bcec105b2-1024x682.jpg\" class=\"main-img project_68 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c2c65c34-b8c6-4140-930e-df08c2fd8e2b-1024x682.jpg\" class=\"main-img project_68\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_68\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_68\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_68\">\n                            <div class=\"thumbnail project_68 active\" data-index=\"0\" data-project=\"project_68\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1983bc2b-7e97-4586-b3f1-0d0bcec105b2-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_68\" data-index=\"1\" data-project=\"project_68\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c2c65c34-b8c6-4140-930e-df08c2fd8e2b-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u062e\u064a\u062a (\u0634\u0627\u0646\u062c\u0627\u0646)  \u0641\u0631\u0639 \u0633\u0631\u064a\u0639 \u0627\u0644\u062f\u0648\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_68\";\n        const images = document.querySelectorAll('.main-img.project_68');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_68');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_68 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_68 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_69\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b3099a78-f58f-4062-9650-7fdbda1307b2-1024x682.jpg\" class=\"main-img project_69 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_69\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_69\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_69\">\n                            <div class=\"thumbnail project_69 active\" data-index=\"0\" data-project=\"project_69\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b3099a78-f58f-4062-9650-7fdbda1307b2-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_69\";\n        const images = document.querySelectorAll('.main-img.project_69');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_69');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_69 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_69 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_70\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u062f\u0648\u062f\u0629 \u0645\u0648\u0644 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/df0f1e62-8570-4de7-8fd3-7cbdccd7ded6-1024x682.jpg\" class=\"main-img project_70 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_70\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_70\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_70\">\n                            <div class=\"thumbnail project_70 active\" data-index=\"0\" data-project=\"project_70\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/df0f1e62-8570-4de7-8fd3-7cbdccd7ded6-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u062f\u0648\u062f\u0629 \u0645\u0648\u0644 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u0635\u0627\u0641\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_70\";\n        const images = document.querySelectorAll('.main-img.project_70');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_70');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_70 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_70 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_71\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062f\u0648\u0644\u064a \u0627\u0644\u0623\u0647\u0644\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/3c7b0937-aeb3-443d-bab7-a855bff78fae-1024x682.jpg\" class=\"main-img project_71 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2156fced-2b74-4d8c-a9c2-c3c139ace57e-1024x682.jpg\" class=\"main-img project_71\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_71\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_71\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_71\">\n                            <div class=\"thumbnail project_71 active\" data-index=\"0\" data-project=\"project_71\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/3c7b0937-aeb3-443d-bab7-a855bff78fae-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_71\" data-index=\"1\" data-project=\"project_71\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2156fced-2b74-4d8c-a9c2-c3c139ace57e-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062f\u0648\u0644\u064a \u0627\u0644\u0623\u0647\u0644\u064a \u0641\u064a \u0627\u0644\u0648\u0632\u064a\u0631\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_71\";\n        const images = document.querySelectorAll('.main-img.project_71');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_71');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_71 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_71 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_72\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0645\u0633\u0628\u062d <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b706b788-4847-41ac-ae5e-ffb78dd04b50-1024x682.jpg\" class=\"main-img project_72 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_72\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_72\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_72\">\n                            <div class=\"thumbnail project_72 active\" data-index=\"0\" data-project=\"project_72\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/b706b788-4847-41ac-ae5e-ffb78dd04b50-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0645\u0633\u0628\u062d<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_72\";\n        const images = document.querySelectorAll('.main-img.project_72');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_72');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_72 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_72 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_73\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0645\u0633\u0628\u062d <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8d132c65-a983-4390-be1d-be6d5068a925-1024x682.jpg\" class=\"main-img project_73 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_73\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_73\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_73\">\n                            <div class=\"thumbnail project_73 active\" data-index=\"0\" data-project=\"project_73\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8d132c65-a983-4390-be1d-be6d5068a925-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629 &#8211; \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0645\u0633\u0628\u062d<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_73\";\n        const images = document.querySelectorAll('.main-img.project_73');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_73');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_73 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_73 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_74\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/3313604c-db61-410e-860a-2fcbcedfd10f-1024x682.jpg\" class=\"main-img project_74 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_74\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_74\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_74\">\n                            <div class=\"thumbnail project_74 active\" data-index=\"0\" data-project=\"project_74\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/3313604c-db61-410e-860a-2fcbcedfd10f-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_74\";\n        const images = document.querySelectorAll('.main-img.project_74');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_74');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_74 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_74 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_75\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c-1024x682.jpg\" class=\"main-img project_75 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_75\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_75\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_75\">\n                            <div class=\"thumbnail project_75 active\" data-index=\"0\" data-project=\"project_75\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/c-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629  \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0627\u0644\u0631\u0628\u064a\u0639\u064a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_75\";\n        const images = document.querySelectorAll('.main-img.project_75');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_75');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_75 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_75 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_76\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0632\u064a\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8bc95503-ce90-4c4e-8461-eef1434400ab-1001x1024.jpg\" class=\"main-img project_76 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_76\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_76\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_76\">\n                            <div class=\"thumbnail project_76 active\" data-index=\"0\" data-project=\"project_76\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8bc95503-ce90-4c4e-8461-eef1434400ab-1001x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0632\u064a\u0631\u064a\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_76\";\n        const images = document.querySelectorAll('.main-img.project_76');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_76');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_76 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_76 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_77\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/bfc19a6e-2418-4854-a770-ce4c54673ce7-1024x682.jpg\" class=\"main-img project_77 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_77\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_77\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_77\">\n                            <div class=\"thumbnail project_77 active\" data-index=\"0\" data-project=\"project_77\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/bfc19a6e-2418-4854-a770-ce4c54673ce7-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0632\u064a\u0648\u0646\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_77\";\n        const images = document.querySelectorAll('.main-img.project_77');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_77');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_77 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_77 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_78\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u064a\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/7703f1bd-fa5a-4946-9e6d-8d3fc2a9c864-1024x682.jpg\" class=\"main-img project_78 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_78\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_78\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_78\">\n                            <div class=\"thumbnail project_78 active\" data-index=\"0\" data-project=\"project_78\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/7703f1bd-fa5a-4946-9e6d-8d3fc2a9c864-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u064a\u0646 \u0641\u064a \u0643\u0631\u0627\u062f\u0629 \u062e\u0627\u0631\u062c \u0644\u0635\u0627\u0644\u062d \u0634\u0631\u0643\u0629 \u0623\u0645\u0627\u0631\u0633\u064a\u0646<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_78\";\n        const images = document.querySelectorAll('.main-img.project_78');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_78');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_78 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_78 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_79\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0647\u062f\u0627\u0621 \u0627\u0644\u0628\u064a\u0627\u0639 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1637969b-49cd-48d2-b916-e2f152265610-1024x682.jpg\" class=\"main-img project_79 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/312dc916-769b-402d-9fde-45d741568326-1024x682.jpg\" class=\"main-img project_79\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_79\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_79\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_79\">\n                            <div class=\"thumbnail project_79 active\" data-index=\"0\" data-project=\"project_79\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/1637969b-49cd-48d2-b916-e2f152265610-1024x682.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_79\" data-index=\"1\" data-project=\"project_79\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/312dc916-769b-402d-9fde-45d741568326-1024x682.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0647\u062f\u0627\u0621 \u0627\u0644\u0628\u064a\u0627\u0639<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_79\";\n        const images = document.querySelectorAll('.main-img.project_79');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_79');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_79 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_79 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_80\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u062c\u0645\u0639 \u0637\u0628\u064a <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/42eca3ed-24c8-477f-be61-98e3d425a804-682x1024.jpg\" class=\"main-img project_80 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_80\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_80\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_80\">\n                            <div class=\"thumbnail project_80 active\" data-index=\"0\" data-project=\"project_80\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/42eca3ed-24c8-477f-be61-98e3d425a804-682x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0645\u062c\u0645\u0639 \u0637\u0628\u064a \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 \u0633\u0627\u062d\u0629 \u0628\u064a\u0631\u0648\u062a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_80\";\n        const images = document.querySelectorAll('.main-img.project_80');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_80');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_80 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_80 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_81\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u062c \u0627\u0644\u0637\u064a\u0627\u0631\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2cdb0454-3b6a-428c-ac66-f20865d7826e-682x1024.jpg\" class=\"main-img project_81 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_81\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_81\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_81\">\n                            <div class=\"thumbnail project_81 active\" data-index=\"0\" data-project=\"project_81\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/2cdb0454-3b6a-428c-ac66-f20865d7826e-682x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u062c \u0627\u0644\u0637\u064a\u0627\u0631\u0629 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u0629 &#8211; \u0634\u0627\u0631\u0639 \u0627\u0628\u0648 \u0637\u064a\u0627\u0631\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_81\";\n        const images = document.querySelectorAll('.main-img.project_81');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_81');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_81 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_81 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_82\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0642\u0627\u0626\u062f <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/33bda0e7-6de6-42fb-8ae8-5874fd8dd9ff-682x1024.jpg\" class=\"main-img project_82 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_82\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_82\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_82\">\n                            <div class=\"thumbnail project_82 active\" data-index=\"0\" data-project=\"project_82\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/33bda0e7-6de6-42fb-8ae8-5874fd8dd9ff-682x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0642\u0627\u0626\u062f \u0641\u064a \u0632\u064a\u0648\u0646\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_82\";\n        const images = document.querySelectorAll('.main-img.project_82');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_82');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_82 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_82 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_83\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/0a601436-e202-42d1-a998-23a6a3d9d7b0.jpg\" class=\"main-img project_83 active\" data-index=\"0\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_83\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_83\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_83\">\n                            <div class=\"thumbnail project_83 active\" data-index=\"0\" data-project=\"project_83\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/0a601436-e202-42d1-a998-23a6a3d9d7b0.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0634\u0627\u0631\u0639 \u0641\u0644\u0633\u0637\u064a\u0646 \u0633\u0627\u062d\u0629 \u0628\u064a\u0631\u0648\u062a<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_83\";\n        const images = document.querySelectorAll('.main-img.project_83');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_83');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_83 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_83 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \n    <div class=\"project-view-container\" id=\"project_84\">\n        <h1 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 <i class=\"fas fa-home\"><\/i><\/h1>\n\n        <div class=\"main-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8a30c9e0-2e40-4b53-90ee-7990e9383b75.jpg\" class=\"main-img project_84 active\" data-index=\"0\" alt=\"\">\n                            <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6820cd70-1d9e-4a9d-81e8-9ecb66f87036-655x1024.jpg\" class=\"main-img project_84\" data-index=\"1\" alt=\"\">\n                        <div class=\"nav-arrow left\" data-project=\"project_84\">&#10094;<\/div>\n            <div class=\"nav-arrow right\" data-project=\"project_84\">&#10095;<\/div>\n        <\/div>\n\n        <div class=\"thumbnails-container\" id=\"thumbnails-project_84\">\n                            <div class=\"thumbnail project_84 active\" data-index=\"0\" data-project=\"project_84\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/8a30c9e0-2e40-4b53-90ee-7990e9383b75.jpg\" alt=\"\">\n                <\/div>\n                            <div class=\"thumbnail project_84\" data-index=\"1\" data-project=\"project_84\">\n                    <img decoding=\"async\" src=\"https:\/\/nukhbat-aliabtikar.com.iq\/wp-content\/uploads\/2025\/06\/6820cd70-1d9e-4a9d-81e8-9ecb66f87036-655x1024.jpg\" alt=\"\">\n                <\/div>\n                    <\/div>\n\n        <div class=\"project-details-label\"><i class=\"fas fa-info-circle\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n        <div class=\"project-description\"><p>\u0645\u0634\u0631\u0648\u0639 \u062a\u063a\u0644\u064a\u0641 \u0648\u0627\u062c\u0647\u0629 \u0628\u0646\u0627\u064a\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0643\u0631\u0627\u062f\u0629<\/p>\n<\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const projectId = \"project_84\";\n        const images = document.querySelectorAll('.main-img.project_84');\n        const thumbnails = document.querySelectorAll('.thumbnail.project_84');\n        let currentIndex = 0;\n        let autoSlideInterval;\n\n        function showImage(index) {\n            if (index < 0) index = images.length - 1;\n            if (index >= images.length) index = 0;\n\n            images.forEach((img, i) => {\n                img.classList.remove('active');\n                thumbnails[i].classList.remove('active');\n                if (i === index) {\n                    img.classList.add('active');\n                    thumbnails[i].classList.add('active');\n                }\n            });\n\n            currentIndex = index;\n        }\n\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(() => {\n                showImage(currentIndex + 1);\n            }, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        document.querySelector('#project_84 .nav-arrow.left').addEventListener('click', () => {\n            showImage(currentIndex - 1);\n            resetAutoSlide();\n        });\n\n        document.querySelector('#project_84 .nav-arrow.right').addEventListener('click', () => {\n            showImage(currentIndex + 1);\n            resetAutoSlide();\n        });\n\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', () => {\n                const idx = parseInt(thumb.getAttribute('data-index'));\n                showImage(idx);\n                resetAutoSlide();\n            });\n        });\n\n        showImage(currentIndex);\n        startAutoSlide();\n    })();\n    <\/script>\n\n    \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1853","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/pages\/1853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/comments?post=1853"}],"version-history":[{"count":51,"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/pages\/1853\/revisions"}],"predecessor-version":[{"id":2652,"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/pages\/1853\/revisions\/2652"}],"wp:attachment":[{"href":"https:\/\/nukhbat-aliabtikar.com.iq\/en\/wp-json\/wp\/v2\/media?parent=1853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}