{"id":533,"date":"2024-02-17T07:04:50","date_gmt":"2024-02-17T07:04:50","guid":{"rendered":"https:\/\/blueshirtskw.com\/?page_id=533"},"modified":"2026-03-14T09:43:14","modified_gmt":"2026-03-14T09:43:14","slug":"sport-news","status":"publish","type":"page","link":"https:\/\/blueshirtskw.com\/ar\/sport-news\/","title":{"rendered":"Sport News"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\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\u0623\u0646\u062f\u064a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/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%b3%d8%ac%d9%84-%d8%a7%d9%84%d8%a3%d9%86\/\" 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-bf31832 e-flex e-con-boxed e-con e-parent\" data-id=\"bf31832\" 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-110fffe elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"110fffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\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 class=\"elementor-element elementor-element-847adba elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"847adba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6afc27b e-flex e-con-boxed e-con e-parent\" data-id=\"6afc27b\" 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-c3c6282 elementor-widget elementor-widget-shortcode\" data-id=\"c3c6282\" 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\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n * { font-family: 'Tajawal', sans-serif; }\n\n .hero-bg {\n background: linear-gradient(135deg, #0a1628 0%, #0d2847 40%, #0f3060 70%, #0a1628 100%);\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(ellipse at 30% 50%, rgba(0, 102, 204, 0.15) 0%, transparent 60%),\n radial-gradient(ellipse at 70% 20%, rgba(0, 168, 232, 0.1) 0%, transparent 50%);\n animation: pulseGlow 8s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.6; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.05); }\n }\n\n .grid-pattern {\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(rgba(0, 102, 204, 0.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0, 102, 204, 0.05) 1px, transparent 1px);\n background-size: 60px 60px;\n }\n\n .section-card {\n position: relative;\n border-radius: 20px;\n overflow: hidden;\n cursor: pointer;\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n transform-style: preserve-3d;\n }\n\n .section-card:hover {\n transform: translateY(-12px) scale(1.02);\n }\n\n .section-card::before {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 20px;\n padding: 2px;\n background: linear-gradient(135deg, rgba(0, 168, 232, 0.6), rgba(0, 102, 204, 0.2), rgba(0, 168, 232, 0.6));\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.5s ease;\n }\n\n .section-card:hover::before {\n opacity: 1;\n }\n\n .card-inner {\n background: linear-gradient(145deg, rgba(13, 40, 71, 0.95), rgba(10, 22, 40, 0.98));\n backdrop-filter: blur(20px);\n border-radius: 20px;\n padding: 2.5rem;\n height: 100%;\n position: relative;\n overflow: hidden;\n }\n\n .card-inner::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, #00a8e8, #0066cc, transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .section-card:hover .card-inner::after {\n opacity: 1;\n }\n\n .icon-container {\n width: 80px;\n height: 80px;\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n position: relative;\n transition: all 0.5s ease;\n }\n\n .section-card:hover .icon-container {\n transform: scale(1.1) rotate(-5deg);\n }\n\n .icon-container.kuwait {\n background: linear-gradient(135deg, #007a3d, #00a651);\n box-shadow: 0 8px 30px rgba(0, 166, 81, 0.3);\n }\n\n .icon-container.world {\n background: linear-gradient(135deg, #0066cc, #00a8e8);\n box-shadow: 0 8px 30px rgba(0, 168, 232, 0.3);\n }\n\n .icon-container.archive {\n background: linear-gradient(135deg, #cc8800, #f0a500);\n box-shadow: 0 8px 30px rgba(240, 165, 0, 0.3);\n }\n\n .arrow-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 24px;\n border-radius: 12px;\n font-weight: 700;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n border: 1px solid rgba(0, 168, 232, 0.3);\n color: #00a8e8;\n background: rgba(0, 168, 232, 0.08);\n }\n\n .section-card:hover .arrow-btn {\n background: rgba(0, 168, 232, 0.2);\n border-color: rgba(0, 168, 232, 0.6);\n }\n\n .floating-ball {\n position: absolute;\n border-radius: 50%;\n opacity: 0.06;\n animation: floatBall 12s ease-in-out infinite;\n }\n\n @keyframes floatBall {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 33% { transform: translateY(-30px) rotate(120deg); }\n 66% { transform: translateY(15px) rotate(240deg); }\n }\n\n .title-glow {\n text-shadow: 0 0 40px rgba(0, 168, 232, 0.3);\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n }\n\n .stagger-1 { animation: fadeSlideUp 0.8s 0.1s both; }\n .stagger-2 { animation: fadeSlideUp 0.8s 0.3s both; }\n .stagger-3 { animation: fadeSlideUp 0.8s 0.5s both; }\n .stagger-title { animation: fadeSlideUp 0.8s 0s both; }\n\n @keyframes fadeSlideUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Sub-page styles *\/\n .sub-page { display: none; }\n .sub-page.active { display: block; }\n .main-page.hidden { display: none; }\n\n .back-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n border-radius: 12px;\n font-weight: 700;\n color: #b8d4f0;\n background: rgba(0, 102, 204, 0.15);\n border: 1px solid rgba(0, 102, 204, 0.25);\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .back-btn:hover {\n background: rgba(0, 102, 204, 0.3);\n color: #fff;\n }\n\n .news-item {\n background: rgba(13, 40, 71, 0.6);\n border: 1px solid rgba(0, 102, 204, 0.12);\n border-radius: 16px;\n padding: 1.5rem;\n transition: all 0.3s ease;\n }\n\n .news-item:hover {\n background: rgba(13, 40, 71, 0.9);\n border-color: rgba(0, 168, 232, 0.3);\n transform: translateX(-4px);\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app-wrapper\" class=\"hero-bg h-full w-full overflow-auto\">\n <div class=\"grid-pattern\"><\/div><!-- Floating decorations -->\n <div class=\"floating-ball\" style=\"width:300px;height:300px;background:radial-gradient(circle,#0066cc,transparent);top:10%;right:-5%;animation-delay:-2s;\"><\/div>\n <div class=\"floating-ball\" style=\"width:200px;height:200px;background:radial-gradient(circle,#00a8e8,transparent);bottom:15%;left:-3%;animation-delay:-6s;\"><\/div><!-- MAIN PAGE -->\n <main id=\"main-page\" class=\"main-page relative z-10 max-w-6xl mx-auto px-4 py-12\"><!-- Header -->\n <header class=\"text-center mb-16 stagger-title\">\n <div class=\"inline-flex items-center gap-2 mb-5\"><span class=\"badge bg-blue-500\/20 text-blue-300 border border-blue-500\/30\"> <span class=\"w-2 h-2 rounded-full bg-blue-400 inline-block animate-pulse\"><\/span> \u0645\u0628\u0627\u0634\u0631 <\/span>\n <\/div>\n <h1 id=\"page-title\" class=\"text-5xl md:text-6xl font-black text-white mb-4 title-glow leading-tight\">\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h1>\n <p class=\"text-blue-200\/60 text-lg max-w-xl mx-auto leading-relaxed\">\u062a\u0627\u0628\u0639 \u0622\u062e\u0631 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0645\u062d\u0644\u064a\u0627\u064b \u0648\u0639\u0627\u0644\u0645\u064a\u0627\u064b<\/p>\n <\/header><!-- Sections Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><!-- Section 1: \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0643\u0648\u064a\u062a -->\n <div class=\"section-card stagger-1\" onclick=\"navigateTo('kuwait')\">\n <div class=\"card-inner text-center\">\n <div class=\"icon-container kuwait\">\n <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/><polyline points=\"9 22 9 12 15 12 15 22\" \/>\n <\/svg>\n <\/div>\n <h2 id=\"section1-title\" class=\"text-white text-xl font-bold mb-3\">\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0643\u0648\u064a\u062a<\/h2>\n <p class=\"text-blue-200\/50 text-sm mb-6 leading-relaxed\">\u0622\u062e\u0631 \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0648\u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0639\u0644\u0649 \u0627\u0644\u0635\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u0644\u064a<\/p>\n <div class=\"arrow-btn mx-auto\">\n \u062a\u0635\u0641\u062d \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\" \/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div><!-- Section 2: \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0639\u0627\u0644\u0645 -->\n <div class=\"section-card stagger-2\" onclick=\"navigateTo('world')\">\n <div class=\"card-inner text-center\">\n <div class=\"icon-container world\">\n <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" \/><path d=\"M2 12h20\" \/>\n <\/svg>\n <\/div>\n <h2 id=\"section2-title\" class=\"text-white text-xl font-bold mb-3\">\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0639\u0627\u0644\u0645<\/h2>\n <p class=\"text-blue-200\/50 text-sm mb-6 leading-relaxed\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0634\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0641\u064a \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u0641\u0644 \u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/p>\n <div class=\"arrow-btn mx-auto\">\n \u062a\u0635\u0641\u062d \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\" \/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div><!-- Section 3: \u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0623\u0632\u0631\u0642 -->\n <div class=\"section-card stagger-3\" onclick=\"window.open('https:\/\/blueshirtskw.com\/archive\/', '_blank')\">\n <div class=\"card-inner text-center\">\n <div class=\"icon-container archive\">\n <svg width=\"36\" height=\"36\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 8v13H3V8\" \/><path d=\"M1 3h22v5H1z\" \/><path d=\"M10 12h4\" \/>\n <\/svg>\n <\/div>\n <h2 id=\"section3-title\" class=\"text-white text-xl font-bold mb-3\">\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0623\u0632\u0631\u0642<\/h2>\n <p class=\"text-blue-200\/50 text-sm mb-6 leading-relaxed\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u062a\u0627\u0631\u064a\u062e \u0648\u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0639\u0628\u0631 \u0627\u0644\u0633\u0646\u0648\u0627\u062a \u0627\u0644\u0645\u0627\u0636\u064a\u0629<\/p>\n <div class=\"arrow-btn mx-auto\">\n \u062a\u0635\u0641\u062d \u0627\u0644\u0623\u0631\u0634\u064a\u0641 \n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"15 18 9 12 15 6\" \/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main><!-- SUB PAGE: Kuwait -->\n <section id=\"page-kuwait\" class=\"sub-page relative z-10 max-w-5xl mx-auto px-4 py-10\"><button class=\"back-btn mb-8\" onclick=\"goBack()\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\" \/>\n <\/svg> \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0631\u0626\u064a\u0633\u064a\u0629 <\/button>\n <div class=\"flex items-center gap-4 mb-8\">\n <div class=\"icon-container kuwait\" style=\"width:56px;height:56px;margin:0;\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" \/><polyline points=\"9 22 9 12 15 12 15 22\" \/>\n <\/svg>\n <\/div>\n <div>\n <h1 id=\"page-kuwait-title\" class=\"text-3xl font-black text-white\">\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0643\u0648\u064a\u062a<\/h1>\n <p class=\"text-blue-300\/50 text-sm\">\u0622\u062e\u0631 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u062d\u0644\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-green-500\/20 text-green-300 border border-green-500\/20 mt-1 whitespace-nowrap\">\u0645\u062d\u0644\u064a<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u064a\u0633\u062a\u0639\u062f \u0644\u0645\u0639\u0633\u0643\u0631 \u062a\u062f\u0631\u064a\u0628\u064a \u062c\u062f\u064a\u062f<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u064a\u0628\u062f\u0623 \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0645\u0639\u0633\u0643\u0631\u0647 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0627\u064b \u0644\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0641\u064a\u0627\u062a \u0627\u0644\u0645\u0624\u0647\u0644\u0629<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0645\u0646\u0630 3 \u0633\u0627\u0639\u0627\u062a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-green-500\/20 text-green-300 border border-green-500\/20 mt-1 whitespace-nowrap\">\u0645\u062d\u0644\u064a<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0625\u0639\u0644\u0627\u0646 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0644\u0645\u0628\u0627\u0631\u0627\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0642\u0627\u062f\u0645<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u0623\u0639\u0644\u0646 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0641\u0646\u064a \u0639\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u062f\u0639\u064a\u0646 \u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062e\u0628<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0645\u0646\u0630 5 \u0633\u0627\u0639\u0627\u062a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-green-500\/20 text-green-300 border border-green-500\/20 mt-1 whitespace-nowrap\">\u0645\u062d\u0644\u064a<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u064a\u0639\u0642\u062f \u0627\u062c\u062a\u0645\u0627\u0639\u0627\u064b \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u0637\u0637 \u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u0646\u0627\u0642\u0634 \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u062e\u0637\u0637 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0631\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629 \u0648\u0627\u0644\u0627\u0631\u062a\u0642\u0627\u0621 \u0628\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u062a\u062e\u0628\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0645\u0646\u0630 \u064a\u0648\u0645 \u0648\u0627\u062d\u062f<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section><!-- SUB PAGE: World -->\n <section id=\"page-world\" class=\"sub-page relative z-10 max-w-5xl mx-auto px-4 py-10\"><button class=\"back-btn mb-8\" onclick=\"goBack()\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\" \/>\n <\/svg> \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0631\u0626\u064a\u0633\u064a\u0629 <\/button>\n <div class=\"flex items-center gap-4 mb-8\">\n <div class=\"icon-container world\" style=\"width:56px;height:56px;margin:0;\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" \/><path d=\"M2 12h20\" \/>\n <\/svg>\n <\/div>\n <div>\n <h1 id=\"page-world-title\" class=\"text-3xl font-black text-white\">\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0639\u0627\u0644\u0645<\/h1>\n <p class=\"text-blue-300\/50 text-sm\">\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-blue-500\/20 text-blue-300 border border-blue-500\/20 mt-1 whitespace-nowrap\">\u062f\u0648\u0644\u064a<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0627\u0644\u0623\u0632\u0631\u0642 \u064a\u0648\u0627\u062c\u0647 \u062a\u062d\u062f\u064a\u0627\u064b \u0643\u0628\u064a\u0631\u0627\u064b \u0641\u064a \u0627\u0644\u062a\u0635\u0641\u064a\u0627\u062a \u0627\u0644\u0622\u0633\u064a\u0648\u064a\u0629<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u064a\u0633\u062a\u0639\u062f \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0644\u0645\u0648\u0627\u062c\u0647\u0629 \u0645\u0646\u0627\u0641\u0633 \u0642\u0648\u064a \u0636\u0645\u0646 \u0627\u0644\u062a\u0635\u0641\u064a\u0627\u062a \u0627\u0644\u0622\u0633\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0624\u0647\u0644\u0629 \u0644\u0643\u0623\u0633 \u0627\u0644\u0639\u0627\u0644\u0645<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0645\u0646\u0630 \u0633\u0627\u0639\u062a\u064a\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-blue-500\/20 text-blue-300 border border-blue-500\/20 mt-1 whitespace-nowrap\">\u062f\u0648\u0644\u064a<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0645\u0634\u0627\u0631\u0643\u0629 \u0643\u0648\u064a\u062a\u064a\u0629 \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0628\u0637\u0648\u0644\u0629 \u0643\u0623\u0633 \u0622\u0633\u064a\u0627<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u0642\u062f\u0645 \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0623\u062f\u0627\u0621\u064b \u0645\u0634\u0631\u0641\u0627\u064b \u0641\u064a \u0622\u062e\u0631 \u0645\u0634\u0627\u0631\u0643\u0627\u062a\u0647 \u0628\u0628\u0637\u0648\u0644\u0629 \u0643\u0623\u0633 \u0622\u0633\u064a\u0627<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0645\u0646\u0630 8 \u0633\u0627\u0639\u0627\u062a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-blue-500\/20 text-blue-300 border border-blue-500\/20 mt-1 whitespace-nowrap\">\u062f\u0648\u0644\u064a<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0644\u0627\u0639\u0628\u0648\u0646 \u0643\u0648\u064a\u062a\u064a\u0648\u0646 \u064a\u062a\u0623\u0644\u0642\u0648\u0646 \u0641\u064a \u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0627\u0644\u062e\u0644\u064a\u062c\u064a\u0629<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u064a\u0648\u0627\u0635\u0644 \u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u064a\u0646 \u062a\u0623\u0644\u0642\u0647\u0645 \u0645\u0639 \u0623\u0646\u062f\u064a\u062a\u0647\u0645 \u0641\u064a \u062f\u0648\u0631\u064a\u0627\u062a \u0627\u0644\u062e\u0644\u064a\u062c \u0627\u0644\u0639\u0631\u0628\u064a<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0645\u0646\u0630 \u064a\u0648\u0645\u064a\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section><!-- SUB PAGE: Archive -->\n <section id=\"page-archive\" class=\"sub-page relative z-10 max-w-5xl mx-auto px-4 py-10\"><button class=\"back-btn mb-8\" onclick=\"goBack()\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\" \/>\n <\/svg> \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0631\u0626\u064a\u0633\u064a\u0629 <\/button>\n <div class=\"flex items-center gap-4 mb-8\">\n <div class=\"icon-container archive\" style=\"width:56px;height:56px;margin:0;\">\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 8v13H3V8\" \/><path d=\"M1 3h22v5H1z\" \/><path d=\"M10 12h4\" \/>\n <\/svg>\n <\/div>\n <div>\n <h1 id=\"page-archive-title\" class=\"text-3xl font-black text-white\">\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0623\u0632\u0631\u0642<\/h1>\n <p class=\"text-blue-300\/50 text-sm\">\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-yellow-500\/20 text-yellow-300 border border-yellow-500\/20 mt-1 whitespace-nowrap\">\u0623\u0631\u0634\u064a\u0641<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0630\u0643\u0631\u0649 \u0627\u0644\u0641\u0648\u0632 \u0628\u0643\u0623\u0633 \u0622\u0633\u064a\u0627 1980<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u0644\u062d\u0638\u0627\u062a \u062e\u0627\u0644\u062f\u0629 \u0645\u0646 \u062a\u062a\u0648\u064a\u062c \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0628\u0644\u0642\u0628 \u0643\u0623\u0633 \u0622\u0633\u064a\u0627 \u0641\u064a \u062d\u0642\u0628\u0629 \u0630\u0647\u0628\u064a\u0629<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0623\u0631\u0634\u064a\u0641 \u062a\u0627\u0631\u064a\u062e\u064a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-yellow-500\/20 text-yellow-300 border border-yellow-500\/20 mt-1 whitespace-nowrap\">\u0623\u0631\u0634\u064a\u0641<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0643\u0648\u064a\u062a \u0641\u064a \u0643\u0623\u0633 \u0627\u0644\u0639\u0627\u0644\u0645 1982<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u0623\u0648\u0644 \u0648\u0622\u062e\u0631 \u0645\u0634\u0627\u0631\u0643\u0629 \u0644\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0641\u064a \u0646\u0647\u0627\u0626\u064a\u0627\u062a \u0643\u0623\u0633 \u0627\u0644\u0639\u0627\u0644\u0645 \u0628\u0625\u0633\u0628\u0627\u0646\u064a\u0627<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0623\u0631\u0634\u064a\u0641 \u062a\u0627\u0631\u064a\u062e\u064a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"news-item\">\n <div class=\"flex items-start gap-3\"><span class=\"badge bg-yellow-500\/20 text-yellow-300 border border-yellow-500\/20 mt-1 whitespace-nowrap\">\u0623\u0631\u0634\u064a\u0641<\/span>\n <div>\n <h3 class=\"text-white font-bold text-lg mb-1\">\u0623\u0628\u0631\u0632 \u0646\u062c\u0648\u0645 \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0639\u0628\u0631 \u0627\u0644\u062a\u0627\u0631\u064a\u062e<\/h3>\n <p class=\"text-blue-200\/50 text-sm leading-relaxed\">\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0644\u0623\u0628\u0631\u0632 \u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0635\u0646\u0639\u0648\u0627 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0643\u0631\u0629 \u0627\u0644\u0643\u0648\u064a\u062a\u064a\u0629 \u0648\u062a\u0631\u0643\u0648\u0627 \u0628\u0635\u0645\u062a\u0647\u0645<\/p><span class=\"text-blue-400\/40 text-xs mt-2 inline-block\">\u0623\u0631\u0634\u064a\u0641 \u062a\u0627\u0631\u064a\u062e\u064a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section><!-- Footer -->\n <footer class=\"relative z-10 text-center py-8 mt-8 border-t border-blue-900\/30\">\n <p class=\"text-blue-300\/30 text-sm\">\u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 2025<\/p>\n <\/footer>\n <\/div>\n <script>\n \/\/ Navigation\n function navigateTo(page) {\n document.getElementById('main-page').classList.add('hidden');\n document.getElementById('page-' + page).classList.add('active');\n document.getElementById('app-wrapper').scrollTop = 0;\n }\n\n function goBack() {\n document.querySelectorAll('.sub-page').forEach(p => p.classList.remove('active'));\n document.getElementById('main-page').classList.remove('hidden');\n document.getElementById('app-wrapper').scrollTop = 0;\n }\n\n \/\/ Default config\n const defaultConfig = {\n page_title: '\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629',\n section1_title: '\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0643\u0648\u064a\u062a',\n section2_title: '\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0639\u0627\u0644\u0645',\n section3_title: '\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0623\u0632\u0631\u0642',\n background_color: '#0a1628',\n surface_color: '#0d2847',\n text_color: '#ffffff',\n primary_action_color: '#00a8e8',\n secondary_action_color: '#0066cc',\n font_family: 'Tajawal',\n font_size: 16\n };\n\n \/\/ Element SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => {\n const c = { ...defaultConfig, ...config };\n\n \/\/ Text updates\n document.getElementById('page-title').textContent = c.page_title;\n document.getElementById('section1-title').textContent = c.section1_title;\n document.getElementById('section2-title').textContent = c.section2_title;\n document.getElementById('section3-title').textContent = c.section3_title;\n document.getElementById('page-kuwait-title').textContent = c.section1_title;\n document.getElementById('page-world-title').textContent = c.section2_title;\n document.getElementById('page-archive-title').textContent = c.section3_title;\n\n \/\/ Colors\n const wrapper = document.getElementById('app-wrapper');\n wrapper.style.background = `linear-gradient(135deg, ${c.background_color} 0%, ${c.surface_color} 40%, ${c.secondary_action_color}33 70%, ${c.background_color} 100%)`;\n\n document.querySelectorAll('.card-inner').forEach(el => {\n el.style.background = `linear-gradient(145deg, ${c.surface_color}f2, ${c.background_color}fa)`;\n });\n\n document.querySelectorAll('#page-title, .section-card h2, .news-item h3').forEach(el => {\n el.style.color = c.text_color;\n });\n\n document.querySelectorAll('.arrow-btn').forEach(el => {\n el.style.color = c.primary_action_color;\n el.style.borderColor = c.primary_action_color + '4d';\n el.style.background = c.primary_action_color + '14';\n });\n\n document.querySelectorAll('.back-btn').forEach(el => {\n el.style.background = c.secondary_action_color + '26';\n el.style.borderColor = c.secondary_action_color + '40';\n });\n\n \/\/ Font\n const fontStack = `${c.font_family}, Tajawal, sans-serif`;\n document.body.style.fontFamily = fontStack;\n\n \/\/ Font size\n const base = c.font_size;\n document.getElementById('page-title').style.fontSize = `${base * 3.2}px`;\n document.querySelectorAll('.section-card h2, .sub-page h1').forEach(el => {\n el.style.fontSize = `${base * 1.4}px`;\n });\n document.querySelectorAll('.news-item h3').forEach(el => {\n el.style.fontSize = `${base * 1.15}px`;\n });\n document.querySelectorAll('.news-item p, .card-inner p').forEach(el => {\n el.style.fontSize = `${base * 0.875}px`;\n });\n },\n mapToCapabilities: (config) => {\n const c = { ...defaultConfig, ...config };\n return {\n recolorables: [\n { get: () => c.background_color, set: (v) => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); } },\n { get: () => c.surface_color, set: (v) => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); } },\n { get: () => c.text_color, set: (v) => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); } },\n { get: () => c.primary_action_color, set: (v) => { config.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); } },\n { get: () => c.secondary_action_color, set: (v) => { config.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); } }\n ],\n borderables: [],\n fontEditable: {\n get: () => c.font_family,\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => c.font_size,\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = { ...defaultConfig, ...config };\n return new Map([\n ['page_title', c.page_title],\n ['section1_title', c.section1_title],\n ['section2_title', c.section2_title],\n ['section3_title', c.section3_title]\n ]);\n }\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9dc2548d8570b5f9',t:'MTc3MzQ4MTM2Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/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-6062890 e-flex e-con-boxed e-con e-parent\" data-id=\"6062890\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ecac6fb e-con-full e-flex e-con e-child\" data-id=\"ecac6fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5ced10 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f5ced10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\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<div class=\"elementor-element elementor-element-ff230d5 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"ff230d5\" 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=\"https:\/\/www.tiktok.com\/@blueshirtkw?_r=1&_t=ZS-91kEnekHKwU\" 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=\"https:\/\/blueshirtskw.com\/\">\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\u0623\u0631\u0634\u064a\u0641<\/a><\/li>\n <li><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\/\">\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\u0623\u0646\u062f\u064a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \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\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0645\u0628\u0627\u0634\u0631 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u062a\u0627\u0628\u0639 \u0622\u062e\u0631 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0645\u062d\u0644\u064a\u0627\u064b \u0648\u0639\u0627\u0644\u0645\u064a\u0627\u064b \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0628\u0627\u0644\u0643\u0648\u064a\u062a \u0622\u062e\u0631 \u0627\u0644\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0648\u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u0646\u062a\u062e\u0628 […]<\/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-533","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\/533","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=533"}],"version-history":[{"count":0,"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/pages\/533\/revisions"}],"wp:attachment":[{"href":"https:\/\/blueshirtskw.com\/ar\/wp-json\/wp\/v2\/media?parent=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}