{"id":805,"date":"2024-02-18T05:33:21","date_gmt":"2024-02-18T05:33:21","guid":{"rendered":"https:\/\/blueshirtskw.com\/?page_id=805"},"modified":"2026-03-25T11:25:37","modified_gmt":"2026-03-25T11:25:37","slug":"archive","status":"publish","type":"page","link":"https:\/\/blueshirtskw.com\/ar\/archive\/","title":{"rendered":"Archive"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\n\n\nModern Arabic Menu<\/title>\n<style>\n*{margin:0;padding:0;box-sizing:border-box;}\nbody{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);min-height:100vh;margin:0;padding:0;overflow-x:hidden;}\n.header-menu{width:100%;position:fixed;top:0;left:0;z-index:1000;transition:transform 0.32s cubic-bezier(.2,.8,.2,1),opacity 0.32s ease;will-change:transform,opacity;}\n.header-menu.hidden{transform:translateY(-100%);opacity:0;pointer-events:none;}\n.menu-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 40px;background:rgb(16 56 122);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:none;border-bottom:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(255,255,255,0.2);position:relative;}\n.menu-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:transparent;}\n.logo-container{display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;cursor:pointer;opacity:0;transform:translateX(50px);animation:slideInLogo 0.8s ease forwards;margin-right:20px;}\n@keyframes slideInLogo{to{opacity:1;transform:translateX(0);}}\n.logo-container:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,0.3);}\n.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#1672b8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:white;box-shadow:0 4px 15px rgba(102,126,234,0.4);}\n.logo-text{display:flex;flex-direction:column;line-height:1.2;}\n.logo-text .brand-name{font-size:23px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.1);}\n.logo-text .brand-tagline{font-size:18px;color:rgba(255,255,255,0.8);font-weight:500;}\n.menu-nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;flex:1;}\n\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\n.menu-item-wrapper{position:relative;opacity:0;transform:translateY(-30px);animation:slideInMenuItem 0.6s ease forwards;}\n.menu-item-wrapper:nth-child(1){animation-delay:0.2s;}\n.menu-item-wrapper:nth-child(2){animation-delay:0.3s;}\n.menu-item-wrapper:nth-child(3){animation-delay:0.4s;}\n.menu-item-wrapper:nth-child(4){animation-delay:0.5s;}\n.menu-item-wrapper:nth-child(5){animation-delay:0.6s;}\n.menu-item-wrapper:nth-child(6){animation-delay:0.7s;}\n\n.menu-item{position:relative;padding:12px 24px;color:#fff;text-decoration:none;font-weight:600;font-size:16px;border-radius:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:visible;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,0.1);display:inline-block;cursor:pointer;}\n\n@keyframes slideInMenuItem{to{opacity:1;transform:translateY(0);}}\n.menu-item::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.5s,height 0.5s;z-index:-1;pointer-events:none;}\n.menu-item:hover{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,255,255,0.1);}\n.menu-item:hover::before{width:300px;height:300px;}\n.menu-item.cta{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.5);color:#fff;box-shadow:0 8px 20px rgba(255,255,255,0.2);animation:slideInMenuItem 0.6s ease forwards,pulse 2s ease infinite;animation-delay:0.6s,1.4s;}\n.menu-item.cta::before{background:rgba(255,255,255,0.3);}\n@keyframes pulse{0%,100%{transform:scale(1) translateY(0);box-shadow:0 8px 20px rgba(255,255,255,0.2);}50%{transform:scale(1.05) translateY(0);box-shadow:0 12px 30px rgba(255,255,255,0.3);}}\n.menu-item.cta:hover{background:rgba(255,255,255,0.35);box-shadow:0 12px 30px rgba(255,255,255,0.4);}\n\n\/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u0647\u0645 \u0644\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\n.menu-item.has-dropdown::after{content:'\u25bc';font-size:10px;margin-right:8px;transition:transform 0.3s ease;pointer-events:none;}\n.menu-item-wrapper:hover .menu-item.has-dropdown::after,.menu-item-wrapper.active .menu-item.has-dropdown::after{transform:rotate(180deg);}\n\n\/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\n.dropdown-menu{position:absolute;top:100%;right:0;background:rgb(16 56 122);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-top:8px;padding:8px 0;border:1px solid rgba(255,255,255,0.5);}\n.menu-item-wrapper:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}\n.dropdown-item{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-weight:500;font-size:15px;transition:all 0.2s ease;border-right:3px solid transparent;}\n.dropdown-item:hover{background:rgba(255,255,255,0.2);color:#fff;border-right-color:#fff;padding-right:25px;}\n\n.logo-end{width:120px;height:65px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all 0.3s ease;cursor:pointer;opacity:0;transform:translateX(-50px);animation:slideInLogoEnd 0.8s ease forwards;animation-delay:0.8s;padding:8px;margin-left:20px;}\n@keyframes slideInLogoEnd{to{opacity:1;transform:translateX(0);}}\n.logo-end:hover{background:rgba(255,255,255,1);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,0.4);}\n.logo-end img{width:100%;height:100%;object-fit:contain;}\n.logo-end-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:bold;color:white;}\n\n.live-indicator{display:inline-block;width:8px;height:8px;background:#ff4444;border-radius:50%;margin-left:8px;animation:blink 1.5s ease infinite;}\n@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}\n\n.menu-toggle{\ndisplay:none;\nalign-items:center;\njustify-content:center;\nwidth:50px;\nheight:50px;\nbackground:linear-gradient(135deg,#667eea,#764ba2);\nborder-radius:50%;\ncursor:pointer;\nposition:relative;\ntransition:all 0.4s ease;\nbox-shadow:0 4px 15px rgba(0,0,0,0.2);\nborder:none;\n}\n.menu-toggle span{\ndisplay:block;\nwidth:24px;\nheight:3px;\nbackground:white;\nborder-radius:3px;\nposition:absolute;\nleft:50%;\ntransform:translateX(-50%);\ntransition:all 0.4s ease;\n}\n.menu-toggle span:nth-child(1){top:12px;}\n.menu-toggle span:nth-child(2){top:50%;transform:translate(-50%,-50%);}\n.menu-toggle span:nth-child(3){bottom:12px;}\n.menu-toggle.active span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);top:50%;}\n.menu-toggle.active span:nth-child(2){opacity:0;}\n.menu-toggle.active span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg);bottom:50%;}\n\n.menu-overlay{\ndisplay:none;\nposition:fixed;\ntop:0;\nleft:0;\nwidth:100%;\nheight:100%;\nbackground:rgba(0,0,0,0.5);\nz-index:998;\nopacity:0;\ntransition:opacity 0.3s ease;\n}\n.menu-overlay.active{\ndisplay:block;\nopacity:1;\n}\n\n.content{\nmargin-top:100px;\npadding:40px 20px;\ntext-align:center;\n}\n.content h1{\ncolor:#1976d2;\nfont-size:36px;\nmargin-bottom:20px;\n}\n.content p{\ncolor:#424242;\nfont-size:18px;\nline-height:1.8;\nmax-width:800px;\nmargin:0 auto 30px;\n}\n.demo-section{\nbackground:rgba(255,255,255,0.8);\nbackdrop-filter:blur(10px);\nborder-radius:20px;\npadding:40px;\nmargin:20px auto;\nmax-width:900px;\nbox-shadow:0 10px 30px rgba(0,0,0,0.1);\n}\n\n@media(max-width:768px){\n.menu-toggle{display:flex;}\n.logo-end{width:90px;height:50px;padding:5px;}\n.logo-container{margin-right:10px;padding:6px 12px;}\n.logo-icon{width:40px;height:40px;font-size:20px;}\n.logo-text .brand-name{font-size:18px;}\n.menu-container{padding:12px 20px;gap:15px;}\n\n\/* \u062a\u0639\u0637\u064a\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n.menu-item::before{\n display:none;\n}\n.menu-item:hover::before{\n display:none;\n}\n\n.menu-nav{\nposition:fixed;\ntop:0;\nright:0;\nwidth:280px;\nheight:100vh;\nheight:100dvh;\nflex-direction:column;\nbackground:rgba(255,255,255,0.15);\nbackdrop-filter:blur(30px) saturate(180%);\n-webkit-backdrop-filter:blur(30px) saturate(180%);\nborder-left:1px solid rgba(255,255,255,0.3);\nbox-shadow:-5px 0 30px rgba(0,0,0,0.2);\ntransform:translateX(100%);\ntransition:transform 0.4s cubic-bezier(0.4,0,0.2,1);\npadding:80px 20px 20px;\ngap:15px;\noverflow-y:auto;\n-webkit-overflow-scrolling:touch;\nz-index:999;\n}\n.menu-nav.active{transform:translateX(0);}\n\n.menu-item-wrapper{\nwidth:100%;\nopacity:0;\ntransform:translateX(50px);\n}\n.menu-item{\nwidth:100%;\ntext-align:center;\npadding:15px 20px;\ntouch-action:manipulation;\n-webkit-tap-highlight-color:transparent;\n}\n\n.menu-nav.active .menu-item-wrapper{animation:slideInMenuItemMobile 0.4s ease forwards;}\n.menu-nav.active .menu-item-wrapper:nth-child(1){animation-delay:0.1s;}\n.menu-nav.active .menu-item-wrapper:nth-child(2){animation-delay:0.15s;}\n.menu-nav.active .menu-item-wrapper:nth-child(3){animation-delay:0.2s;}\n.menu-nav.active .menu-item-wrapper:nth-child(4){animation-delay:0.25s;}\n.menu-nav.active .menu-item-wrapper:nth-child(5){animation-delay:0.3s;}\n.menu-nav.active .menu-item-wrapper:nth-child(6){animation-delay:0.35s;}\n@keyframes slideInMenuItemMobile{to{opacity:1;transform:translateX(0);}}\n\n\/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n.dropdown-menu{\nposition:static;\nwidth:100%;\nmargin-top:5px;\nmax-height:0;\noverflow:hidden;\nopacity:0;\nvisibility:visible;\ntransform:none;\ntransition:max-height 0.4s ease,opacity 0.3s ease,padding 0.3s ease;\npadding:0;\nbackground:rgba(255,255,255,0.1);\nbackdrop-filter:blur(10px);\n}\n.menu-item-wrapper.active .dropdown-menu{\nmax-height:600px;\nopacity:1;\npadding:8px 0;\n}\n.dropdown-item{\ntext-align:center;\npadding:12px 15px;\nfont-size:14px;\ncolor:#fff;\nbackground:transparent;\nborder-right:none;\nborder-bottom:1px solid rgba(255,255,255,0.1);\ntouch-action:manipulation;\n-webkit-tap-highlight-color:transparent;\n}\n.dropdown-item:last-child{\nborder-bottom:none;\n}\n.dropdown-item:hover,.dropdown-item:active{\nbackground:rgba(255,255,255,0.2);\ncolor:#fff;\npadding-right:15px;\n}\n\n.content{margin-top:80px;padding:20px 15px;}\n.content h1{font-size:28px;}\n.content p{font-size:16px;}\n.demo-section{padding:20px;}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"header-menu\">\n <nav class=\"menu-container\">\n <div class=\"logo-container\">\n <div class=\"logo-icon\">B<\/div>\n <div class=\"logo-text\">\n <span class=\"brand-name\">\u0628\u0644\u0648 \u0634\u064a\u0631\u062a<\/span>\n <span class=\"brand-tagline\"><\/span>\n <\/div>\n <\/div>\n\n <button class=\"menu-toggle\" aria-label=\"Toggle Menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n\n <div class=\"menu-nav\" id=\"menuNav\">\n <div class=\"menu-item-wrapper\">\n <a href=\"https:\/\/blueshirtskw.com\/\" class=\"menu-item\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n <\/div>\n \n <div class=\"menu-item-wrapper\">\n <a href=\"https:\/\/blueshirtskw.com\/live-3\/\" class=\"menu-item\">\u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631 <span class=\"live-indicator\"><\/span><\/a>\n <\/div>\n \n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u0635\u0629 \u0645\u0639 7 \u062e\u064a\u0627\u0631\u0627\u062a -->\n <div class=\"menu-item-wrapper\" data-dropdown=\"content\">\n <span class=\"menu-item has-dropdown\">\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u0635\u0629<\/span>\n <div class=\"dropdown-menu\">\n <a href=\"https:\/\/blueshirtskw.com\/sport-news\/\" class=\"dropdown-item\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/sports-federations\/\" class=\"dropdown-item\">\u0627\u0644\u0627\u062a\u062d\u0627\u062f\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0647<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/%D8%A7%D9%84%D9%86%D9%88%D8%A7%D8%AF%D9%8A\/\" class=\"dropdown-item\">\u0627\u0644\u0646\u0648\u0627\u062f\u064a<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/youth-centres\/\" class=\"dropdown-item\">\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0634\u0628\u0627\u0628<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/olympic-committee\/\" class=\"dropdown-item\">\u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a\u0629<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/paralympic-committee\/\" class=\"dropdown-item\">\u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0628\u0627\u0631\u0627\u0644\u0645\u0628\u064a\u0629<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/archive\/\" class=\"dropdown-item\">\u0627\u0644\u0631\u064a\u0627\u0636\u0647 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a<\/a>\n <\/div>\n <\/div>\n \n <!-- \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0645\u0639 \u062e\u064a\u0627\u0631\u064a\u0646 -->\n <div class=\"menu-item-wrapper\" data-dropdown=\"stores\">\n <span class=\"menu-item has-dropdown\">\u0627\u0644\u0645\u062a\u0627\u062c\u0631<\/span>\n <div class=\"dropdown-menu\">\n <a href=\"https:\/\/blueshirtskw.com\/blue-store\/\" class=\"dropdown-item\">\u0628\u0644\u0648 \u0633\u062a\u0648\u0631<\/a>\n <a href=\"https:\/\/blueshirtskw.com\/blue-stock\/\" class=\"dropdown-item\">\u0628\u0644\u0648 \u0633\u062a\u0648\u0643<\/a>\n <\/div>\n <\/div>\n \n <div class=\"menu-item-wrapper\">\n <a href=\"https:\/\/blueshirtskw.com\/%d8%a7%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84\/\" class=\"menu-item cta\">\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n \n <div class=\"menu-item-wrapper\">\n <a href=\"https:\/\/blueshirtskw.com\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84%d9%88-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"menu-item\">\u062a\u0648\u0627\u0635\u0644\u0648\u0627 \u0645\u0639\u0646\u0627<\/a>\n <\/div>\n <\/div>\n\n <div class=\"logo-end\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/blueshirtskw.com\/wp-content\/uploads\/2024\/01\/Artboard-1%40300x-8.png?w=800&ssl=1\" alt=\"Logo\">\n <\/div>\n <\/nav>\n<\/div>\n\n<div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n\n\n\n<script>\n(function(){\n const header=document.querySelector('.header-menu');\n const menuNav=document.getElementById('menuNav');\n const menuToggle=document.querySelector('.menu-toggle');\n const menuOverlay=document.getElementById('menuOverlay');\n const dropdownWrappers=document.querySelectorAll('.menu-item-wrapper[data-dropdown]');\n\n let lastScroll=window.pageYOffset||document.documentElement.scrollTop;\n let ticking=false;\n let downThreshold=20;\n let minToHide=80;\n let isHidden=false;\n\n function onScroll(){\n if(window.innerWidth <= 768 && menuNav.classList.contains('active')){\n return;\n }\n \n const current=window.pageYOffset||document.documentElement.scrollTop;\n if(!ticking){\n window.requestAnimationFrame(()=>{\n const delta=current-lastScroll;\n if(Math.abs(delta)>downThreshold){\n if(delta>0&¤t>minToHide){\n if(!isHidden){\n header.classList.add('hidden');\n isHidden=true;\n }\n }\n else if(delta<0){\n if(isHidden){\n header.classList.remove('hidden');\n isHidden=false;\n }\n }\n }\n lastScroll=current<=0?0:current;\n ticking=false;\n });\n ticking=true;\n }\n }\n \n window.addEventListener('scroll',onScroll,{passive:true});\n\n function openMenu(){\n menuNav.classList.add('active');\n menuToggle.classList.add('active');\n menuOverlay.classList.add('active');\n if(window.innerWidth <= 768){\n document.body.style.overflow='hidden';\n document.body.style.position='fixed';\n document.body.style.width='100%';\n }\n }\n \n function closeMenu(){\n menuNav.classList.remove('active');\n menuToggle.classList.remove('active');\n menuOverlay.classList.remove('active');\n document.body.style.overflow='';\n document.body.style.position='';\n document.body.style.width='';\n closeAllDropdowns();\n }\n\n function closeAllDropdowns(){\n dropdownWrappers.forEach(wrapper=>{\n wrapper.classList.remove('active');\n });\n }\n\n function toggleDropdown(wrapper){\n const isCurrentlyActive = wrapper.classList.contains('active');\n closeAllDropdowns();\n if(!isCurrentlyActive){\n wrapper.classList.add('active');\n }\n }\n\n menuToggle.addEventListener('click',function(e){\n e.stopPropagation();\n e.preventDefault();\n menuNav.classList.contains('active')?closeMenu():openMenu();\n });\n \n menuOverlay.addEventListener('click',function(e){\n e.preventDefault();\n closeMenu();\n });\n\n document.querySelectorAll('.menu-item:not(.has-dropdown)').forEach(item=>{\n item.addEventListener('click',function(e){\n if(window.innerWidth<=768){\n closeMenu();\n }\n });\n });\n \n dropdownWrappers.forEach(wrapper=>{\n const dropdownTrigger = wrapper.querySelector('.menu-item.has-dropdown');\n \n dropdownTrigger.addEventListener('click',function(e){\n e.preventDefault();\n e.stopPropagation();\n \n if(window.innerWidth <= 768){\n toggleDropdown(wrapper);\n }\n });\n \n \/\/ \u0645\u0646\u0639 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\n if(window.innerWidth <= 768){\n dropdownTrigger.addEventListener('touchstart',function(e){\n e.stopPropagation();\n },{passive:true});\n }\n });\n \n document.querySelectorAll('.dropdown-item').forEach(item=>{\n item.addEventListener('click',function(e){\n if(window.innerWidth<=768){\n setTimeout(()=>{\n closeMenu();\n },100);\n }\n });\n });\n \n let resizeTimer;\n window.addEventListener('resize',function(){\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(()=>{\n if(window.innerWidth>768){\n if(menuNav.classList.contains('active')){\n closeMenu();\n }\n closeAllDropdowns();\n }\n },250);\n });\n})();\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\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<div class=\"elementor-element elementor-element-dd07009 e-flex e-con-boxed e-con e-parent\" data-id=\"dd07009\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-464673e elementor-widget elementor-widget-shortcode\" data-id=\"464673e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"ar\" dir=\"rtl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n font-family: 'Cairo', sans-serif;\n }\n\n .gradient-bg {\n background: #10387a;\n }\n\n .card {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.1) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .card:hover {\n transform: translateY(-12px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n\n .card:hover::before {\n opacity: 1;\n }\n\n .icon-container {\n transition: transform 0.4s ease;\n }\n\n .card:hover .icon-container {\n transform: scale(1.1) rotate(5deg);\n }\n\n .page-container {\n background: linear-gradient(to bottom, #f0f9ff 0%, #ffffff 100%);\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n\n .float-animation {\n animation: float 6s ease-in-out infinite;\n }\n\n .section-divider {\n height: 4px;\n background: linear-gradient(90deg, transparent, #3b82f6, transparent);\n margin: 3rem 0;\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full w-full\">\n <div class=\"page-container w-full h-full overflow-auto\"><!-- Hero Section -->\n <header class=\"gradient-bg text-white py-16 px-6 text-center relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10\">\n <svg class=\"w-full h-full\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\"><defs>\n <pattern id=\"grid\" width=\"10\" height=\"10\" patternunits=\"userSpaceOnUse\">\n <path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\" \/>\n <\/pattern>\n <\/defs> <rect width=\"100\" height=\"100\" fill=\"url(#grid)\" \/>\n <\/svg>\n <\/div>\n <div class=\"relative z-10 max-w-4xl mx-auto\">\n <div class=\"float-animation inline-block mb-6\">\n <svg class=\"w-20 h-20 mx-auto\" viewbox=\"0 0 100 100\" fill=\"none\"><circle cx=\"50\" cy=\"50\" r=\"45\" stroke=\"white\" stroke-width=\"3\" fill=\"rgba(255,255,255,0.1)\" \/> <path d=\"M30 50 L45 35 L55 45 L70 30\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/> <circle cx=\"30\" cy=\"50\" r=\"4\" fill=\"white\" \/> <circle cx=\"45\" cy=\"35\" r=\"4\" fill=\"white\" \/> <circle cx=\"55\" cy=\"45\" r=\"4\" fill=\"white\" \/> <circle cx=\"70\" cy=\"30\" r=\"4\" fill=\"white\" \/>\n <\/svg>\n <\/div>\n <h1 id=\"main-title\" class=\"text-5xl md:text-6xl font-bold mb-4 tracking-tight\">\u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629<\/h1>\n <p id=\"subtitle\" class=\"text-xl md:text-2xl opacity-90 font-semibold\">\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u064a \u0644\u0644\u0643\u0648\u064a\u062a<\/p>\n <\/div>\n <\/header><!-- Main Content -->\n <main class=\"max-w-7xl mx-auto px-6 py-12\"><!-- Libraries Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16\"><!-- Photo Library --> <a href=\"#photo-library\" class=\"card bg-white rounded-2xl shadow-lg p-8 cursor-pointer block\">\n <div class=\"icon-container mb-6\">\n <svg class=\"w-16 h-16 mx-auto\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"15\" y=\"25\" width=\"70\" height=\"50\" rx=\"5\" fill=\"#3b82f6\" opacity=\"0.2\" \/> <rect x=\"20\" y=\"30\" width=\"60\" height=\"40\" rx=\"3\" fill=\"#3b82f6\" \/> <circle cx=\"40\" cy=\"45\" r=\"8\" fill=\"white\" \/> <path d=\"M55 55 L65 45 L75 55 L75 65 L25 65 L25 55 L35 45 L45 55\" fill=\"white\" \/>\n <\/svg>\n <\/div><h2 id=\"photo-library-title\" class=\"text-2xl font-bold text-gray-800 mb-3 text-center\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629<\/h2><p id=\"photo-library-desc\" class=\"text-gray-600 text-center leading-relaxed\">\u062a\u0636\u0645 \u0643\u0644 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0648\u062b\u064a\u0642 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0648\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0642\u062f\u064a\u0645\u0629<\/p><\/a> <!-- Video Library --> <a href=\"#video-library\" class=\"card bg-white rounded-2xl shadow-lg p-8 cursor-pointer block\">\n <div class=\"icon-container mb-6\">\n <svg class=\"w-16 h-16 mx-auto\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"15\" y=\"25\" width=\"70\" height=\"50\" rx=\"5\" fill=\"#06b6d4\" opacity=\"0.2\" \/> <rect x=\"20\" y=\"30\" width=\"60\" height=\"40\" rx=\"3\" fill=\"#06b6d4\" \/> <path d=\"M45 40 L45 60 L65 50 Z\" fill=\"white\" \/>\n <\/svg>\n <\/div><h2 id=\"video-library-title\" class=\"text-2xl font-bold text-gray-800 mb-3 text-center\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0623\u0641\u0644\u0627\u0645<\/h2><p id=\"video-library-desc\" class=\"text-gray-600 text-center leading-relaxed\">\u062a\u0636\u0645 \u0643\u0644 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0630\u0644\u0643 \u0644\u062a\u0648\u062b\u064a\u0642 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0648\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0623\u0641\u0644\u0627\u0645 \u0627\u0644\u0642\u062f\u064a\u0645\u0629<\/p><\/a> <!-- Laws Library --> <a href=\"#laws-library\" class=\"card bg-white rounded-2xl shadow-lg p-8 cursor-pointer block\">\n <div class=\"icon-container mb-6\">\n <svg class=\"w-16 h-16 mx-auto\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"25\" y=\"15\" width=\"50\" height=\"70\" rx=\"3\" fill=\"#8b5cf6\" opacity=\"0.2\" \/> <rect x=\"30\" y=\"20\" width=\"40\" height=\"60\" rx=\"2\" fill=\"#8b5cf6\" \/> <line x1=\"40\" y1=\"35\" x2=\"60\" y2=\"35\" stroke=\"white\" stroke-width=\"2.5\" \/> <line x1=\"40\" y1=\"45\" x2=\"60\" y2=\"45\" stroke=\"white\" stroke-width=\"2.5\" \/> <line x1=\"40\" y1=\"55\" x2=\"60\" y2=\"55\" stroke=\"white\" stroke-width=\"2.5\" \/> <line x1=\"40\" y1=\"65\" x2=\"55\" y2=\"65\" stroke=\"white\" stroke-width=\"2.5\" \/>\n <\/svg>\n <\/div><h2 id=\"laws-library-title\" class=\"text-2xl font-bold text-gray-800 mb-3 text-center\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h2><p id=\"laws-library-desc\" class=\"text-gray-600 text-center leading-relaxed\">\u0645\u0643\u062a\u0628\u0629 \u062a\u0636\u0645 \u0634\u0631\u062d \u0644\u0643\u0644 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a\u0629 \u0648\u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0643\u0644 \u0644\u0639\u0628\u0629<\/p><\/a> <!-- Archive Library --> <a href=\"#archive\" class=\"card bg-white rounded-2xl shadow-lg p-8 cursor-pointer block\">\n <div class=\"icon-container mb-6\">\n <svg class=\"w-16 h-16 mx-auto\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"20\" y=\"25\" width=\"60\" height=\"50\" rx=\"3\" fill=\"#f59e0b\" opacity=\"0.2\" \/> <rect x=\"15\" y=\"20\" width=\"70\" height=\"12\" rx=\"3\" fill=\"#f59e0b\" \/> <rect x=\"25\" y=\"37\" width=\"50\" height=\"35\" rx=\"2\" fill=\"#f59e0b\" \/> <rect x=\"32\" y=\"45\" width=\"36\" height=\"3\" fill=\"white\" \/> <rect x=\"32\" y=\"52\" width=\"30\" height=\"3\" fill=\"white\" \/> <rect x=\"32\" y=\"59\" width=\"36\" height=\"3\" fill=\"white\" \/>\n <\/svg>\n <\/div><h2 id=\"archive-title\" class=\"text-2xl font-bold text-gray-800 mb-3 text-center\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0631\u064a\u0627\u0636\u064a<\/h2><p id=\"archive-desc\" class=\"text-gray-600 text-center leading-relaxed\">\u0642\u0633\u0645 \u062e\u0627\u0635 \u064a\u0636\u0645 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0648\u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0639\u0635\u0648\u0631<\/p><\/a>\n <\/div>\n <\/main><!-- Library Pages (Hidden by default) -->\n <div id=\"photo-library-page\" class=\"hidden w-full h-full overflow-auto page-container\">\n <div class=\"max-w-6xl mx-auto px-6 py-12\"><button onclick=\"showMainPage()\" class=\"mb-8 bg-blue-600 text-white px-6 py-3 rounded-lg font-bold hover:bg-blue-700 transition-colors\">\u2190 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/button>\n <h1 class=\"text-4xl font-bold text-gray-800 mb-6\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629<\/h1>\n <div class=\"bg-white rounded-2xl shadow-lg p-12 text-center\">\n <svg class=\"w-32 h-32 mx-auto mb-6 opacity-30\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"15\" y=\"25\" width=\"70\" height=\"50\" rx=\"5\" fill=\"#3b82f6\" opacity=\"0.3\" \/> <rect x=\"20\" y=\"30\" width=\"60\" height=\"40\" rx=\"3\" stroke=\"#3b82f6\" stroke-width=\"2\" fill=\"none\" \/>\n <\/svg>\n <p class=\"text-2xl text-gray-500 font-semibold\">\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0642\u064a\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/p>\n <p class=\"text-gray-400 mt-4\">\u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0631\u064a\u0628\u0627\u064b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"video-library-page\" class=\"hidden w-full h-full overflow-auto page-container\">\n <div class=\"max-w-6xl mx-auto px-6 py-12\"><button onclick=\"showMainPage()\" class=\"mb-8 bg-cyan-600 text-white px-6 py-3 rounded-lg font-bold hover:bg-cyan-700 transition-colors\">\u2190 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/button>\n <h1 class=\"text-4xl font-bold text-gray-800 mb-6\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0623\u0641\u0644\u0627\u0645<\/h1>\n <div class=\"bg-white rounded-2xl shadow-lg p-12 text-center\">\n <svg class=\"w-32 h-32 mx-auto mb-6 opacity-30\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"15\" y=\"25\" width=\"70\" height=\"50\" rx=\"5\" fill=\"#06b6d4\" opacity=\"0.3\" \/> <rect x=\"20\" y=\"30\" width=\"60\" height=\"40\" rx=\"3\" stroke=\"#06b6d4\" stroke-width=\"2\" fill=\"none\" \/>\n <\/svg>\n <p class=\"text-2xl text-gray-500 font-semibold\">\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0642\u064a\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/p>\n <p class=\"text-gray-400 mt-4\">\u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0631\u064a\u0628\u0627\u064b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"laws-library-page\" class=\"hidden w-full h-full overflow-auto page-container\">\n <div class=\"max-w-6xl mx-auto px-6 py-12\"><button onclick=\"showMainPage()\" class=\"mb-8 bg-purple-600 text-white px-6 py-3 rounded-lg font-bold hover:bg-purple-700 transition-colors\">\u2190 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/button>\n <h1 class=\"text-4xl font-bold text-gray-800 mb-6\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h1>\n <div class=\"bg-white rounded-2xl shadow-lg p-12 text-center\">\n <svg class=\"w-32 h-32 mx-auto mb-6 opacity-30\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"25\" y=\"15\" width=\"50\" height=\"70\" rx=\"3\" fill=\"#8b5cf6\" opacity=\"0.3\" \/> <rect x=\"30\" y=\"20\" width=\"40\" height=\"60\" rx=\"2\" stroke=\"#8b5cf6\" stroke-width=\"2\" fill=\"none\" \/>\n <\/svg>\n <p class=\"text-2xl text-gray-500 font-semibold\">\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0642\u064a\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/p>\n <p class=\"text-gray-400 mt-4\">\u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0631\u064a\u0628\u0627\u064b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"archive-page\" class=\"hidden w-full h-full overflow-auto page-container\">\n <div class=\"max-w-6xl mx-auto px-6 py-12\"><button onclick=\"showMainPage()\" class=\"mb-8 bg-orange-600 text-white px-6 py-3 rounded-lg font-bold hover:bg-orange-700 transition-colors\">\u2190 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/button>\n <h1 class=\"text-4xl font-bold text-gray-800 mb-6\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0631\u064a\u0627\u0636\u064a<\/h1>\n <div class=\"bg-white rounded-2xl shadow-lg p-12 text-center\">\n <svg class=\"w-32 h-32 mx-auto mb-6 opacity-30\" viewbox=\"0 0 100 100\" fill=\"none\"><rect x=\"20\" y=\"25\" width=\"60\" height=\"50\" rx=\"3\" fill=\"#f59e0b\" opacity=\"0.3\" \/> <rect x=\"25\" y=\"30\" width=\"50\" height=\"40\" rx=\"2\" stroke=\"#f59e0b\" stroke-width=\"2\" fill=\"none\" \/>\n <\/svg>\n <p class=\"text-2xl text-gray-500 font-semibold\">\u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0642\u064a\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/p>\n <p class=\"text-gray-400 mt-4\">\u0633\u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0631\u064a\u0628\u0627\u064b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: \"\u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629\",\n subtitle: \"\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u064a \u0644\u0644\u0643\u0648\u064a\u062a\",\n photo_library_title: \"\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629\",\n photo_library_desc: \"\u062a\u0636\u0645 \u0643\u0644 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0648\u062b\u064a\u0642 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0648\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0642\u062f\u064a\u0645\u0629\",\n video_library_title: \"\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0623\u0641\u0644\u0627\u0645\",\n video_library_desc: \"\u062a\u0636\u0645 \u0643\u0644 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0630\u0644\u0643 \u0644\u062a\u0648\u062b\u064a\u0642 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0648\u062a\u0631\u0645\u064a\u0645 \u0627\u0644\u0623\u0641\u0644\u0627\u0645 \u0627\u0644\u0642\u062f\u064a\u0645\u0629\",\n laws_library_title: \"\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\",\n laws_library_desc: \"\u0645\u0643\u062a\u0628\u0629 \u062a\u0636\u0645 \u0634\u0631\u062d \u0644\u0643\u0644 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a\u0629 \u0648\u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0643\u0644 \u0644\u0639\u0628\u0629\",\n archive_title: \"\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\",\n archive_desc: \"\u0642\u0633\u0645 \u062e\u0627\u0635 \u064a\u0636\u0645 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0648\u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0639\u0635\u0648\u0631\",\n background_color: \"#10387a\",\n card_background: \"#ffffff\",\n text_color: \"#1f2937\",\n primary_action: \"#3b82f6\",\n accent_color: \"#06b6d4\"\n };\n\n function showMainPage() {\n document.querySelectorAll('[id$=\"-page\"]').forEach(page => {\n page.classList.add('hidden');\n });\n document.querySelector('.page-container').classList.remove('hidden');\n window.location.hash = '';\n }\n\n function showPage(pageId) {\n document.querySelector('.page-container').classList.add('hidden');\n document.querySelectorAll('[id$=\"-page\"]').forEach(page => {\n page.classList.add('hidden');\n });\n document.getElementById(pageId).classList.remove('hidden');\n }\n\n \/\/ Handle hash navigation\n function handleHashChange() {\n const hash = window.location.hash;\n if (hash === '#photo-library') {\n showPage('photo-library-page');\n } else if (hash === '#video-library') {\n showPage('video-library-page');\n } else if (hash === '#laws-library') {\n showPage('laws-library-page');\n } else if (hash === '#archive') {\n showPage('archive-page');\n } else {\n showMainPage();\n }\n }\n\n window.addEventListener('hashchange', handleHashChange);\n handleHashChange();\n\n async function onConfigChange(config) {\n const mainTitle = document.getElementById('main-title');\n const subtitle = document.getElementById('subtitle');\n const photoLibraryTitle = document.getElementById('photo-library-title');\n const photoLibraryDesc = document.getElementById('photo-library-desc');\n const videoLibraryTitle = document.getElementById('video-library-title');\n const videoLibraryDesc = document.getElementById('video-library-desc');\n const lawsLibraryTitle = document.getElementById('laws-library-title');\n const lawsLibraryDesc = document.getElementById('laws-library-desc');\n const archiveTitle = document.getElementById('archive-title');\n const archiveDesc = document.getElementById('archive-desc');\n\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n photoLibraryTitle.textContent = config.photo_library_title || defaultConfig.photo_library_title;\n photoLibraryDesc.textContent = config.photo_library_desc || defaultConfig.photo_library_desc;\n videoLibraryTitle.textContent = config.video_library_title || defaultConfig.video_library_title;\n videoLibraryDesc.textContent = config.video_library_desc || defaultConfig.video_library_desc;\n lawsLibraryTitle.textContent = config.laws_library_title || defaultConfig.laws_library_title;\n lawsLibraryDesc.textContent = config.laws_library_desc || defaultConfig.laws_library_desc;\n archiveTitle.textContent = config.archive_title || defaultConfig.archive_title;\n archiveDesc.textContent = config.archive_desc || defaultConfig.archive_desc;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig: defaultConfig,\n onConfigChange: onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n }),\n mapToEditPanelValues: (config) => new Map([\n [\"main_title\", config.main_title || defaultConfig.main_title],\n [\"subtitle\", config.subtitle || defaultConfig.subtitle],\n [\"photo_library_title\", config.photo_library_title || defaultConfig.photo_library_title],\n [\"photo_library_desc\", config.photo_library_desc || defaultConfig.photo_library_desc],\n [\"video_library_title\", config.video_library_title || defaultConfig.video_library_title],\n [\"video_library_desc\", config.video_library_desc || defaultConfig.video_library_desc],\n [\"laws_library_title\", config.laws_library_title || defaultConfig.laws_library_title],\n [\"laws_library_desc\", config.laws_library_desc || defaultConfig.laws_library_desc],\n [\"archive_title\", config.archive_title || defaultConfig.archive_title],\n [\"archive_desc\", config.archive_desc || defaultConfig.archive_desc]\n ])\n });\n }\n <\/script>\n <\/body>\n<\/html><\/div>\n\t\t\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<div class=\"elementor-element elementor-element-6511450 e-flex e-con-boxed e-con e-parent\" data-id=\"6511450\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6feddeb elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"6feddeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!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 <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n .modern-footer {\n background: linear-gradient(135deg, #032e73 0%, #204382 100%);\n color: #fff;\n padding: 60px 0 0;\n position: relative;\n overflow: hidden;\n }\n\n .modern-footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><pattern id=\"grid\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M 100 0 L 0 0 0 100\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\/><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23grid)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .footer-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n margin-bottom: 40px;\n }\n\n .footer-section h3 {\n font-size: 22px;\n margin-bottom: 20px;\n font-weight: 700;\n position: relative;\n display: inline-block;\n }\n\n .footer-section h3::after {\n content: '';\n position: absolute;\n bottom: -8px;\n right: 0;\n width: 50px;\n height: 3px;\n background: rgba(255, 255, 255, 0.8);\n border-radius: 2px;\n }\n\n .footer-section p {\n line-height: 1.8;\n opacity: 0.9;\n margin-bottom: 20px;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: #fff;\n text-decoration: none;\n opacity: 0.9;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-links a:hover {\n opacity: 1;\n transform: translateX(-5px);\n }\n\n .footer-links a::before {\n content: '\u25c0\ufe0f';\n font-size: 10px;\n transition: transform 0.3s ease;\n }\n\n .footer-links a:hover::before {\n transform: translateX(-3px);\n }\n\n .social-links {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n\n .social-links a {\n width: 45px;\n height: 45px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n text-decoration: none;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n }\n\n .social-links a:hover {\n background: rgba(255, 255, 255, 0.3);\n transform: translateY(-5px);\n }\n\n .contact-info {\n list-style: none;\n }\n\n .contact-info li {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 12px;\n opacity: 0.9;\n }\n\n .contact-info i {\n width: 35px;\n height: 35px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding: 25px 0;\n text-align: center;\n }\n\n .footer-bottom p {\n opacity: 0.8;\n font-size: 14px;\n }\n\n @media (max-width: 768px) {\n .footer-content {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .modern-footer {\n padding: 40px 0 0;\n }\n\n .newsletter-form {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n <footer class=\"modern-footer\">\n <div class=\"footer-container\">\n <div class=\"footer-content\">\n\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0648\u0644: \u0639\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 -->\n <div class=\"footer-section\">\n <h3>\u0639\u0646 \u0645\u0648\u0642\u0639\u0646\u0627<\/h3>\n <p>\u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0627\u0648\u0644 \u0644\u0645\u062a\u0627\u0628\u0639\u0647 \u062c\u0645\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a .<\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/1FoBQpMQsS\/\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n\n <!-- \u0623\u064a\u0642\u0648\u0646\u0629 X \u0627\u0644\u062c\u062f\u064a\u062f\u0629 (SVG) -->\n <a href=\"https:\/\/x.com\/blueshirtkw?s=11&t=n5lljgzKaAtL8v7oAMjKuw\" aria-label=\"X\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M18.21 2H21.5L14.29 10.24L22 22H15.66L10.52 14.52L4.66 22H1.37L9.07 13.08L1.8 2H8.3L13.01 8.8L18.21 2Z\"\/>\n <\/svg>\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/blueshirtkw?igsh=MXZpd3RpNjducjBpYg==\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"www.tiktok.com\/@blueshirtkw\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"https:\/\/www.youtube.com\/channel\/UCjaEQG5eMMhkpGmjLnqSe7Q\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a: \u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629 -->\n <div class=\"footer-section\">\n <h3>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n <li><a href=\"#\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\n <li><a href=\"#\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/a><\/li>\n <li><a href=\"#\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0644\u062b: \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 -->\n <div class=\"footer-section\">\n <h3>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\n <ul class=\"contact-info\">\n <li>\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <span>\u0627\u0644\u0643\u0648\u064a\u062a - \u0627\u0644\u0642\u0628\u0644\u0647<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-phone\"><\/i>\n <span>55440101 \/ 99445170 +965<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-envelope\"><\/i>\n <span>blueshirtkw@gmail.com<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n <div class=\"footer-bottom\">\n <p>© 2024 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 | \u0628\u0644\u0648 \u0634\u064a\u0631\u062a Blue Shirt<\/p>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n<\/html><\/div>\n\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Modern Arabic Menu B \u0628\u0644\u0648 \u0634\u064a\u0631\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0627\u062a\u062d\u0627\u062f\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0647 \u0627\u0644\u0646\u0648\u0627\u062f\u064a \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0634\u0628\u0627\u0628 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a\u0629 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0628\u0627\u0631\u0627\u0644\u0645\u0628\u064a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0647 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0628\u0644\u0648 \u0633\u062a\u0648\u0631 \u0628\u0644\u0648 \u0633\u062a\u0648\u0643 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0622\u0646 \u062a\u0648\u0627\u0635\u0644\u0648\u0627 \u0645\u0639\u0646\u0627 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629 \u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u064a \u0644\u0644\u0643\u0648\u064a\u062a \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629 \u062a\u0636\u0645 \u0643\u0644 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0648\u062b\u064a\u0642 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0645\u0639\u0627\u0644\u062c\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/comments?post=805"}],"version-history":[{"count":0,"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/pages\/805\/revisions"}],"wp:attachment":[{"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/media?parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}