CINXE.COM
Conference Alerts - International Academic Conferences 2025
<!DOCTYPE html> <html lang="en" itemscope itemtype="http://schema.org/WebPage"> <head> <title>Conference Alerts - International Academic Conferences 2025</title> <meta name="description" content="Get the latest conference alerts for international conferences 2025. Explore a list of upcoming academic and global conferences to expand your knowledge and network."> <meta name="dmca-site-verification" content="dG1TL2RtckE3anBlazExVzhYVXFlZnBCcm9EYkFMWlJ5UFRHeForRy84az01"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="google-site-verification" content="RN30g4fVZJxsfNcUM-KxCUMB6TTl5JZvQ4jmVQwMoH8"> <meta name="robot" content="index,follow"> <meta name="author" content="Conference Alert"> <meta name="copyright" content="Conference Alert"> <meta name="google" content="notranslate"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta name="content-language" content="EN"> <meta name="distribution" content="GLOBAL"> <meta name="revisit-after" content="1 days"> <meta name="refresh" content="3"> <section> <!-- Scroll to Top Button --> <button id="scrollToTopBtn" class="fixed bottom-6 right-6 bg-[#162d73] text-white p-4 rounded-full shadow-lg hidden hover:bg-[#ff9944] transform hover:scale-110 transition-all duration-300 z-50 group"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 group-hover:animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 10l7-7m0 0l7 7m-7-7v18" /> </svg> </button> </section> <script> const scrollToTopBtn = document.getElementById("scrollToTopBtn"); window.addEventListener("scroll", () => { if (window.scrollY > 300) { scrollToTopBtn.classList.remove("hidden"); requestAnimationFrame(() => { scrollToTopBtn.classList.add("opacity-100", "translate-y-0"); scrollToTopBtn.classList.remove("opacity-0", "translate-y-10"); }); } else { scrollToTopBtn.classList.add("opacity-0", "translate-y-10"); scrollToTopBtn.classList.remove("opacity-100", "translate-y-0"); setTimeout(() => { if (window.scrollY <= 300) { scrollToTopBtn.classList.add("hidden"); } }, 300); } }); scrollToTopBtn.addEventListener("click", () => { window.scrollTo({ top: 0, behavior: "smooth" }); }); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-YE4WL2SPJ5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-YE4WL2SPJ5'); function allConsentGranted() { gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } allConsentGranted(); </script> <meta name="msvalidate.01" content="DCB198FDB2D65FF314968460B1CB748A"> <meta name="yandex-verification" content="f6db1a7a82c46a4a"> <!-- //for-mobile-apps --> <link rel="preload" href="https://cdn.tailwindcss.com" as="script"> <script src="https://cdn.tailwindcss.com"></script> <link rel="shortcut icon" href="https://conferencealert.com/images/favicon.ico" type="image/x-icon"> <link href="https://conferencealert.com/css/main.css?1741908418" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/css/chat.css?v=1.1" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Spirax" rel="stylesheet"> <link href="https://conferencealert.com/cssnew/droopmenu.css?jit" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/responsive.css" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/animate.css" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/newstyle.css" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/cssnew/scssstyle.css?1741908418" rel="stylesheet" type="text/css" media="all"> <link href="https://conferencealert.com/css/menu.css" rel="stylesheet" type="text/css"> <link type="text/css" href="https://conferencealert.com/css/jquery.datepick.css" rel="stylesheet"> <link href="https://conferencealert.com/cssnew/custom-style.css" rel="stylesheet" type="text/css" media="all"> <!-- font-awesome icons --> <link href="https://conferencealert.com/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <!-- //font-awesome icons --> <script src='https://conferencealert.com/js/jquery.min.js'></script> <script src="https://conferencealert.com/js/menu.js"></script> <script src="https://conferencealert.com/js/conferencealert.js"></script> <script type="module" src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.5/flowbite.min.js"></script> <script src="https://conferencealert.com/js/jquery.datepick.js"></script> <link rel="canonical" href="https://conferencealert.com/"> <script type="application/ld+json"> { "@context":"http://schema.org", "@type":"Organization", "name":"Conference Alert", "alternateName" : "CA", "brand": "International Conference Alerts", "url":"https://conferencealert.com/", "logo": "https://conferencealert.com/images/logo.png", "email": "info@conferencealert.com", "makesOffer": "Conferences, Conference Alerts, Conference List, International Conferences, Upcoming Conferences, Journals, International Journal Publication, Paper Publication", "description": "Get the latest conference alerts for international conferences 2025. Explore a list of upcoming academic and global conferences to expand your knowledge and network.", "address":{ "@type":"PostalAddress", "streetAddress":"19024, 86a Ave NW", "addressLocality":"Edmonton", "addressRegion":"AB Canada", "postalCode":"T5T4Y2" } } </script> <style> /* Webkit browsers (Chrome, Safari, newer versions of Opera) */ .thin-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; } .thin-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 20px; } .thin-scrollbar::-webkit-scrollbar-thumb { background: #162d73; /* Orange-400 color */ border-radius: 20px; } .thin-scrollbar::-webkit-scrollbar-thumb:hover { background:rgb(17, 36, 92); /* Darker orange on hover */ } /* Firefox */ .thin-scrollbar { scrollbar-width: thin; scrollbar-color: #162d73 #f1f1f1; /* Orange-400 color */ } </style> </head> <body class="bg-gradient-to-b from-[#162d73]/5 to-transparent"> <!-- header --> <div class="h-[72px] lg:h-[80px]"></div> <!-- Spacer div to prevent content overlap --> <nav class="fixed top-0 left-0 right-0 z-50 bg-gradient-to-r from-[#162d73] to-[#234099] shadow-lg"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-[72px] lg:h-[80px]"> <!-- Logo section --> <div class="flex-shrink-0 flex items-center"> <a href="https://conferencealert.com/" class="group"> <img src="https://conferencealert.com/images/logo.png" class="h-16 rounded-lg w-auto group-hover:scale-105 transition-transform duration-300" alt="conference alerts"> </a> </div> <!-- Desktop Navigation --> <div class="hidden lg:flex lg:items-center lg:space-x-8"> <a href="https://conferencealert.com/" class="text-white hover:text-[#ff9944] px-3 py-2 text-sm font-medium transition-colors duration-200"> Home </a> <a href="https://conferencealert.com/scopus-index-conferences.php" class="text-white hover:text-[#ff9944] px-3 py-2 text-sm font-medium transition-colors duration-200"> Scopus Index Conference </a> <a href="https://conferencealert.com/fully-funded-international-conference.php" class="text-white hover:text-[#ff9944] px-3 py-2 text-sm font-medium transition-colors duration-200"> Fully Funded </a> <!-- Journals Dropdown --> <div class="relative group"> <button class="flex items-center text-white hover:text-[#ff9944] px-3 py-2 text-sm font-medium transition-colors duration-200"> <span>Journals</span> <svg class="ml-2 h-4 w-4 group-hover:rotate-180 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> <div class="absolute left-0 mt-2 w-56 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 transform"> <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"> <div class="relative bg-white py-1"> <a href="https://conferencealert.com/scopus-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-[#162d73]">Scopus Journal</a> <a href="https://conferencealert.com/science-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-[#162d73]">Science Journal</a> <a href="https://conferencealert.com/education-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-[#162d73]">Education Journal</a> <a href="https://conferencealert.com/research-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-[#162d73]">Research Journal</a> <a href="https://conferencealert.com/medical-journal.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-[#162d73]">Medical Journal</a> </div> </div> </div> </div> <a href="https://conferencealert.com/blog" class="text-white hover:text-[#ff9944] px-3 py-2 text-sm font-medium transition-colors duration-200"> Blog </a> <!-- Action Buttons --> <div class="flex items-center space-x-4"> <a href="https://conferencealert.com/login.php" class="bg-[#ff9944] hover:bg-[#ff8822] text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"> Add Event </a> <a href="https://conferencealert.com/subscribe.php" class="bg-white hover:bg-gray-100 text-[#162d73] px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"> Subscribe </a> <a href="https://conferencealert.com/login.php" class="text-white hover:text-[#ff9944] px-3 py-2 text-sm font-medium transition-colors duration-200"> Login </a> </div> </div> <!-- Mobile menu button --> <div class="flex lg:hidden items-center"> <button type="button" class="mobile-menu-button inline-flex items-center justify-center p-2 rounded-md text-white hover:text-[#ff9944] transition-colors duration-200"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path class="origin-center transition-all duration-200" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> </svg> </button> </div> </div> </div> <!-- Mobile menu --> <div class="lg:hidden mobile-menu hidden bg-white"> <div class="px-2 pt-2 pb-3 space-y-1"> <!-- Mobile Navigation Links --> <a href="https://conferencealert.com/" class="block px-3 py-2 text-[#162d73] hover:bg-gray-50 rounded-md text-base font-medium">Home</a> <a href="https://conferencealert.com/scopus-index-conferences.php" class="block px-3 py-2 text-[#162d73] hover:bg-gray-50 rounded-md text-base font-medium">Scopus Index Conference</a> <a href="https://conferencealert.com/fully-funded-international-conference.php" class="block px-3 py-2 text-[#162d73] hover:bg-gray-50 rounded-md text-base font-medium">Fully Funded</a> <!-- Mobile Journals Section --> <div class="relative" x-data="{ open: false }"> <button @click="open = !open" class="w-full flex justify-between items-center px-3 py-2 text-[#162d73] hover:bg-gray-50 rounded-md text-base font-medium"> <span>Journals</span> <svg class="h-5 w-5" :class="{ 'rotate-180': open }" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> <div x-show="open" class="mt-2 space-y-1"> <a href="https://conferencealert.com/scopus-journal.php" class="block pl-6 pr-3 py-2 text-[#162d73] hover:bg-gray-50 text-sm">Scopus Journal</a> <a href="https://conferencealert.com/science-journal.php" class="block pl-6 pr-3 py-2 text-[#162d73] hover:bg-gray-50 text-sm">Science Journal</a> <a href="https://conferencealert.com/education-journal.php" class="block pl-6 pr-3 py-2 text-[#162d73] hover:bg-gray-50 text-sm">Education Journal</a> <a href="https://conferencealert.com/research-journal.php" class="block pl-6 pr-3 py-2 text-[#162d73] hover:bg-gray-50 text-sm">Research Journal</a> <a href="https://conferencealert.com/medical-journal.php" class="block pl-6 pr-3 py-2 text-[#162d73] hover:bg-gray-50 text-sm">Medical Journal</a> </div> </div> <div class="pt-4 pb-3 border-t border-gray-200"> <div class="flex items-center px-3 space-x-3"> <a href="https://conferencealert.com/login.php" class="w-full bg-[#ff9944] hover:bg-[#ff8822] text-white px-4 py-2 rounded-lg text-base font-medium text-center transition-colors duration-200">Add Event</a> </div> <div class="mt-3 flex items-center px-3 space-x-3"> <a href="https://conferencealert.com/subscribe.php" class="w-full bg-[#162d73] hover:bg-[#11225a] text-white px-4 py-2 rounded-lg text-base font-medium text-center transition-colors duration-200">Subscribe</a> </div> <div class="mt-3 flex items-center px-3 space-x-3"> <a href="https://conferencealert.com/login.php" class="w-full border border-[#162d73] text-[#162d73] px-4 py-2 rounded-lg text-base font-medium text-center hover:bg-gray-50 transition-colors duration-200">Login</a> </div> </div> </div> </div> </nav> <script> // Mobile menu toggle document.querySelector('.mobile-menu-button').addEventListener('click', function() { document.querySelector('.mobile-menu').classList.toggle('hidden'); // Animate hamburger icon this.querySelector('svg').classList.toggle('rotate-90'); }); // Close mobile menu when clicking outside document.addEventListener('click', function(e) { if (!e.target.closest('.mobile-menu') && !e.target.closest('.mobile-menu-button')) { document.querySelector('.mobile-menu').classList.add('hidden'); document.querySelector('.mobile-menu-button svg').classList.remove('rotate-90'); } }); // Close mobile menu on window resize window.addEventListener('resize', function() { if (window.innerWidth >= 1024) { document.querySelector( '.mobile-menu').classList.add('hidden'); document.querySelector('.mobile-menu-button svg').classList.remove('rotate-90'); } }); </script> <!-- //header --> <!-- banner-down--> <div class="container mx-auto px-4"> <div> <h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-serif font-bold text-[#162d73] text-center mb-4 leading-tight"> Conference Alerts </h1> <div class="text-gray-700"> <p class="text-base sm:text-lg md:text-xl leading-relaxed text-justify"> Get the latest <span class="font-semibold text-[#162d73]">conference alerts</span> for <span class="font-semibold text-[#162d73]">international conferences 2025</span> and stay informed about <span class="font-semibold text-[#162d73]">upcoming events</span> across various fields. Whether you're interested in <span class="font-semibold text-[#162d73]">global conferences, academic conferences</span>, or specialized research events, you’ll find the most reliable international conference alerts here. Explore the <span class="font-semibold text-[#162d73]">top list of international conferences for 2025</span> to present your research, network with professionals, and gain new insights. <a href="https://conferencealert.com/subscribe.php" class="font-semibold text-[#ff9944]">Subscribe today</a> and don’t miss out on leading academic conferences happening worldwide! </p> </div> </div> <div class="py-2"> <div class="container mx-auto px-4"> <div> <div > <div class=""> <div> <div class="similar-events-list"> <h2 class="text-3xl font-bold text-[#162d73] mb-8 text-center"> Top List of International Academic Conferences 2025 </h2> <ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1223463" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Multidisciplinary Research in Education and Science (ICMRES) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 26th November 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Tokyo, Japan </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1223463" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Multidisciplinary Research in Education and Science (ICMRES) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 26th November 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Tokyo, Japan </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1054650" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Smart Advanced Manufacturing (ICSAM 2024) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 27th November 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Kuala Lumpur, Malaysia </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1065817" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Social Science and Economics (ICSSE) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 27th November 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Kyoto, Japan </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1065457" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Accounting and Finance (ICAF) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 28th November 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Toronto, Canada </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1035487" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Medical, Pharmaceutical and Health Sciences (ICMPH) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 29th November 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Montreal, Canada </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1018446" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Science, Technology, Engineering and Management (ICSTEM) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 1st December 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Kuala Lumpur, Malaysia </span> </div> </a> </li> <li class="group rounded-xl shadow-md hover:shadow-xl transition-all duration-300 hover:scale-105 overflow-hidden border border-gray-100"> <a href="https://conferencealert.com/eventdetail/1067583" target="_blank" class="block p-6 h-full hover:bg-[#162d73] transition-colors duration-300"> <div class="font-bold text-lg text-[#162d73] group-hover:text-white mb-4 line-clamp-2"> International Conference on Green Energy and Technology (ICGET) </div> <div class="space-y-2"> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> </svg> 1st December 2024 </span> <span class="flex items-center text-gray-600 group-hover:text-gray-200"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> Kuala Lumpur, Malaysia </span> </div> </a> </li> </ul> <div class="mt-12 text-center"> <a href="upcoming-conferences.php" class="inline-flex items-center px-6 py-3 bg-[#ff9944] hover:bg-[#162d73] text-white font-semibold rounded-lg transition-colors duration-300"> View More Conferences <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /> </svg> </a> </div> </div> <div> </div> </div> </div> </div> </div> </div> </div><div class="w-full"> <div class="flex flex-wrap"> <div class="container mx-auto md:px-4 py-2 relative"> <!-- Mobile Navigation Buttons --> <button class="md:hidden absolute left-0 top-1/2 transform -translate-y-1/2 z-10 bg-[#162d73] text-white p-2 rounded-r-lg" onclick="moveCarousel(-1)"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg> </button> <button class="md:hidden absolute right-0 top-1/2 transform -translate-y-1/2 z-10 bg-[#162d73] text-white p-2 rounded-l-lg" onclick="moveCarousel(1)"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> </button> <div class="grid grid-cols-1 md:grid-cols-4 gap-6 carousel-container"> <div class="transform transition duration-300 hover:scale-105 carousel-item block" data-index="0"> <div class="bg-white rounded-lg shadow-lg overflow-hidden border-2 border-[#162d73] hover:border-[#ff9944]"> <a href="https://conferencealert.com/eventdetail/1106761" target="_blank" class="block relative group"> <div class="aspect-video"> <img srcset="https://conferencealert.com/ad/1740637385Economics and Social Sciences Conference in Italy-2x.webp 2x, https://conferencealert.com/ad/1740637385Economics and Social Sciences Conference in Italy-3x.webp 3x" src="https://conferencealert.com/ad/1740637385Economics and Social Sciences Conference in Italy.webp" alt="Economics and Social Sciences Conference in Italy" class="w-full h-[200px] object-cover transition duration-300 group-hover:opacity-90" loading="lazy" /> </div> <div class="absolute inset-0 bg-[#162d73] bg-opacity-0 group-hover:bg-opacity-10 transition duration-300"></div> </a> </div> </div> <div class="transform transition duration-300 hover:scale-105 carousel-item hidden md:block" data-index="1"> <div class="bg-white rounded-lg shadow-lg overflow-hidden border-2 border-[#162d73] hover:border-[#ff9944]"> <a href="https://conferencealert.com/eventdetail/1308365" target="_blank" class="block relative group"> <div class="aspect-video"> <img srcset="https://conferencealert.com/ad/1740636239Multidisciplinary Conference in Indonesia-2x.webp 2x, https://conferencealert.com/ad/1740636239Multidisciplinary Conference in Indonesia-3x.webp 3x" src="https://conferencealert.com/ad/1740636239Multidisciplinary Conference in Indonesia.webp" alt="Multidisciplinary Conference in Indonesia" class="w-full h-[200px] object-cover transition duration-300 group-hover:opacity-90" loading="lazy" /> </div> <div class="absolute inset-0 bg-[#162d73] bg-opacity-0 group-hover:bg-opacity-10 transition duration-300"></div> </a> </div> </div> <div class="transform transition duration-300 hover:scale-105 carousel-item hidden md:block" data-index="2"> <div class="bg-white rounded-lg shadow-lg overflow-hidden border-2 border-[#162d73] hover:border-[#ff9944]"> <a href="https://conferencealert.com/eventdetail/1308347" target="_blank" class="block relative group"> <div class="aspect-video"> <img srcset="https://conferencealert.com/ad/1740633911Science Engineering and Technology Conference in Thailand-2x.webp 2x, https://conferencealert.com/ad/1740633911Science Engineering and Technology Conference in Thailand-3x.webp 3x" src="https://conferencealert.com/ad/1740633911Science Engineering and Technology Conference in Thailand.webp" alt="Science Engineering and Technology Conference in Thailand" class="w-full h-[200px] object-cover transition duration-300 group-hover:opacity-90" loading="lazy" /> </div> <div class="absolute inset-0 bg-[#162d73] bg-opacity-0 group-hover:bg-opacity-10 transition duration-300"></div> </a> </div> </div> <div class="transform transition duration-300 hover:scale-105 carousel-item hidden md:block" data-index="3"> <div class="bg-white rounded-lg shadow-lg overflow-hidden border-2 border-[#162d73] hover:border-[#ff9944]"> <a href="https://conferencealert.com/eventdetail/1268742" target="_blank" class="block relative group"> <div class="aspect-video"> <img srcset="https://conferencealert.com/ad/1740633054Law and Political Science Conference in Singapore-2x.webp 2x, https://conferencealert.com/ad/1740633054Law and Political Science Conference in Singapore-3x.webp 3x" src="https://conferencealert.com/ad/1740633054Law and Political Science Conference in Singapore.webp" alt="Law and Political Science Conference in Singapore" class="w-full h-[200px] object-cover transition duration-300 group-hover:opacity-90" loading="lazy" /> </div> <div class="absolute inset-0 bg-[#162d73] bg-opacity-0 group-hover:bg-opacity-10 transition duration-300"></div> </a> </div> </div> </div> </div> <script> let currentSlide = 0; const totalSlides = document.querySelectorAll('.carousel-item').length; function moveCarousel(direction) { const items = document.querySelectorAll('.carousel-item'); items[currentSlide].classList.add('hidden'); items[currentSlide].classList.remove('block'); currentSlide = (currentSlide + direction + totalSlides) % totalSlides; items[currentSlide].classList.remove('hidden'); items[currentSlide].classList.add('block'); } // Hide navigation buttons if there's only one slide if (totalSlides <= 1) { document.querySelectorAll('button').forEach(btn => btn.style.display = 'none'); } </script> </div> <div class="clearfix"> </div> </div> <div class="container mx-auto px-4 py-2"> <div> <div class="bg-white rounded-2xl shadow-xl p-8"> <h3 class="text-3xl md:text-4xl font-bold text-center text-[#162d73] mb-8"> International Conferences by Cities </h3> <ul class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4"> <li class="transform transition duration-300 hover:scale-105"> <a href="abu-dhabi.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Abu Dhabi </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="ahmedabad.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Ahmedabad </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="bali.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Bali </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="bangalore.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Bangalore </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="bangkok.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Bangkok </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="beijing.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Beijing </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="berlin.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Berlin </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="bhilai.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Bhilai </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="boston.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Boston </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="chennai.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Chennai </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="delhi.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Delhi </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="dubai.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Dubai </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="dublin.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Dublin </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="istanbul.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Istanbul </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="jakarta.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Jakarta </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="kolkata.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Kolkata </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="kuala-lumpur.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Kuala Lumpur </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="london.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> London </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="manila.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Manila </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="melbourne.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Melbourne </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="milan.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Milan </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="mumbai.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Mumbai </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="new-york.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> New York </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="paris.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Paris </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="rome.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Rome </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="shanghai.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Shanghai </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="singapore.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Singapore </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="sydney.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Sydney </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="tokyo.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Tokyo </span> </div> </a> </li> <li class="transform transition duration-300 hover:scale-105"> <a href="toronto.php" target="_blank" class="block bg-gradient-to-br from-[#162d73] to-[#1e3b99] hover:from-[#ff9944] hover:to-[#ffad6a] rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300"> <div class="flex items-center justify-center space-x-2 text-white"> <i class="fas fa-map-marker-alt text-lg"></i> <span class="font-medium text-base md:text-lg truncate"> Toronto </span> </div> </a> </li> </ul> </div> </div> </div> </div> <!-- //banner-down--> <!-- services --> <div class="" id="services"> <div class="container-fluid"> <div class="row"> <div class="col-xl-3 col-lg-3"> <!-- Hero Section --> <div class="relative bg-gradient-to-br from-[#162d73] via-[#264299] to-[#1a237e] py-16"> <div class="absolute inset-0 opacity-10 bg-[url('/images/world-map.png')] bg-center bg-no-repeat bg-cover"></div> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <h4 class="text-4xl md:text-5xl font-extrabold text-white mb-4"> Conferences By Country </h4> <p class="text-xl text-gray-200 max-w-2xl mx-auto"> Discover academic conferences and events across the globe </p> </div> </div> <!-- Sticky Navigation --> <div class="sticky top-0 z-40 bg-gradient-to-r from-white via-gray-50 to-white shadow-md py-4" id="nav-pills"> <div class="container mx-auto px-4"> <div class="flex flex-nowrap overflow-x-auto gap-4 pb-2 -mb-2 scrollbar-hide justify-start md:justify-center"> <a href="#Asia" class="scrollcountry inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-[#162d73] to-[#264299] hover:from-[#ff9944] hover:to-[#ffb74d] text-white transition-all duration-300 transform hover:scale-105 whitespace-nowrap shadow-md"> <span class="mr-2">Asia</span> <span class="bg-white text-[#162d73] text-xs px-2 py-1 rounded-full">39</span> </a> <a href="#Europe" class="scrollcountry inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-[#162d73] to-[#264299] hover:from-[#ff9944] hover:to-[#ffb74d] text-white transition-all duration-300 transform hover:scale-105 whitespace-nowrap shadow-md"> <span class="mr-2">Europe</span> <span class="bg-white text-[#162d73] text-xs px-2 py-1 rounded-full">41</span> </a> <a href="#Oceania" class="scrollcountry inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-[#162d73] to-[#264299] hover:from-[#ff9944] hover:to-[#ffb74d] text-white transition-all duration-300 transform hover:scale-105 whitespace-nowrap shadow-md"> <span class="mr-2">Oceania</span> <span class="bg-white text-[#162d73] text-xs px-2 py-1 rounded-full">4</span> </a> <a href="#Africa" class="scrollcountry inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-[#162d73] to-[#264299] hover:from-[#ff9944] hover:to-[#ffb74d] text-white transition-all duration-300 transform hover:scale-105 whitespace-nowrap shadow-md"> <span class="mr-2">Africa</span> <span class="bg-white text-[#162d73] text-xs px-2 py-1 rounded-full">24</span> </a> <a href="#North_America" class="scrollcountry inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-[#162d73] to-[#264299] hover:from-[#ff9944] hover:to-[#ffb74d] text-white transition-all duration-300 transform hover:scale-105 whitespace-nowrap shadow-md"> <span class="mr-2">North America</span> <span class="bg-white text-[#162d73] text-xs px-2 py-1 rounded-full">16</span> </a> <a href="#South_America" class="scrollcountry inline-flex items-center px-6 py-2 rounded-full bg-gradient-to-r from-[#162d73] to-[#264299] hover:from-[#ff9944] hover:to-[#ffb74d] text-white transition-all duration-300 transform hover:scale-105 whitespace-nowrap shadow-md"> <span class="mr-2">South America</span> <span class="bg-white text-[#162d73] text-xs px-2 py-1 rounded-full">12</span> </a> </div> </div> </div> <!-- Main Content --> <div class="bg-gradient-to-b from-[#162d73]/5 to-white py-12"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <!-- Asia Section --> <div id="Asia" class="group bg-white bg-opacity-80 backdrop-blur-sm rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border border-[#162d73]/10 hover:border-[#ff9944]/20"> <div class="flex items-center justify-between mb-6"> <a href="asia.php" class="text-2xl font-bold relative"> <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#162d73] to-[#264299] group-hover:from-[#ff9944] group-hover:to-[#ffb74d] transition-all duration-300">Asia</span> <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#162d73] to-[#ff9944] group-hover:w-full transition-all duration-300"></span> </a> <span class="px-4 py-1.5 bg-gradient-to-r from-[#162d73] to-[#264299] text-white text-sm rounded-full shadow-sm font-medium"> 39 Countries </span> </div> <div class="home-conf-list max-h-[400px] overflow-y-auto thin-scrollbar scrollbar-thumb-[#162d73] hover:scrollbar-thumb-[#ff9944] scrollbar-track-[#162d73]/5 pr-2 transition-colors duration-300"> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="azerbaijan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Azerbaijan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="bahrain.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Bahrain </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="bangladesh.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Bangladesh </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="bhutan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Bhutan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="brunei-darussalam.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Brunei Darussalam </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="cambodia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Cambodia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="china.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> China </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="hong-kong.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Hong Kong </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="india.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> India </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="indonesia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Indonesia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="iran.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Iran </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="iraq.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Iraq </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="israel.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Israel </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="japan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Japan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="jordan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Jordan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="kazakhstan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Kazakhstan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="kuwait.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Kuwait </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="malaysia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Malaysia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="maldives.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Maldives </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="mongolia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Mongolia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="nepal.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Nepal </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="north-korea.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> North Korea </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="oman.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Oman </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="pakistan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Pakistan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="palestinian-territories.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Palestinian Territories </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="philippines.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Philippines </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="qatar.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Qatar </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="russia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Russia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="saudi-arabia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Saudi Arabia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="singapore.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Singapore </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="south-korea.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> South Korea </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="sri-lanka.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Sri Lanka </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="syria.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Syria </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="taiwan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Taiwan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="thailand.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Thailand </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="turkey.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Turkey </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="uae.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> UAE </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="uzbekistan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Uzbekistan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="vietnam.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Vietnam </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> </ul> </div> </div> <!-- Europe Section --> <div id="Europe" class="group bg-white bg-opacity-80 backdrop-blur-sm rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border border-[#162d73]/10 hover:border-[#ff9944]/20"> <div class="flex items-center justify-between mb-6"> <a href="europe.php" class="text-2xl font-bold relative"> <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#162d73] to-[#264299] group-hover:from-[#ff9944] group-hover:to-[#ffb74d] transition-all duration-300">Europe</span> <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#162d73] to-[#ff9944] group-hover:w-full transition-all duration-300"></span> </a> <span class="px-4 py-1.5 bg-gradient-to-r from-[#162d73] to-[#264299] text-white text-sm rounded-full shadow-sm font-medium"> 41 Countries </span> </div> <div class="home-conf-list max-h-[400px] overflow-y-auto thin-scrollbar scrollbar-thumb-[#162d73] hover:scrollbar-thumb-[#ff9944] scrollbar-track-[#162d73]/5 pr-2 transition-colors duration-300"> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="andorra.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Andorra </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="armenia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Armenia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="austria.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Austria </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="belarus.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Belarus </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="belgium.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Belgium </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="bulgaria.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Bulgaria </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="croatia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Croatia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="cyprus.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Cyprus </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="czech-republic.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Czech Republic </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="denmark.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Denmark </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="estonia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Estonia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="finland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Finland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="france.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> France </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="georgia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Georgia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="germany.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Germany </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="greece.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Greece </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="hungary.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Hungary </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="iceland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Iceland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="ireland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Ireland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="italy.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Italy </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="lithuania.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Lithuania </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="luxembourg.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Luxembourg </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="macedonia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Macedonia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="malta.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Malta </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="monaco.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Monaco </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="netherlands.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Netherlands </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="norway.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Norway </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="poland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Poland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="portugal.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Portugal </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="romania.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Romania </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="san-marino.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> San Marino </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="scotland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Scotland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="serbia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Serbia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="slovakia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Slovakia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="slovenia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Slovenia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="spain.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Spain </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="sweden.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Sweden </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="switzerland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Switzerland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="uk.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> UK </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="ukraine.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Ukraine </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="vatican-city.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Vatican City </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> </ul> </div> </div> <!-- Oceania Section --> <div id="Oceania" class="group bg-white bg-opacity-80 backdrop-blur-sm rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border border-[#162d73]/10 hover:border-[#ff9944]/20"> <div class="flex items-center justify-between mb-6"> <a href="oceania.php" class="text-2xl font-bold relative"> <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#162d73] to-[#264299] group-hover:from-[#ff9944] group-hover:to-[#ffb74d] transition-all duration-300">Oceania</span> <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#162d73] to-[#ff9944] group-hover:w-full transition-all duration-300"></span> </a> <span class="px-4 py-1.5 bg-gradient-to-r from-[#162d73] to-[#264299] text-white text-sm rounded-full shadow-sm font-medium"> 4 Countries </span> </div> <div class="home-conf-list max-h-[400px] overflow-y-auto thin-scrollbar scrollbar-thumb-[#162d73] hover:scrollbar-thumb-[#ff9944] scrollbar-track-[#162d73]/5 pr-2 transition-colors duration-300"> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="australia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Australia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="fiji.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Fiji </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="new-zealand.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> New Zealand </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="papua-new-guinea.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Papua New Guinea </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> </ul> </div> </div> <!-- Africa Section --> <div id="Africa" class="group bg-white bg-opacity-80 backdrop-blur-sm rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border border-[#162d73]/10 hover:border-[#ff9944]/20"> <div class="flex items-center justify-between mb-6"> <a href="africa.php" class="text-2xl font-bold relative"> <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#162d73] to-[#264299] group-hover:from-[#ff9944] group-hover:to-[#ffb74d] transition-all duration-300">Africa</span> <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#162d73] to-[#ff9944] group-hover:w-full transition-all duration-300"></span> </a> <span class="px-4 py-1.5 bg-gradient-to-r from-[#162d73] to-[#264299] text-white text-sm rounded-full shadow-sm font-medium"> 24 Countries </span> </div> <div class="home-conf-list max-h-[400px] overflow-y-auto thin-scrollbar scrollbar-thumb-[#162d73] hover:scrollbar-thumb-[#ff9944] scrollbar-track-[#162d73]/5 pr-2 transition-colors duration-300"> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="algeria.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Algeria </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="egypt.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Egypt </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="ethiopia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Ethiopia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="gambia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Gambia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="ghana.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Ghana </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="kenya.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Kenya </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="lesotho.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Lesotho </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="liberia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Liberia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="malawi.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Malawi </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="mali.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Mali </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="mauritius.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Mauritius </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="morocco.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Morocco </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="mozambique.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Mozambique </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="namibia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Namibia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="niger.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Niger </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="sao-tome-and-principe.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Sao Tome and Principe </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="seychelles.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Seychelles </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="sierra-leone.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Sierra Leone </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="somalia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Somalia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="south-africa.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> South Africa </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="sudan.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Sudan </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="uganda.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Uganda </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="zambia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Zambia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="zimbabwe.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Zimbabwe </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> </ul> </div> </div> <!-- North America Section --> <div id="North_America" class="group bg-white bg-opacity-80 backdrop-blur-sm rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border border-[#162d73]/10 hover:border-[#ff9944]/20"> <div class="flex items-center justify-between mb-6"> <a href="north-america.php" class="text-2xl font-bold relative"> <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#162d73] to-[#264299] group-hover:from-[#ff9944] group-hover:to-[#ffb74d] transition-all duration-300">North America</span> <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#162d73] to-[#ff9944] group-hover:w-full transition-all duration-300"></span> </a> <span class="px-4 py-1.5 bg-gradient-to-r from-[#162d73] to-[#264299] text-white text-sm rounded-full shadow-sm font-medium"> 16 Countries </span> </div> <div class="home-conf-list max-h-[400px] overflow-y-auto thin-scrollbar scrollbar-thumb-[#162d73] hover:scrollbar-thumb-[#ff9944] scrollbar-track-[#162d73]/5 pr-2 transition-colors duration-300"> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="bahamas.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Bahamas </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="barbados.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Barbados </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="canada.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Canada </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="costa-rica.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Costa Rica </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="cuba.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Cuba </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="dominica.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Dominica </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="dominican-republic.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Dominican Republic </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="el-salvador.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> El Salvador </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="greenland.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Greenland </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="haiti.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Haiti </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="honduras.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Honduras </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="jamaica.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Jamaica </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="mexico.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Mexico </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="panama.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Panama </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="puerto-rico.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Puerto Rico </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="usa.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> USA </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> </ul> </div> </div> <!-- South America Section --> <div id="South_America" class="group bg-white bg-opacity-80 backdrop-blur-sm rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 border border-[#162d73]/10 hover:border-[#ff9944]/20"> <div class="flex items-center justify-between mb-6"> <a href="south-america.php" class="text-2xl font-bold relative"> <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#162d73] to-[#264299] group-hover:from-[#ff9944] group-hover:to-[#ffb74d] transition-all duration-300">South America</span> <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#162d73] to-[#ff9944] group-hover:w-full transition-all duration-300"></span> </a> <span class="px-4 py-1.5 bg-gradient-to-r from-[#162d73] to-[#264299] text-white text-sm rounded-full shadow-sm font-medium"> 12 Countries </span> </div> <div class="home-conf-list max-h-[400px] overflow-y-auto thin-scrollbar scrollbar-thumb-[#162d73] hover:scrollbar-thumb-[#ff9944] scrollbar-track-[#162d73]/5 pr-2 transition-colors duration-300"> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="argentina.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Argentina </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="bolivia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Bolivia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="brazil.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Brazil </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="chile.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Chile </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="colombia.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Colombia </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="ecuador.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Ecuador </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="guyana.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Guyana </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="paraguay.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Paraguay </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="peru.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Peru </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="suriname.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Suriname </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="uruguay.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Uruguay </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> <li class="transform transition-all duration-300 hover:-translate-y-0.5"> <a href="venezuela.php" class="flex items-center justify-between bg-gradient-to-r from-white to-gray-50/50 hover:from-[#162d73]/5 hover:to-[#ff9944]/5 rounded-lg py-3 px-4 group border border-transparent hover:border-[#162d73]/10 transition-all duration-300 truncate"> <span itemprop="areaServed" class="text-[#264299] group-hover:text-[#162d73] font-medium transition-colors duration-300"> Venezuela </span> <svg class="w-5 h-5 text-[#162d73]/40 group-hover:text-[#ff9944] transform group-hover:translate-x-1 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> <!-- Add this JavaScript at the bottom of the file --> <script> document.querySelectorAll('.scrollcountry').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const targetId = this.getAttribute('href').substring(1); const element = document.getElementById(targetId); const offset = 100; // Adjust scroll position for sticky nav const elementPosition = element.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - offset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); }); }); </script> </div> <div class="col-xl-7 col-lg-7"> <div class="container mx-auto px-4 py-8"> <div class="flex flex-col lg:flex-row gap-6"> <!-- Left Sidebar --> <div class="lg:w-1/4 lg:min-h-[600px]"> <div class="bg-gradient-to-b from-[#162d73] to-[#162d73]/90 rounded-xl shadow-lg"> <div class="p-4"> <div class="text-xl font-bold text-white mb-4 flex items-center"> <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> </svg> Browse Categories </div> <div class="space-y-2 max-h-[400px] lg:max-h-[500px] overflow-y-auto thin-scrollbar"> <button id="category-1" onclick="showTopics('1', 'Business and Economics', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Business and Economics</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-3" onclick="showTopics('3', 'Mathematics and statistics', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Mathematics and statistics</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-4" onclick="showTopics('4', 'Engineering and Technology', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Engineering and Technology</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-5" onclick="showTopics('5', 'Physical and life sciences', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Physical and life sciences</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-6" onclick="showTopics('6', 'Social Sciences and Humanities', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Social Sciences and Humanities</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-7" onclick="showTopics('7', 'Education', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Education</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-8" onclick="showTopics('8', 'Interdisciplinary', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Interdisciplinary</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-10" onclick="showTopics('10', 'Law', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Law</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-11" onclick="showTopics('11', 'Agriculture', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Agriculture</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-12" onclick="showTopics('12', 'Sports Science', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Sports Science</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> <button id="category-14" onclick="showTopics('14', 'Medical And Health Science', event)" class="w-full text-left px-4 py-3 rounded-lg text-white hover:bg-white/10 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-[#ff9944]/50 flex items-center group"> <span class="flex-1">Medical And Health Science</span> <svg class="w-5 h-5 transform transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> </div> </div> </div> </div> <!-- Right Content Area --> <div class="lg:w-3/4"> <div class="bg-white rounded-xl shadow-lg"> <div class="p-6 border-b border-gray-200"> <div id="currentTopic" class="text-2xl font-bold bg-gradient-to-r from-[#162d73] to-[#ff9944] bg-clip-text text-transparent"> Select a Topic </div> </div> <div class="p-6"> <div id="topicGrid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-h-[400px] lg:max-h-[500px] overflow-y-auto thin-scrollbar"> <div class="col-span-full text-center text-gray-500"> Select a topic from the left to view related conferences </div> </div> </div> </div> </div> </div> </div> <script> async function showTopics(catId, categoryName, event) { // Remove highlight from all buttons document.querySelectorAll('[id^="category-"]').forEach(btn => { btn.classList.remove('bg-white/10'); }); // Add highlight to selected button document.getElementById(`category-${catId}`).classList.add('bg-white/10'); const topicGrid = document.getElementById('topicGrid'); const currentTopic = document.getElementById('currentTopic'); currentTopic.textContent = categoryName; topicGrid.innerHTML = '<div class="col-span-full text-center"><div class="inline-block animate-spin rounded-full h-8 w-8 border-4 border-[#162d73] border-t-[#ff9944]"></div></div>'; try { const response = await fetch(`get_topics.php?cat_id=${catId}`); const topics = await response.json(); if (topics.length === 0) { topicGrid.innerHTML = '<div class="col-span-full text-center text-gray-500">No topics found</div>'; return; } topicGrid.innerHTML = ''; topics.forEach(topic => { const topicElement = ` <div class="bg-gradient-to-br from-gray-50 to-white rounded-lg p-4 hover:shadow-lg transition-all duration-300 border border-gray-100 hover:border-[#ff9944]/20 group"> <a href="${topic.url}" class="block"> <div class="text-[#162d73] group-hover:text-[#ff9944] transition-colors font-medium flex items-center"> <svg class="w-4 h-4 mr-2 text-[#ff9944] group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7"/> </svg> ${topic.name} </div> </a> </div> `; topicGrid.innerHTML += topicElement; }); // Improved mobile scroll behavior if (window.innerWidth < 1024 && event) { setTimeout(() => { const topicSection = document.getElementById('topicGrid').closest('.lg\\:w-3\\/4'); if (topicSection) { topicSection.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }, 100); } } catch (error) { console.error('Error loading topics:', error); topicGrid.innerHTML = '<div class="col-span-full text-center text-red-500">Error loading topics</div>'; } } document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('[id^="category-"]').forEach(btn => { const origClick = btn.getAttribute('onclick'); if (origClick) { const params = origClick.match(/'([^']+)'/g); btn.setAttribute('onclick', `showTopics(${params[0]}, ${params[1]}, event)`); } }); showTopics('1', 'Business and Economics'); }); </script> </div> <div class="col-sm-2 services-right-grid"> </div> </div> </div> <div class="clearfix"></div> </div> <!-- //services --> <div class="container mx-auto px-4 py-8 bg-gradient-to-b from-gray-50 to-gray-100"> <div class="text-center mb-12"> <h5 class="text-3xl md:text-4xl lg:text-5xl font-extrabold text-[#162d73] mb-4">Event Calendar 2025</h5> <div class="w-24 md:w-32 h-1 bg-[#ff9944] mx-auto rounded-full"></div> </div> <div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4 md:gap-6"> <a href="https://conferencealert.com/march.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Mar </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/april.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Apr </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/may.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> May </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/june.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Jun </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/july.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Jul </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/august.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Aug </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/september.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Sep </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/october.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Oct </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/november.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Nov </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/december.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2025 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Dec </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/january.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2026 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Jan </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> <a href="https://conferencealert.com/february.php" class="block group"> <div class="relative bg-gradient-to-br from-[#162d73] to-[#162d73]/90 p-6 md:p-8 rounded-xl shadow-md hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300 text-center border-2 border-transparent hover:border-[#ff9944]"> <div class="absolute top-2 right-2 bg-[#ff9944] text-white font-bold px-2 py-1 rounded-lg text-xs"> 2026 </div> <div class="text-xl md:text-2xl font-bold text-white group-hover:text-[#ff9944] mt-2"> Feb </div> <div class="mt-2 text-xs md:text-sm text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity"> View Events → </div> </div> </a> </div> </div><!-- Blog Section --> <div class="container mx-auto px-4 py-16 bg-gray-50"> <div class="text-center mb-8"> <h6 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-4 text-[#162d73]">Latest from Our Blog</h6> <div class="w-32 h-2 bg-[#ff9944] mx-auto rounded-full"></div> </div> <div id="blogGrid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8"> <!-- Blog posts will be loaded here --> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { fetch('https://conferencealert.com/blog/wp-json/wp/v2/posts?_embed&per_page=4') .then(response => response.json()) .then(posts => { const blogGrid = document.getElementById('blogGrid'); posts.forEach(post => { const date = new Date(post.date).toLocaleDateString(); const featuredImage = post._embedded?.['wp:featuredmedia']?.[0]?.source_url || 'https://conferencealert.com/images/default-blog.jpg'; const postElement = ` <div class="group"> <div class="bg-white rounded-2xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"> <div class="relative aspect-video overflow-hidden"> <img src="${featuredImage}" alt="${post.title.rendered}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> <div class="absolute inset-0 bg-gradient-to-t from-[#162d73]/70 to-transparent"></div> <div class="absolute bottom-4 left-4"> <span class="px-4 py-2 text-xs font-semibold rounded-full bg-[#ff9944] text-white">${date}</span> </div> </div> <div class="p-6"> <div class="font-bold text-lg mb-3 text-[#162d73] group-hover:text-[#ff9944] transition-colors duration-300 line-clamp-2"> ${post.title.rendered} </div> <div class="text-gray-600 text-sm mb-4 line-clamp-3"> ${post.excerpt.rendered.replace(/<[^>]*>/g, '')} </div> <a href="${post.link}" class="inline-flex items-center text-[#162d73] hover:text-[#ff9944] transition-colors duration-300 font-semibold"> <span>Read Article</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </a> </div> </div> </div> `; blogGrid.innerHTML += postElement; }); }) .catch(error => { console.error('Error fetching blog posts:', error); document.getElementById('blogGrid').innerHTML = '<p class="text-center col-span-full text-red-600 text-lg">Unable to load blog posts at this time.</p>'; }); }); </script> <!-- Footer --> <div class="w3ls"> <div class="bg-gray-800 text-gray-200 py-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div> <a href="https://conferencealert.com/"><img src="https://conferencealert.com/images/logo.png" alt="Conference Alert Logo" class="mb-4 h-28 md:h-24 lg:h-36 rounded-lg"></a> <p class="mb-4">info@conferencealert.com</p> <div class="flex space-x-4"> <a href="https://www.facebook.com/conferencealert.ica/" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-facebook"></i></a> <a href="https://x.com/Conf_Alert_Com" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-x-twitter"></i></a> <a href="https://www.linkedin.com/company/conference-alert-official/" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-linkedin"></i></a> <a href="https://www.instagram.com/alert_conf/" target="_blank" class="text-white hover:text-gray-400"><i class="fa-brands fa-instagram"></i></a> </div> </div> <div> <div class="text-lg font-semibold mb-4">Popular Links</div> <ul class="space-y-2"> <li><a href="https://conferencealert.com" class="text-white hover:text-gray-400">Home</a></li> <li><a href="https://conferencealert.com/subscribe.php" class="text-white hover:text-gray-400">Subscribe</a></li> <li><a href="https://conferencealert.com/faq.php" class="text-white hover:text-gray-400">F.A.Q.</a></li> <li><a href="https://conferencealert.com/blog" class="text-white hover:text-gray-400">Blog</a></li> <li><a href="https://conferencealert.com/about.php" class="text-white hover:text-gray-400">About Us</a></li> <li><a href="https://conferencealert.com/contact.php" class="text-white hover:text-gray-400">Contact Us</a></li> <li><a href="https://conferencealert.com/top-organizers.php" class="text-white hover:text-gray-400">Top Organizers</a></li> </ul> </div> <div> <div class="text-lg font-semibold mb-4">Quick Links</div> <ul class="space-y-2"> <li><a href="https://conferencealert.com/terms-of-use.php" class="text-white hover:text-gray-400">Terms of Use</a></li> <li><a href="https://conferencealert.com/privacy-policy.php" class="text-white hover:text-gray-400">Privacy Policy</a></li> <li><a href="https://conferencealert.com/sitemap.php" class="text-white hover:text-gray-400">Site Map</a></li> <li><a href="https://conferencealert.com/cookie-policy.php" class="text-white hover:text-gray-400">Cookie Policy</a></li> </ul> </div> <div> <div class="text-lg font-semibold mb-4">Popular Topics</div> <ul class="space-y-2"> <li><a href="https://conferencealert.com/technology.php" target="_blank" class="text-white hover:text-gray-400">Technology</a></li> <li><a href="https://conferencealert.com/health.php" target="_blank" class="text-white hover:text-gray-400">Health</a></li> <li><a href="https://conferencealert.com/education.php" target="_blank" class="text-white hover:text-gray-400">Education</a></li> <li><a href="https://conferencealert.com/business.php" target="_blank" class="text-white hover:text-gray-400">Business</a></li> <li><a href="https://conferencealert.com/engineering.php" target="_blank" class="text-white hover:text-gray-400">Engineering</a></li> <li><a href="https://conferencealert.com/ai.php" target="_blank" class="text-white hover:text-gray-400">AI</a></li> <li><a href="https://conferencealert.com/banking.php" target="_blank" class="text-white hover:text-gray-400">Banking</a></li> </ul> </div> </div> <div class="mt-8 border-t border-gray-700 pt-4 flex flex-col md:flex-row justify-between items-center"> <p class="text-sm">© 2025 <a href="https://conferencealert.com/" class="text-white hover:text-gray-400">ConferenceAlert.com</a>. All Rights Reserved. A Unity of <a class="text-white" href="https://iraj.in/">IRAJ International</a></p> </div> </div> </div> <button id="scrollToTop" class="fixed bottom-24 right-5 bg-blue-500 text-white rounded-full p-3 hidden hover:bg-blue-600 transition-all duration-300 z-50"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" /> </svg> </button> <script src='https://conferencealert.com/jsnew/popper.min.js'></script> <script src='https://conferencealert.com/jsnew/droopmenu.js'></script> <script src='https://conferencealert.com/jsnew/bootstrap.min.js'></script> <script src="https://conferencealert.com/js/chat.js?v=1.1"></script> <script> $(document).ready(function () { $("#silde").click(function () { $("#m-slide").slideToggle("slow"); }); }); $(function () { $('.datepicker').datepicker({ format: 'mm/dd/yyyy', todayHighlight: true, autoclose: true, }); }); $('.scrollcountry').on('click', function (e) { e.preventDefault(); var position = $($(this).attr("href")).offset().top; $('html, body').animate( { scrollTop: position }, 2000, 'linear' ); }); jQuery(function ($) { $('.droopmenu-navbar').droopmenu({ dmAnimationEffect: 'dmfade' }); }); new WOW().init(); // Scroll to top functionality const scrollToTopBtn = document.getElementById('scrollToTop'); window.addEventListener('scroll', () => { if (window.scrollY > 300) { scrollToTopBtn.classList.remove('hidden'); } else { scrollToTopBtn.classList.add('hidden'); } }); scrollToTopBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); </script> </div> <script> $(document).ready(function(){ $(".readmore-content").hide(); $(".home-about-read").click(function(){ $(".readmore-content").slideDown("slow"); $(".home-about-read").hide(); }); $(".content-close").click(function(){ $(".readmore-content").slideUp("slow"); $(".home-about-read").show(); }); }); </script> </body> </html>