{"id":4833,"date":"2026-04-22T14:10:09","date_gmt":"2026-04-22T10:10:09","guid":{"rendered":"https:\/\/edm.gov.om\/?page_id=4833"},"modified":"2026-06-12T22:22:49","modified_gmt":"2026-06-12T18:22:49","slug":"2026-3","status":"publish","type":"page","link":"https:\/\/edm.gov.om\/?page_id=4833","title":{"rendered":"\u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0645\u0632\u0627\u064a\u062f\u0627\u062a \u0628\u0644\u062f\u064a\u0629 \u0638\u0641\u0627\u0631 2026<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Arabic:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Noto Sans Arabic', sans-serif; background-color: #f8fafc; color: #334155; overflow-x: hidden; }\n        \n        .brand-gradient-text { background: linear-gradient(90deg, #ec4899 0%, #06b6d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n        \n        .tenders-slider {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            gap: 1.25rem;\n            padding: 1rem 0;\n        }\n        .tenders-slider::-webkit-scrollbar { display: none; }\n        \n        \/* \u0636\u0628\u0637 \u062a\u062c\u0627\u0648\u0628 \u0627\u0644\u0643\u0631\u0648\u062a \u0644\u0639\u0631\u0636 3 \u0648\u0646\u0635\u0641 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 *\/\n        .tender-card {\n            flex: 0 0 82%; \/* \u0644\u0644\u062c\u0648\u0627\u0644: \u0643\u0627\u0631\u062a \u0648\u0627\u062d\u062f \u0648\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u062b\u0627\u0646\u064a *\/\n            scroll-snap-align: start;\n        }\n        \n        @media (min-width: 640px) {\n            .tender-card {\n                flex: 0 0 46%; \/* \u0644\u0644\u062a\u0627\u0628\u0644\u062a: \u0643\u0627\u0631\u062a\u064a\u0646 \u0648\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u062b\u0627\u0644\u062b *\/\n            }\n        }\n        \n        @media (min-width: 1024px) {\n            .tender-card {\n                flex: 0 0 27.5%; \/* \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629: 3 \u0643\u0631\u0648\u062a \u0643\u0627\u0645\u0644\u0629 \u0648\u0646\u0635\u0641 \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0631\u0627\u0628\u0639 *\/\n            }\n        }\n\n        \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062c\u062f\u064a\u062f \u0628\u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n        .card-bg-wrapper {\n            position: relative;\n            border-radius: 1.5rem;\n            overflow: hidden;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            background: white;\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\n        }\n\n        .card-image-header {\n            height: 230px; \/* \u062a\u0645 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0637\u0648\u0644 \u0628\u0645\u0642\u062f\u0627\u0631 \u0633\u0637\u0631 *\/\n            position: relative;\n            background-size: cover;\n            background-position: center;\n        }\n\n        .card-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to bottom, rgba(15, 23, 42, 0.85) 0%, rgba(255, 255, 255, 0) 100%);\n        }\n\n        \/* \u0627\u0644\u0637\u0628\u0642\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0640 \"\u0639\u0648\u062f\u0629 \u0627\u0644\u0645\u0627\u0636\u064a\" \u0644\u0636\u0645\u0627\u0646 \u0642\u0631\u0627\u0621\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0644\u0644\u0646\u0635 *\/\n        .dark-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);\n        }\n\n        .card-content {\n            padding: 1.5rem;\n            position: relative;\n            z-index: 10;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            margin-top: -120px; \/* \u0633\u062d\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0644\u0644\u0623\u0639\u0644\u0649 \u0644\u064a\u063a\u0637\u064a \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n        }\n\n        .dot { height: 8px; width: 8px; background-color: #cbd5e1; border-radius: 50%; display: inline-block; transition: all 0.3s; }\n        .dot.active { width: 24px; border-radius: 4px; background-color: #ec4899; }\n\n        .tab-btn { transition: all 0.3s; border-bottom: 3px solid transparent; color: #64748b; white-space: nowrap; }\n        .tab-btn.active { color: #ec4899; border-bottom-color: #ec4899; font-weight: 900; }\n\n        .btn-brand { background: linear-gradient(90deg, #ec4899 0%, #06b6d4 100%); transition: all 0.3s; }\n        .btn-brand.disabled { background: #cbd5e1; cursor: not-allowed; pointer-events: none; opacity: 0.6; }\n        \n        .status-badge { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); color: white; border: 1px solid rgba(255, 255, 255, 0.3); }\n        .price-box { background: rgba(6, 182, 212, 0.05); border: 1px solid rgba(6, 182, 212, 0.1); }\n        .no-scrollbar::-webkit-scrollbar { display: none; }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-6 lg:p-8\">\n\n    <!-- \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u0639\u0631\u0636 \u0643\u0627\u0645\u0644 100% -->\n    <div class=\"w-full space-y-6\">\n        <!-- Header -->\n        <header class=\"text-center space-y-2 mb-4\">\n            <div class=\"flex justify-center gap-4 mb-4\">\n               <img decoding=\"async\" src=\"https:\/\/edm.gov.om\/wp-content\/uploads\/2022\/02\/sky-line@4x-2048x296.png\" alt=\"\u0628\u0644\u062f\u064a\u0629 \u0638\u0641\u0627\u0631\" class=\"h-20 object-contain\">\n            <\/div>\n            <h1 class=\"text-3xl md:text-4xl font-black text-gray-900 brand-gradient-text\">\u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0628\u0644\u062f\u064a\u0629 \u0638\u0641\u0627\u0631<\/h1>\n        <\/header>\n\n        <!-- Tabs Navigation -->\n        <nav class=\"flex overflow-x-auto border-b border-gray-200 sticky top-0 bg-white z-20 px-4 shadow-sm no-scrollbar\">\n            <button onclick=\"scrollToCard(0)\" class=\"tab-btn active py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 9-2026<\/button>\n            <button onclick=\"scrollToCard(1)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 10-2026<\/button>\n            <button onclick=\"scrollToCard(2)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 11-2026<\/button>\n            <button onclick=\"scrollToCard(3)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 3-2026<\/button>\n            <button onclick=\"scrollToCard(4)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 4-2026<\/button>\n            <button onclick=\"scrollToCard(5)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 5-2026<\/button>\n            <button onclick=\"scrollToCard(6)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 6-2026<\/button>\n            <button onclick=\"scrollToCard(7)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 7-2026<\/button>\n            <button onclick=\"scrollToCard(8)\" class=\"tab-btn py-4 px-6 text-xs md:text-sm font-bold\">\u0645\u0632\u0627\u064a\u062f\u0629 8-2026<\/button>\n        <\/nav>\n\n        <!-- Main Slider Container with navigation arrows -->\n        <div class=\"relative group px-2\">\n            \n            <!-- Right Arrow (Previous Card - point to the right in RTL) -->\n            <button onclick=\"navigateSlider(-1)\" class=\"absolute right-4 top-1\/2 -translate-y-1\/2 z-30 bg-white\/90 hover:bg-white text-gray-800 p-3 rounded-full shadow-lg transition-all focus:outline-none focus:ring-2 focus:ring-pink-500 hover:scale-110 active:scale-95 flex items-center justify-center border border-gray-100\" aria-label=\"\u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 5l7 7-7 7\" \/>\n                <\/svg>\n            <\/button>\n\n            <!-- Left Arrow (Next Card - point to the left in RTL) -->\n            <button onclick=\"navigateSlider(1)\" class=\"absolute left-4 top-1\/2 -translate-y-1\/2 z-30 bg-white\/90 hover:bg-white text-gray-800 p-3 rounded-full shadow-lg transition-all focus:outline-none focus:ring-2 focus:ring-pink-500 hover:scale-110 active:scale-95 flex items-center justify-center border border-gray-100\" aria-label=\"\u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M15 19l-7-7 7-7\" \/>\n                <\/svg>\n            <\/button>\n\n            <!-- Main Slider -->\n            <div class=\"tenders-slider\" id=\"slider\">\n                \n                <!-- Tender 9-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcShfzbbggGCegG5wJUn5joJzcURsO8rNHhurA&#038;s');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 9-2026<\/div>\n                            <h3 class=\"text-base font-black text-white mb-8 leading-tight\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u0646\u0634\u0637\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u0645\u0648\u0642\u0639 \u0633\u0627\u062d\u0629 \u0627\u062a\u064a\u0646 (\u0627\u062a\u064a\u0646 \u0633\u0643\u0648\u064a\u0631)<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u062a\u062c\u0647\u064a\u0632 \u0648\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0627\u0646\u0634\u0637\u0629 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 (\u0627\u0644\u0645\u0637\u0627\u0639\u0645 &#8211; \u0627\u0644\u0645\u0642\u0627\u0647\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 &#8211; \u0627\u0644\u0634\u0627\u064a \u0648\u0627\u0644\u0645\u0639\u062c\u0646\u0627\u062a &#8211; \u0627\u0644\u0639\u0635\u0627\u0626\u0631 \u0627\u0644\u0637\u0627\u0632\u062c\u0629 &#8211; \u0628\u064a\u0639 \u0627\u0644\u0630\u0631\u0629 &#8211; \u0628\u064a\u0639 \u0627\u0644\u0628\u0637\u0627\u0637\u0633 \u0627\u0644\u0645\u0642\u0644\u064a\u0629 &#8211; \u0628\u064a\u0639 \u0627\u0644\u0645\u062d\u0627\u0634\u064a &#8211; \u0628\u064a\u0639 \u0627\u0644\u0648\u0631\u062f \u0648\u0627\u0644\u0634\u0648\u0643\u0644\u0627\u062a\u0647).<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">15-6-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>16-6-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 10-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcR9uZqJ7Qd3ATmPDxisAqvHCLHbCFs4OY07Pw&#038;s');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 10-2026<\/div>\n                            <h3 class=\"text-base font-black text-white mb-8 leading-tight\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u0646\u0634\u0637\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u0645\u0648\u0642\u0639 \u0648\u0642\u062a \u0627\u0644\u0637\u0641\u0644 (\u062d\u062f\u064a\u0642\u0629 \u0639\u0648\u0642\u062f)<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0641\u0631\u0635\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u0646\u0634\u0637\u0629 \u062a\u0631\u0641\u064a\u0647\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u0645\u0648\u0642\u0639 \u0648\u0642\u062a \u0627\u0644\u0637\u0641\u0644 \u0641\u064a \u062d\u062f\u064a\u0642\u0629 \u0639\u0648\u0642\u062f.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">15-6-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>16-6-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 11-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcRIlve1Zqet3z5WJL3UYFgeXceqFuAQbkAvHQ&#038;s');\">\n                            <!-- \u062a\u0645 \u062a\u0637\u0628\u064a\u0642 overlay \u0627\u0633\u0648\u062f \u062f\u0627\u0643\u0646 \u0648\u0648\u0627\u0636\u062d \u0647\u0646\u0627 \u0644\u062a\u062d\u0633\u064a\u0646 \u0648\u0636\u0648\u062d \u0648\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u062a -->\n                            <div class=\"dark-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 11-2026<\/div>\n                            <h3 class=\"text-base font-black text-white mb-8 leading-tight\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u0646\u0634\u0637\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u0645\u0648\u0642\u0639 \u0639\u0648\u062f\u0629 \u0627\u0644\u0645\u0627\u0636\u064a &#8211; \u0627\u0644\u0633\u0639\u0627\u062f\u0629<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0641\u0631\u0635\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u0646\u0634\u0637\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u0631\u0627\u062b\u064a\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u0645\u0648\u0642\u0639 \u0639\u0648\u062f\u0629 \u0627\u0644\u0645\u0627\u0636\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0633\u0639\u0627\u062f\u0629.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">15-6-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>16-6-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 3-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1544620347-c4fd4a3d5957?q=80&#038;w=800&#038;auto=format&#038;fit=crop');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 3-2026<\/div>\n                            <h3 class=\"text-xl font-black text-white mb-8 leading-tight\">\u062a\u0637\u0648\u064a\u0631 \u0645\u062d\u0637\u0627\u062a \u0627\u0646\u062a\u0638\u0627\u0631 \u0631\u0643\u0627\u0628 \u062d\u0627\u0641\u0644\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0639\u0627\u0645<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u062d\u0637\u0627\u062a \u0631\u0643\u0627\u0628 \u062d\u0627\u0641\u0644\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0639\u0627\u0645 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u0638\u0641\u0627\u0631 \u0644\u062a\u0639\u0632\u064a\u0632 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0643\u0631\u0627\u0633\u0629:<\/span> <span class=\"font-bold\">17 \u0645\u0627\u064a\u0648 2026<\/span><\/div>\n                                    <div class=\"flex justify-between\"><span>\u062a\u0627\u0631\u064a\u062e \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639:<\/span> <span class=\"font-bold\">21 \u0645\u0627\u064a\u0648 2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a:<\/span> <span class=\"font-bold\">24 \u0645\u0627\u064a\u0648 2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>27 \u0645\u0627\u064a\u0648 2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 4-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/www.image2url.com\/r2\/default\/images\/1778918771038-8ddeb61d-b1e6-4b2a-b9ab-7560e9ffc41d.png');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 4-2026<\/div>\n                            <h3 class=\"text-x font-black text-white mb-8 leading-tight\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0631\u0643\u064a\u0628 \u0648\u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0635\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0648\u0634\u0627\u0634\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u0638\u0641\u0627\u0631<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a \u0645\u0648\u0627\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-950\">100 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">28-5-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>14-6-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 5-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQUHd3BUy0ftAcOM3XwFk0dK3wBzD1AQy947Q&#038;s');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 5-2026<\/div>\n                            <h3 class=\"text-xl font-black text-white mb-8 leading-tight\">\u0645\u0632\u0627\u064a\u062f\u0629 \u0628\u064a\u0639 \u062b\u0645\u0627\u0631 \u0623\u0634\u062c\u0627\u0631 \u0627\u0644\u0646\u0627\u0631\u062c\u064a\u0644<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0628\u064a\u0639 \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0645\u062d\u0635\u0648\u0644 \u062b\u0645\u0627\u0631 \u0627\u0644\u0646\u0627\u0631\u062c\u064a\u0644 \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0628\u0644\u062f\u064a\u0629 \u0638\u0641\u0627\u0631 \u0644\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u0642\u0627\u062f\u0645.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">28-5-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>14-6-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 6-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/imgs.search.brave.com\/gouuR5dIoTrcyTevoKEQd2ly6HcazJKMz6EtGqAEE8Q\/rs:fit:500:0:1:0\/g:ce\/aHR0cHM6Ly93d3cu\/ZG9oYW9hc2lzLmNv\/bS93cC1jb250ZW50\/L3VwbG9hZHMvMjAy\/Mi8wMS8zLTEwMjR4\/NTc2LmpwZw');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 6-2026<\/div>\n                            <h3 class=\"text-xl font-black text-white mb-8 leading-tight\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a\u0629<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a\u0629 (\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0647\u0648\u0627\u0626\u064a\u0629) \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0645\u0648\u0633\u0645 \u062e\u0631\u064a\u0641 \u0638\u0641\u0627\u0631 2026\u0645.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">21-5-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>25-5-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 7-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1501339847302-ac426a4a7cbb?q=80&#038;w=800&#038;auto=format&#038;fit=crop');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 7-2026<\/div>\n                            <h3 class=\"text-xl font-black text-white mb-8 leading-tight\">\u062a\u062c\u0647\u064a\u0632 \u0648\u062a\u0634\u063a\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0642\u0647\u0649 \u0628\u0645\u0628\u0646\u0649 \u0627\u0644\u0628\u0644\u062f\u064a\u0629<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0641\u0631\u0635\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0644\u062a\u0634\u063a\u064a\u0644 \u0645\u0642\u0647\u0649 \u062d\u062f\u064a\u062b \u0628\u0645\u0628\u0646\u0649 \u0627\u0644\u0628\u0644\u062f\u064a\u0629.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">21-5-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>25-5-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tender 8-2026 -->\n                <div class=\"tender-card\">\n                    <div class=\"card-bg-wrapper\">\n                        <div class=\"card-image-header\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?q=80&#038;w=800&#038;auto=format&#038;fit=crop');\">\n                            <div class=\"card-overlay\"><\/div>\n                        <\/div>\n                        <div class=\"card-content\">\n                            <div class=\"status-badge inline-block px-3 py-1 rounded-full text-[10px] font-bold w-fit mb-3\">\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 8-2026<\/div>\n                            <h3 class=\"text-xl font-black text-white mb-8 leading-tight\">\u062a\u062c\u0647\u064a\u0632 \u0648\u062a\u0634\u063a\u064a\u0644 \u0645\u0643\u062a\u0628 \u0633\u0646\u062f \u0644\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\n                            <div class=\"bg-white rounded-2xl p-4 shadow-sm flex-grow\">\n                                <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">\u0625\u062f\u0627\u0631\u0629 \u0645\u0643\u062a\u0628 \u0633\u0646\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629.<\/p>\n                                <div class=\"price-box p-3 rounded-xl mb-4\">\n                                    <div class=\"text-[10px] text-cyan-700 font-bold uppercase\">\u0645\u0628\u0644\u063a \u0627\u0644\u0634\u0631\u0627\u0621<\/div>\n                                    <div class=\"text-xl font-black text-cyan-900\">25 \u0631.\u0639<\/div>\n                                <\/div>\n                                <div class=\"space-y-2 text-[11px] bg-gray-50 p-3 rounded-xl\">\n                                    <div class=\"flex justify-between text-pink-600\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a:<\/span> <span class=\"font-bold\">21-5-2026<\/span><\/div>\n                                    <div class=\"flex justify-between text-cyan-700 font-bold\"><span>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a:<\/span> <span>25-5-2026<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- Scroll Dots -->\n        <div class=\"flex justify-center gap-2 py-2\" id=\"dotsContainer\">\n            <div class=\"dot active\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n            <div class=\"dot\"><\/div>\n        <\/div>\n\n        <!-- Fixed Footer Section -->\n        <div class=\"space-y-6 pt-4 border-t border-gray-100 pb-12 px-4\">\n            <!-- \u0642\u0633\u0645 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 -->\n            <section class=\"bg-slate-900 text-white rounded-2xl p-6 shadow-lg border border-slate-800 space-y-4\">\n                <h4 class=\"text-sm font-bold text-cyan-400 mb-2 flex items-center gap-2\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                    <\/svg>\n                    \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n                <\/h4>\n                \n                <div class=\"space-y-4 text-xs md:text-sm leading-relaxed text-slate-300\">\n                    <!-- \u0627\u0644\u0646\u0642\u0637\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 -->\n                    <div class=\"flex items-start gap-3\">\n                        <div class=\"mt-0.5 p-1 bg-cyan-950\/50 rounded-lg text-cyan-400\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <p>\u064a\u0634\u062a\u0631\u0637 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0630\u0627\u062a \u062e\u0628\u0631\u0629 \u0641\u064a \u0646\u0641\u0633 \u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629\u060c \u0648\u0630\u0644\u0643 \u0648\u0641\u0642 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0641\u064a \u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629.<\/p>\n                    <\/div>\n\n                    <!-- \u0627\u0644\u0646\u0642\u0637\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 -->\n                    <div class=\"flex items-start gap-3\">\n                        <div class=\"mt-0.5 p-1 bg-cyan-950\/50 rounded-lg text-cyan-400\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" \/>\n                            <\/svg>\n                        <\/div>\n                        <p>\u064a\u062c\u0628 \u0648\u0636\u0639 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a \u0641\u064a \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0645\u0646\u0627\u0642\u0635\u0627\u062a \u0628\u062f\u0627\u0626\u0631\u0629 \u0645\u0633\u062d \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0628\u0627\u0644\u062f\u0648\u0631 \u0627\u0644\u0631\u0627\u0628\u0639\u060c \u0648\u0630\u0644\u0643 \u0642\u0628\u0644 \u0627\u0644\u0633\u0627\u0639\u0629 \u0627\u0644\u0639\u0627\u0634\u0631\u0629 \u0635\u0628\u0627\u062d\u064b\u0627 \u0645\u0646 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u062d\u062f\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a\u060c \u0648\u0644\u0646 \u064a\u064f\u0639\u062a\u062f \u0628\u0623\u064a \u0639\u0637\u0627\u0621 \u064a\u0631\u062f \u0628\u0639\u062f \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062d\u062f\u062f \u0645\u0647\u0645\u0627 \u0643\u0627\u0646\u062a \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631.<\/p>\n                    <\/div>\n\n                    <!-- \u0627\u0644\u0646\u0642\u0637\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 -->\n                    <div class=\"flex items-start gap-3\">\n                        <div class=\"mt-0.5 p-1 bg-cyan-950\/50 rounded-lg text-cyan-400\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\n                            <\/svg>\n                        <\/div>\n                        <p>\u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0639\u0637\u0627\u0621 \u0645\u0648\u0642\u0639\u064b\u0627 \u0648\u0645\u062e\u062a\u0648\u0645\u064b\u0627 \u0628\u0627\u0644\u0634\u0645\u0639 \u0627\u0644\u0623\u062d\u0645\u0631 \u0648\u0645\u0639\u0646\u0648\u0646\u064b\u0627 \u0628\u0627\u0633\u0645 \u0633\u0639\u0627\u062f\u0629 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\/ \u0631\u0626\u064a\u0633 \u0644\u062c\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0642\u0635\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0628\u0627\u0644\u0628\u0644\u062f\u064a\u0629\u060c \u0645\u0639 \u0643\u062a\u0627\u0628\u0629 \u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0638\u0631\u0641 \u0645\u0646 \u0627\u0644\u062e\u0627\u0631\u062c\u060c \u0648\u0623\u0644\u0627 \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u0638\u0631\u0641 \u0627\u0633\u0645 \u0645\u0642\u062f\u0645 \u0627\u0644\u0639\u0637\u0627\u0621 \u0623\u0648 \u0645\u0627 \u064a\u062f\u0644 \u0639\u0644\u064a\u0647.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0636\u0627\u0641 \u062a\u062d\u062a \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0628\u0625\u0628\u0631\u0627\u0632 \u0645\u0645\u062a\u0627\u0632 -->\n                <div class=\"pt-5 border-t border-slate-800 text-center\">\n                    <div class=\"inline-flex flex-col sm:flex-row items-center justify-center gap-3 bg-slate-800\/80 px-6 py-4 rounded-xl border border-slate-700\/60 shadow-inner w-full sm:w-auto\">\n                        <span class=\"text-xs sm:text-sm text-slate-300 font-medium\">\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:<\/span>\n                        <a href=\"mailto:tenders@dm.gov.om\" style=\"color: #ffffff !important;\" class=\"text-sm sm:text-base text-cyan-400 hover:text-cyan-300 hover:underline font-black tracking-wider transition-all bg-slate-950 px-4 py-2 rounded-lg border border-cyan-500\/40 shadow-sm\">\n                            tenders@dm.gov.om\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <div class=\"bg-white rounded-3xl p-6 border-2 border-dashed border-gray-200 text-center space-y-4\">\n                <label class=\"flex items-center justify-center gap-3 cursor-pointer\">\n                    <input type=\"checkbox\" id=\"agreeCheckbox\" class=\"w-6 h-6 accent-pink-600\">\n                    <span class=\"text-sm font-bold text-gray-700\">\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a<\/span>\n                <\/label>\n                <a id=\"submitBtn\" href=\"https:\/\/main.edm.gov.om\/sso\/default.aspx?returnUrl=https:\/\/apps.edm.gov.om\/ords\/f?p=192:7:::::P7_GUID:\" class=\"btn-brand disabled w-full py-4 text-white font-black text-lg rounded-xl shadow-xl flex items-center justify-center\">\n                   \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0648\u0634\u0631\u0627\u0621 \u0643\u0631\u0627\u0633\u0629 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629 \n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const slider = document.getElementById('slider');\n        const dots = document.querySelectorAll('.dot');\n        const tabs = document.querySelectorAll('.tab-btn');\n        const checkbox = document.getElementById('agreeCheckbox');\n        const submitBtn = document.getElementById('submitBtn');\n\n        function scrollToCard(index) {\n            const cardWidth = slider.querySelector('.tender-card').offsetWidth + 20; \/\/ 20px is gap (1.25rem)\n            slider.scrollTo({ left: -(index * cardWidth), behavior: 'smooth' });\n        }\n\n        \/\/ Navigation arrows helper\n        function getCurrentIndex() {\n            const cardWidth = slider.querySelector('.tender-card').offsetWidth + 20;\n            const scrollPos = Math.abs(slider.scrollLeft);\n            return Math.round(scrollPos \/ cardWidth);\n        }\n\n        function navigateSlider(direction) {\n            const currentIndex = getCurrentIndex();\n            const totalCards = tabs.length; \/\/ 9 cards total\n            let nextIndex = currentIndex + direction;\n            if (nextIndex < 0) nextIndex = 0;\n            if (nextIndex >= totalCards) nextIndex = totalCards - 1;\n            scrollToCard(nextIndex);\n        }\n\n        slider.addEventListener('scroll', () => {\n            const cardWidth = slider.querySelector('.tender-card').offsetWidth + 20;\n            const scrollPos = Math.abs(slider.scrollLeft);\n            const index = Math.round(scrollPos \/ cardWidth);\n            \n            dots.forEach((dot, i) => {\n                if (i === index) dot.classList.add('active');\n                else dot.classList.remove('active');\n            });\n\n            tabs.forEach((tab, i) => {\n                if (i === index) {\n                    tab.classList.add('active');\n                    tab.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n                }\n                else tab.classList.remove('active');\n            });\n        });\n\n        checkbox.addEventListener('change', function() {\n            if (this.checked) {\n                submitBtn.classList.remove('disabled');\n            } else {\n                submitBtn.classList.add('disabled');\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0632\u0627\u064a\u062f\u0627\u062a \u0628\u0644\u062f\u064a\u0629 \u0638\u0641\u0627\u0631 2026 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0628\u0644\u062f\u064a\u0629 \u0638\u0641\u0627\u0631 \u0645\u0632\u0627\u064a\u062f\u0629 9-2026 \u0645\u0632\u0627\u064a\u062f\u0629 10-2026 \u0645\u0632\u0627\u064a\u062f\u0629 11-2026 \u0645\u0632\u0627\u064a\u062f\u0629 3-2026 \u0645\u0632\u0627\u064a\u062f\u0629 4-2026 \u0645\u0632\u0627\u064a\u062f\u0629 5-2026 \u0645\u0632\u0627\u064a\u062f\u0629 6-2026 \u0645\u0632\u0627\u064a\u062f\u0629 7-2026 \u0645\u0632\u0627\u064a\u062f\u0629 8-2026 \u0631\u0642\u0645 \u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629: 9-2026 \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0623\u0646\u0634\u0637\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u0645\u0648\u0642\u0639 \u0633\u0627\u062d\u0629 \u0627\u062a\u064a\u0646 (\u0627\u062a\u064a\u0646 \u0633\u0643\u0648\u064a\u0631) \u062a\u062c\u0647\u064a\u0632 \u0648\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0627\u0646\u0634\u0637\u0629 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 (\u0627\u0644\u0645\u0637\u0627\u0639\u0645 &#8211; \u0627\u0644\u0645\u0642\u0627\u0647\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 &#8211; \u0627\u0644\u0634\u0627\u064a \u0648\u0627\u0644\u0645\u0639\u062c\u0646\u0627\u062a &#8211; \u0627\u0644\u0639\u0635\u0627\u0626\u0631 \u0627\u0644\u0637\u0627\u0632\u062c\u0629 &#8211; \u0628\u064a\u0639 &hellip;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false},"_links":{"self":[{"href":"https:\/\/edm.gov.om\/index.php?rest_route=\/wp\/v2\/pages\/4833"}],"collection":[{"href":"https:\/\/edm.gov.om\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edm.gov.om\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edm.gov.om\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/edm.gov.om\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4833"}],"version-history":[{"count":15,"href":"https:\/\/edm.gov.om\/index.php?rest_route=\/wp\/v2\/pages\/4833\/revisions"}],"predecessor-version":[{"id":4876,"href":"https:\/\/edm.gov.om\/index.php?rest_route=\/wp\/v2\/pages\/4833\/revisions\/4876"}],"wp:attachment":[{"href":"https:\/\/edm.gov.om\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}