{"id":154,"date":"2024-03-29T23:20:04","date_gmt":"2024-03-29T23:20:04","guid":{"rendered":"https:\/\/nesgswap.com\/?page_id=154"},"modified":"2025-08-02T17:38:55","modified_gmt":"2025-08-02T17:38:55","slug":"about-us","status":"publish","type":"page","link":"https:\/\/nesgswap.com\/index.php\/about-us\/","title":{"rendered":"ABOUT US"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"154\" class=\"elementor elementor-154\">\n\t\t\t\t<div data-eae-particle=\"{\n  &quot;particles&quot;: {\n    &quot;number&quot;: {\n      &quot;value&quot;: 80,\n      &quot;density&quot;: {\n        &quot;enable&quot;: true,\n        &quot;value_area&quot;: 800\n      }\n    },\n    &quot;color&quot;: {\n      &quot;value&quot;: &quot;#ffffff&quot;\n    },\n    &quot;shape&quot;: {\n      &quot;type&quot;: &quot;circle&quot;,\n      &quot;stroke&quot;: {\n        &quot;width&quot;: 0,\n        &quot;color&quot;: &quot;#000000&quot;\n      },\n      &quot;polygon&quot;: {\n        &quot;nb_sides&quot;: 5\n      },\n      &quot;image&quot;: {\n        &quot;src&quot;: &quot;img\/github.svg&quot;,\n        &quot;width&quot;: 100,\n        &quot;height&quot;: 100\n      }\n    },\n    &quot;opacity&quot;: {\n      &quot;value&quot;: 0.5,\n      &quot;random&quot;: false,\n      &quot;anim&quot;: {\n        &quot;enable&quot;: false,\n        &quot;speed&quot;: 1,\n        &quot;opacity_min&quot;: 0.1,\n        &quot;sync&quot;: false\n      }\n    },\n    &quot;size&quot;: {\n      &quot;value&quot;: 3,\n      &quot;random&quot;: true,\n      &quot;anim&quot;: {\n        &quot;enable&quot;: false,\n        &quot;speed&quot;: 40,\n        &quot;size_min&quot;: 0.1,\n        &quot;sync&quot;: false\n      }\n    },\n    &quot;line_linked&quot;: {\n      &quot;enable&quot;: true,\n      &quot;distance&quot;: 150,\n      &quot;color&quot;: &quot;#ffffff&quot;,\n      &quot;opacity&quot;: 0.4,\n      &quot;width&quot;: 1\n    },\n    &quot;move&quot;: {\n      &quot;enable&quot;: true,\n      &quot;speed&quot;: 6,\n      &quot;direction&quot;: &quot;none&quot;,\n      &quot;random&quot;: false,\n      &quot;straight&quot;: false,\n      &quot;out_mode&quot;: &quot;out&quot;,\n      &quot;bounce&quot;: false,\n      &quot;attract&quot;: {\n        &quot;enable&quot;: false,\n        &quot;rotateX&quot;: 600,\n        &quot;rotateY&quot;: 1200\n      }\n    }\n  },\n  &quot;interactivity&quot;: {\n    &quot;detect_on&quot;: &quot;canvas&quot;,\n    &quot;events&quot;: {\n      &quot;onhover&quot;: {\n        &quot;enable&quot;: true,\n        &quot;mode&quot;: &quot;repulse&quot;\n      },\n      &quot;onclick&quot;: {\n        &quot;enable&quot;: true,\n        &quot;mode&quot;: &quot;push&quot;\n      },\n      &quot;resize&quot;: true\n    },\n    &quot;modes&quot;: {\n      &quot;grab&quot;: {\n        &quot;distance&quot;: 400,\n        &quot;line_linked&quot;: {\n          &quot;opacity&quot;: 1\n        }\n      },\n      &quot;bubble&quot;: {\n        &quot;distance&quot;: 400,\n        &quot;size&quot;: 40,\n        &quot;duration&quot;: 2,\n        &quot;opacity&quot;: 8,\n        &quot;speed&quot;: 3\n      },\n      &quot;repulse&quot;: {\n        &quot;distance&quot;: 200,\n        &quot;duration&quot;: 0.4\n      },\n      &quot;push&quot;: {\n        &quot;particles_nb&quot;: 4\n      },\n      &quot;remove&quot;: {\n        &quot;particles_nb&quot;: 2\n      }\n    }\n  },\n  &quot;retina_detect&quot;: true\n}\" class=\"has_eae_slider elementor-element elementor-element-b1adf93 eae-particle-yes e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b1adf93\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f19ed0 elementor-widget elementor-widget-html\" data-id=\"7f19ed0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <title>NESGswap DEX - The Financial Revolution & G20 Leaders<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Orbitron:wght@600;700&family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* --- MODERN COLOR PALETTE & VARIABLES --- *\/\r\n        :root {\r\n            --bg-dark-blue: #0A0C21;\r\n            --bg-card: rgba(18, 21, 51, 0.7);\r\n            --primary-accent: #FFD700;\r\n            --secondary-accent: #00BFFF;\r\n            --text-light: #F0F0F0;\r\n            --text-secondary: #A0A0B3;\r\n            --border-color: rgba(255, 215, 0, 0.5);\r\n            --shadow-color: rgba(255, 215, 0, 0.2);\r\n            --gradient: linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));\r\n        }\r\n\r\n        \/* --- RESET & BASE STYLES (MOBILE-FIRST) --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            font-size: 14px;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: var(--bg-dark-blue);\r\n            color: var(--text-light);\r\n            line-height: 1.6;\r\n            background-image:\r\n                radial-gradient(circle at 15% 25%, rgba(0, 191, 255, 0.1), transparent 30%),\r\n                radial-gradient(circle at 85% 75%, rgba(255, 215, 0, 0.1), transparent 30%);\r\n            overflow-x: hidden;\r\n            -webkit-text-size-adjust: 100%;\r\n        }\r\n\r\n        .container {\r\n            width: 95%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0.5rem 0;\r\n        }\r\n\r\n        h1, h2, h3, h4 {\r\n            font-family: 'Orbitron', sans-serif;\r\n            letter-spacing: 1px;\r\n            line-height: 1.3;\r\n            word-wrap: break-word;\r\n        }\r\n\r\n        \/* --- HEADER & NAVIGATION --- *\/\r\n        .main-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 0.8rem 1rem;\r\n            position: sticky;\r\n            top: 0;\r\n            background-color: rgba(10, 12, 33, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            z-index: 1000;\r\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .logo {\r\n            font-family: 'Orbitron', sans-serif;\r\n            font-size: 1.2rem;\r\n            color: var(--primary-accent);\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .logo-icon {\r\n            color: var(--secondary-accent);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .nav-links {\r\n            display: none;\r\n            flex-direction: column;\r\n            position: absolute;\r\n            top: 60px;\r\n            left: 0;\r\n            width: 100%;\r\n            background-color: var(--bg-dark-blue);\r\n            padding: 1rem 0;\r\n            gap: 0.8rem;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n            border-top: 1px solid var(--border-color);\r\n        }\r\n\r\n        .nav-links.active {\r\n            display: flex;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: var(--text-light);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            padding: 0.5rem 1rem;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .nav-links a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 1rem;\r\n            width: 0;\r\n            height: 2px;\r\n            background: var(--primary-accent);\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--primary-accent);\r\n        }\r\n\r\n        .nav-links a:hover::after {\r\n            width: calc(100% - 2rem);\r\n        }\r\n        \r\n        .hamburger {\r\n            display: block;\r\n            cursor: pointer;\r\n            font-size: 1.3rem;\r\n            color: var(--text-light);\r\n            transition: transform 0.3s ease;\r\n            padding: 0.3rem;\r\n        }\r\n        \r\n        .hamburger.active {\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        \/* --- MAIN SECTIONS --- *\/\r\n        .main-title-section {\r\n            text-align: center;\r\n            padding: 1.5rem 0.8rem;\r\n            margin: 1rem 0;\r\n            background-color: transparent;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 10px;\r\n            box-shadow: 0 3px 15px var(--shadow-color);\r\n            backdrop-filter: blur(5px);\r\n            animation: fadeInDown 1s ease;\r\n        }\r\n\r\n        .main-title-section h1 {\r\n            font-size: clamp(1.8rem, 8vw, 3.5rem);\r\n            margin-bottom: 0.8rem;\r\n            background: var(--gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        .tagline {\r\n            font-size: clamp(0.9rem, 4vw, 1.4rem);\r\n            color: var(--text-light);\r\n            font-weight: 400;\r\n            margin-bottom: 1rem;\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        .animated-text {\r\n            display: inline-block;\r\n            position: relative;\r\n        }\r\n\r\n        .animated-text::after {\r\n            content: '|';\r\n            position: absolute;\r\n            right: -8px;\r\n            animation: blink 0.7s infinite;\r\n        }\r\n\r\n        @keyframes blink {\r\n            0%, 100% { opacity: 1; }\r\n            50% { opacity: 0; }\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from { opacity: 0; transform: translateY(-20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .section {\r\n            padding: 1.5rem 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(1.4rem, 6vw, 2.5rem);\r\n            margin-bottom: 1rem;\r\n            color: var(--primary-accent);\r\n            text-shadow: 0 0 8px rgba(255, 215, 0, 0.3);\r\n            position: relative;\r\n            display: inline-block;\r\n            padding: 0 1rem;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -8px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 2px;\r\n            background: var(--gradient);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .section-description {\r\n            font-size: clamp(0.85rem, 4vw, 1.1rem);\r\n            max-width: 700px;\r\n            margin: 0 auto 1.5rem auto;\r\n            color: var(--text-secondary);\r\n            padding: 0 0.8rem;\r\n        }\r\n\r\n        .hero-section {\r\n            background: linear-gradient(135deg, rgba(26, 35, 126, 0.7), rgba(0, 180, 216, 0.7));\r\n            border-radius: 15px;\r\n            padding: 1.5rem 1rem;\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid var(--primary-accent);\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n            margin-bottom: 1rem;\r\n            color: var(--primary-accent);\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: clamp(0.9rem, 3vw, 1.2rem);\r\n            margin-bottom: 1rem;\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        \/* --- FEATURES & VALUES GRID --- *\/\r\n        .features-grid, .values-grid, .team-grid {\r\n            display: grid;\r\n            gap: 1rem;\r\n            grid-template-columns: 1fr;\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        .feature-card, .value-item, .team-member {\r\n            background: var(--bg-card);\r\n            border-radius: 8px;\r\n            padding: 1.2rem;\r\n            border: 1px solid var(--border-color);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .feature-card.visible, .value-item.visible, .team-member.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .feature-card:hover, .value-item:hover, .team-member:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px var(--shadow-color);\r\n            border-color: var(--primary-accent);\r\n        }\r\n\r\n        .feature-icon, .value-icon {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 0.8rem;\r\n            color: var(--primary-accent);\r\n            display: inline-block;\r\n            text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);\r\n        }\r\n        \r\n        .value-icon { font-size: 1.5rem; }\r\n\r\n        .feature-title, .value-title {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 0.6rem;\r\n            color: var(--text-light);\r\n        }\r\n        \r\n        .value-title { \r\n            font-size: 1rem;\r\n            color: var(--secondary-accent);\r\n        }\r\n\r\n        .feature-card p, .value-item p {\r\n            color: var(--text-secondary);\r\n            font-size: 0.85rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* --- TEAM MEMBER STYLES --- *\/\r\n        .team-member {\r\n            text-align: center;\r\n        }\r\n\r\n        .member-photo {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n            margin: 0 auto 0.8rem;\r\n            border: 2px solid var(--primary-accent);\r\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .member-name {\r\n            font-weight: 600;\r\n            margin-bottom: 0.2rem;\r\n            color: var(--primary-accent);\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .member-role {\r\n            color: var(--secondary-accent);\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            margin-bottom: 0.6rem;\r\n        }\r\n\r\n        \/* --- CTA BUTTON --- *\/\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: var(--gradient);\r\n            color: #000;\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-family: 'Orbitron', sans-serif;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            border: none;\r\n            box-shadow: 0 3px 10px rgba(255, 215, 0, 0.3);\r\n            font-size: 0.95rem;\r\n            margin: 0.8rem 0;\r\n            border: 1px solid var(--primary-accent);\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, var(--secondary-accent), var(--primary-accent));\r\n            transition: all 0.4s ease;\r\n            z-index: -1;\r\n        }\r\n        \r\n        .cta-button:hover {\r\n            transform: translateY(-2px) scale(1.03);\r\n            box-shadow: 0 4px 15px rgba(0, 191, 255, 0.4);\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 0;\r\n        }\r\n\r\n        \/* --- PARTNERS --- *\/\r\n        .partners-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            margin-top: 1.5rem;\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        .partner-logo {\r\n            height: 30px;\r\n            filter: grayscale(100%) brightness(1.5);\r\n            opacity: 0.7;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .partner-logo:hover {\r\n            filter: none;\r\n            opacity: 1;\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        \/* --- G20 LEADERS CAROUSEL STYLES --- *\/\r\n        .g20-container {\r\n            background: transparent;\r\n            border-radius: 8px;\r\n            padding: 10px;\r\n            max-width: 100%;\r\n            width: 100%;\r\n            \/* Removed shadow as it's part of a section now *\/\r\n        }\r\n\r\n        .g20-title {\r\n            text-align: center;\r\n            color: #E0E0E0; \/* Adapted for dark theme *\/\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px; \/* More space *\/\r\n            line-height: 1.2;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .g20-title span {\r\n            color: var(--primary-accent); \/* Use theme accent color *\/\r\n        }\r\n\r\n        .carousel-container {\r\n            position: relative;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            touch-action: pan-y pinch-zoom;\r\n        }\r\n\r\n        .carousel {\r\n            display: flex;\r\n            transition: transform 0.4s ease-in-out;\r\n            width: 100%;\r\n            will-change: transform;\r\n        }\r\n\r\n        .leader-card {\r\n            flex: 0 0 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            background: #081A35; \/* Perfect for dark theme *\/\r\n            padding: 10px;\r\n            border-radius: 6px;\r\n            border: 2px solid var(--primary-accent); \/* Use theme accent *\/\r\n            margin: 0 3px;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .leader-photo {\r\n            width: 70px;\r\n            height: 70px;\r\n            object-fit: cover;\r\n            margin-bottom: 6px;\r\n            border: 1px solid var(--primary-accent);\r\n        }\r\n\r\n        .leader-name {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            color: var(--primary-accent);\r\n            margin: 0;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .country-flag {\r\n            width: 25px;\r\n            height: auto;\r\n            margin: 5px 0;\r\n        }\r\n\r\n        .carousel-nav {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 6px;\r\n            margin-top: 15px; \/* More space *\/\r\n        }\r\n\r\n        .carousel-nav button {\r\n            background: #1a3b5d; \/* Fits dark theme *\/\r\n            color: #fff;\r\n            border: none;\r\n            padding: 8px 12px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 0.75rem;\r\n            width: 48%;\r\n            min-height: 44px;\r\n            transition: background 0.2s ease;\r\n            touch-action: manipulation;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .carousel-nav button:active {\r\n            background: #2a5b8d;\r\n        }\r\n\r\n        .carousel-nav button:disabled {\r\n            background: #444; \/* Darker disabled state *\/\r\n            color: #888;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        \/* --- FOOTER --- *\/\r\n        footer {\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n            padding: 1.5rem 0.5rem;\r\n            border-top: 1px solid var(--border-color);\r\n            background: var(--bg-card);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .footer-logo {\r\n            font-family: 'Orbitron', sans-serif;\r\n            font-size: 1.5rem;\r\n            color: var(--primary-accent);\r\n            margin-bottom: 0.8rem;\r\n        }\r\n\r\n        .social-links {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin: 1rem 0;\r\n        }\r\n\r\n        .social-link {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 215, 0, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.1rem;\r\n            color: var(--primary-accent);\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            border: 1px solid var(--border-color);\r\n        }\r\n\r\n        .social-link:hover {\r\n            background: var(--primary-accent);\r\n            color: var(--bg-dark-blue);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 3px 10px var(--shadow-color);\r\n        }\r\n        \r\n        footer p {\r\n            color: var(--text-secondary);\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .copyright {\r\n            margin-top: 0.8rem;\r\n        }\r\n        \r\n        \/* --- MEDIA QUERIES FOR TABLETS --- *\/\r\n        @media (min-width: 768px) {\r\n            html { font-size: 15px; }\r\n            .container { padding: 1rem 0; }\r\n            .hamburger { display: none; }\r\n            .nav-links { display: flex; position: static; flex-direction: row; background: transparent; padding: 0; box-shadow: none; border: none; gap: 1.2rem; }\r\n            .nav-links a { padding: 0.3rem 0; font-size: 0.9rem; }\r\n            .nav-links a::after { left: 0; }\r\n            .nav-links a:hover::after { width: 100%; }\r\n            .features-grid { grid-template-columns: repeat(2, 1fr); padding: 0; }\r\n            .values-grid { grid-template-columns: repeat(2, 1fr); padding: 0; }\r\n            .team-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .partner-logo { height: 40px; }\r\n            .main-title-section { padding: 2rem 1.2rem; }\r\n            .hero-section { padding: 2rem 1.5rem; }\r\n            .member-photo { width: 100px; height: 100px; }\r\n            \r\n            \/* G20 Carousel Tablet *\/\r\n            .leader-card { flex: 0 0 calc(50% - 6px); padding: 12px; }\r\n            .leader-photo { width: 80px; height: 80px; }\r\n            .leader-name { font-size: 0.85rem; }\r\n            .country-flag { width: 28px; }\r\n            .carousel-nav button { padding: 10px 14px; font-size: 0.8rem; }\r\n        }\r\n\r\n        \/* --- MEDIA QUERIES FOR DESKTOP --- *\/\r\n        @media (min-width: 1024px) {\r\n            html { font-size: 16px; }\r\n            .main-title-section { padding: 3rem 1.5rem; }\r\n            .section { padding: 2.5rem 0; }\r\n            .features-grid { grid-template-columns: repeat(3, 1fr); }\r\n            .values-grid { grid-template-columns: repeat(4, 1fr); }\r\n            .team-grid { grid-template-columns: repeat(4, 1fr); }\r\n            .partner-logo { height: 50px; }\r\n            .hero-section { padding: 3rem 2rem; }\r\n\r\n            \/* G20 Carousel Desktop *\/\r\n            .leader-card { flex: 0 0 calc(33.33% - 9px); padding: 14px; margin: 0 4.5px; }\r\n            .leader-photo { width: 90px; height: 90px; }\r\n            .leader-name { font-size: 0.9rem; }\r\n            .country-flag { width: 32px; }\r\n            .carousel-nav { margin-top: 10px; }\r\n            .carousel-nav button { padding: 10px 16px; font-size: 0.85rem; }\r\n        }\r\n        \r\n        \/* --- SMALL MOBILE ADJUSTMENTS --- *\/\r\n        @media (max-width: 360px) {\r\n            html { font-size: 13px; }\r\n            .container { width: 97%; }\r\n            .feature-card, .value-item, .team-member { padding: 1rem; }\r\n            .feature-icon { font-size: 1.6rem; margin-bottom: 0.6rem; }\r\n            .feature-title { font-size: 1rem; }\r\n            .cta-button { padding: 0.7rem 1.5rem; font-size: 0.9rem; }\r\n            .member-photo { width: 70px; height: 70px; }\r\n\r\n            \/* G20 Carousel Small Mobile *\/\r\n            .g20-title { font-size: 1.2rem; }\r\n            .leader-photo { width: 60px; height: 60px; }\r\n            .leader-name { font-size: 0.75rem; }\r\n            .country-flag { width: 22px; }\r\n            .carousel-nav button { font-size: 0.7rem; padding: 6px 10px; }\r\n        }\r\n\r\n        \/* --- PARTICLES EFFECT --- *\/\r\n        .particles {\r\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;\r\n        }\r\n        .particle {\r\n            position: absolute; background: rgba(255, 215, 0, 0.5); border-radius: 50%; animation: floatParticle linear infinite;\r\n        }\r\n        @keyframes floatParticle {\r\n            0% { transform: translateY(0) translateX(0); opacity: 0; }\r\n            10% { opacity: 1; }\r\n            90% { opacity: 1; }\r\n            100% { transform: translateY(-100vh) translateX(100px); opacity: 0; }\r\n        }\r\n\r\n        \/* --- PERFORMANCE & TOUCH OPTIMIZATIONS --- *\/\r\n        .will-change { will-change: transform, opacity; }\r\n        button, a, input, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"particles\" id=\"particles\"><\/div>\r\n    \r\n    <header class=\"main-header\">\r\n        <a href=\"#\" class=\"logo\">\r\n            <i class=\"fas fa-coins logo-icon\"><\/i>\r\n            NESGswap\r\n        <\/a>\r\n        <nav class=\"nav-links\">\r\n            <a href=\"#features\">Features<\/a>\r\n            <a href=\"#team\">Team<\/a>\r\n            <a href=\"#leaders\">Leaders<\/a>\r\n            <a href=\"#values\">Values<\/a>\r\n            <a href=\"#join\">Join<\/a>\r\n        <\/nav>\r\n        <div class=\"hamburger\">\r\n            <i class=\"fas fa-bars\"><\/i>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main>\r\n        <div class=\"container\">\r\n            <header class=\"main-title-section will-change\">\r\n                <h1>NESGswap <span class=\"animated-text\">DEX<\/span><\/h1>\r\n                <p class=\"tagline\">The World's Leading Decentralized Exchange (DEX) NESGSwap DEX is a decentralized platform powered by a global, multidisciplinary team of experts in finance, administration, economic policy, and law. Its mission is to strengthen the international financial architecture, promoting economic stability, digital inclusion, and equitable and sustainable growth for all nations.<\/p>\r\n                <div style=\"margin-top: 1.2rem;\">\r\n                    <a href=\"#join\" class=\"cta-button\">Explore Platform <i class=\"fas fa-arrow-right\" style=\"margin-left: 8px;\"><\/i><\/a>\r\n                <\/div>\r\n            <\/header>\r\n            \r\n            <section class=\"hero-section will-change\">\r\n                <h2 class=\"hero-title\">A New Era of Financial Freedom<\/h2>\r\n                <p class=\"hero-subtitle\">\r\n                    NESGswap DEX is a revolutionary initiative led by a diverse team of global experts in finance, administration, economic policies and law, committed to promoting financial stability and equitable growth worldwide.\r\n                <\/p>\r\n                <a href=\"#features\" class=\"cta-button\">Discover More <i class=\"fas fa-chevron-down\" style=\"margin-left: 8px;\"><\/i><\/a>\r\n            <\/section>\r\n            \r\n            <section class=\"section\" id=\"mission\">\r\n                <h2 class=\"section-title\">Our Mission<\/h2>\r\n                <p class=\"section-description\">\r\n                    We are leading the new era of global finance, driving the NESG (NESARA GESARA)GCR, backed by the G20, and the Al Arab currency. Our decentralized platform challenges the traditional banking system with transparent, secure, and efficient exchange. To build a world without banks through a DEX that unites the largest cryptocurrencies in the global market, such as NESG, GCR and Al Arab, in the DeFi metaverse.\r\n                <\/p>\r\n            <\/section>\r\n            \r\n            <section class=\"section\" id=\"features\">\r\n                <h2 class=\"section-title\">Why Choose NESGswap<\/h2>\r\n                <p class=\"section-description\">\r\n                    The most advanced DEX platform for exchanging digital assets backed by governments and international organizations.\r\n                <\/p>\r\n                \r\n                <div class=\"features-grid\">\r\n                    <div class=\"feature-card will-change\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Multi-Blockchain Bridge<\/h3>\r\n                        <p>We create a bridge for NESG Coin on networks like BNB, Polygon, and ETH,Sol, offering a unique and connected ecosystem.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card will-change\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Censorship Resistance<\/h3>\r\n                        <p>Any user can access and operate on the platform without restrictions, regardless of their location or political situation.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card will-change\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-exchange-alt\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Full Interoperability<\/h3>\r\n                        <p>We facilitate exchange between different digital assets and protocols, expanding your investment options.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card will-change\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Global Currency Access<\/h3>\r\n                        <p>Trade with government-backed currencies including GCR and Al Arab in a decentralized environment with full blockchain transparency and security.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card will-change\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-balance-scale\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Financial Revolution<\/h3>\r\n                        <p>Be an active part of transforming the global financial landscape into a more inclusive, fair and accessible system for all users.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"feature-card will-change\">\r\n                        <div class=\"feature-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n                        <h3 class=\"feature-title\">Secure & Decentralized<\/h3>\r\n                        <p>True peer-to-peer exchange without a central authority controlling your assets. You maintain full control of your funds at all times with smart contract technology.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"section\" id=\"vision\">\r\n                <h2 class=\"section-title\">Our Vision<\/h2>\r\n                <div class=\"values-grid\">\r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-globe-americas\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Democratization<\/h4>\r\n                        <p>Access to advanced financial services for everyone, without traditional barriers.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-user-shield\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">No Intermediaries<\/h4>\r\n                        <p>Direct peer-to-peer asset exchange, reducing costs and friction.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-project-diagram\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Seamless Connection<\/h4>\r\n                        <p>Frictionless exchange between different blockchains and digital ecosystems.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-coins\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Full Autonomy<\/h4>\r\n                        <p>We empower users with complete control over their funds in a secure environment.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Transparency<\/h4>\r\n                        <p>Open and verifiable operations on blockchain without hidden agendas or intermediaries.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Security<\/h4>\r\n                        <p>Military-grade protection with advanced encryption for all transactions and user data.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Inclusion<\/h4>\r\n                        <p>Global financial access without borders or discrimination, available 24\/7 for everyone.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"value-item will-change\">\r\n                        <div class=\"value-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n                        <h4 class=\"value-title\">Innovation<\/h4>\r\n                        <p>Cutting-edge solutions that combine the best of traditional finance with blockchain technology.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n            <section class=\"section team-section\" id=\"team\">\r\n                <h2 class=\"section-title\">Global Expert Team<\/h2>\r\n                <p class=\"section-description\">Our diverse team brings world-class expertise across all financial and technological disciplines.<\/p>\r\n                \r\n                <div class=\"team-grid\">\r\n                    <div class=\"team-member will-change\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"Dr. Sarah Chen\" class=\"member-photo\">\r\n                        <h4 class=\"member-name\">Dr. Sarah Chen<\/h4>\r\n                        <p class=\"member-role\">Financial Policy Expert<\/p>\r\n                        <p>Former IMF director with 15 years experience in global monetary policies.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"team-member will-change\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"James Smith\" class=\"member-photo\">\r\n                        <h4 class=\"member-name\">James Smith<\/h4>\r\n                        <p class=\"member-role\">Blockchain Architect<\/p>\r\n                        <p>DEX pioneer with contributions to Ethereum and Solana.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"team-member will-change\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Aisha Al-Farsi\" class=\"member-photo\">\r\n                        <h4 class=\"member-name\">Aisha Al-Farsi<\/h4>\r\n                        <p class=\"member-role\">Middle East Financial Markets<\/p>\r\n                        <p>Specialist in Arab financial systems integration.<\/p>\r\n                    <\/div>\r\n                     <div class=\"team-member will-change\">\r\n                        <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/46.jpg\" alt=\"Javier Rodriguez\" class=\"member-photo\">\r\n                        <h4 class=\"member-name\">Javier Rodriguez<\/h4>\r\n                        <p class=\"member-role\">Legal & Compliance Officer<\/p>\r\n                        <p>Expert in international financial law and regulation.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section class=\"section\" id=\"leaders\">\r\n                 <div class=\"g20-container\">\r\n                    <h3 class=\"g20-title\"><span>G20 Key Leaders & Supporters GCR,AlArab,NESG, QFS<\/span><\/h3>\r\n                    <div class=\"carousel-container\">\r\n                        <div class=\"carousel\">\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/oceanpanel.org\/wp-content\/uploads\/2024\/09\/UAE_President-copy-scaled-e1727167522591.jpg\" alt=\"Mohamed bin Zayed\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Mohamed bin Zayed<\/h4><img decoding=\"async\" src=\"https:\/\/flagpedia.net\/data\/flags\/w80\/ae.png\" class=\"country-flag\" alt=\"Bandera de Emiratos \u00c1rabes Unidos\" loading=\"lazy\"><\/div>\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/5\/56\/Donald_Trump_official_portrait.jpg\/1024px-Donald_Trump_official_portrait.jpg\" alt=\"Donald Trump\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Donald Trump<\/h4><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/us.png\" alt=\"Bandera de Estados Unidos\" class=\"country-flag\" loading=\"lazy\"><\/div>\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0c\/Prince_Mohammad_bin_Salman%2C_Oct._2023.jpg\/1200px-Prince_Mohammad_bin_Salman%2C_Oct._2023.jpg\" alt=\"Mohamed bin Salman\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Mohamed bin Salman<\/h4><img decoding=\"async\" src=\"https:\/\/flagpedia.net\/data\/flags\/w580\/sa.webp\" class=\"country-flag\" alt=\"Bandera de Arabia Saudita\" loading=\"lazy\"><\/div>\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/04\/Xi_Jinping_%28November_2024%29_02.jpg\" alt=\"Xi Jinping\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Xi Jinping<\/h4><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/cn.png\" alt=\"Bandera de China\" class=\"country-flag\" loading=\"lazy\"><\/div>\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/cdn.siasat.com\/wp-content\/uploads\/2024\/11\/PTI11_19_2024_000007B-1012x1024.jpg\" alt=\"Narendra Modi\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Narendra Modi<\/h4><img decoding=\"async\" src=\"https:\/\/flagpedia.net\/data\/flags\/w580\/in.webp\" class=\"country-flag\" loading=\"lazy\"><\/div>\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/www.politico.eu\/cdn-cgi\/image\/width=1024,quality=80,onerror=none,format=auto\/wp-content\/uploads\/2019\/06\/GettyImages-599076902.jpg\" alt=\"Vladimir Putin\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Vladimir Putin<\/h4><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/ru.png\" alt=\"Bandera de Rusia\" class=\"country-flag\" loading=\"lazy\"><\/div>\r\n                            <div class=\"leader-card\"><img decoding=\"async\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2025\/05\/Dr.-Zelaya-Perfil.png\" alt=\"Nilo Zelaya\" class=\"leader-photo\" loading=\"lazy\" sizes=\"(max-width: 480px) 70px, 80px\"><h4 class=\"leader-name\">Nilo Zelaya<\/h4><img decoding=\"async\" src=\"https:\/\/gcr.social\/images\/app-screens\/sc-medium-a.png\" alt=\"Bandera de GCR\" class=\"country-flag\" loading=\"lazy\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-nav\">\r\n                            <button id=\"prevBtn\">Previous<\/button>\r\n                            <button id=\"nextBtn\">Next<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            \r\n        <\/div>\r\n    <\/main>\r\n\r\n    <footer id=\"join\">\r\n        <div class=\"container\">\r\n            <div class=\"footer-logo\">NESGSwap<\/div>\r\n            <p>Join the financial revolution. Connect with us on our social channels.<\/p>\r\n            <div class=\"social-links\">\r\n                <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n                <a href=\"#\" class=\"social-link\" aria-label=\"Telegram\"><i class=\"fab fa-telegram-plane\"><\/i><\/a>\r\n                <a href=\"#\" class=\"social-link\" aria-label=\"Discord\"><i class=\"fab fa-discord\"><\/i><\/a>\r\n                <a href=\"#\" class=\"social-link\" aria-label=\"Medium\"><i class=\"fab fa-medium-m\"><\/i><\/a>\r\n            <\/div>\r\n            <p class=\"copyright\">&copy; 2024 NESGSwap. All Rights Reserved. The Future of Finance is Here.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ --- SCRIPT FOR NESGSWAP (Mobile Menu, Animations) ---\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ Hamburger Menu Toggle\r\n            const hamburger = document.querySelector('.hamburger');\r\n            const navLinks = document.querySelector('.nav-links');\r\n            if(hamburger) {\r\n                hamburger.addEventListener('click', () => {\r\n                    navLinks.classList.toggle('active');\r\n                    hamburger.classList.toggle('active');\r\n                });\r\n            }\r\n\r\n            \/\/ Close menu when a link is clicked\r\n            document.querySelectorAll('.nav-links a').forEach(link => {\r\n                link.addEventListener('click', () => {\r\n                    if (navLinks.classList.contains('active')) {\r\n                        navLinks.classList.remove('active');\r\n                        hamburger.classList.remove('active');\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Intersection Observer for animations\r\n            const animatedElements = document.querySelectorAll('.will-change');\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                        observer.unobserve(entry.target); \/\/ Optional: stop observing after animation\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.1 \/\/ Trigger when 10% of the element is visible\r\n            });\r\n            animatedElements.forEach(el => observer.observe(el));\r\n\r\n            \/\/ Particle effect\r\n            const particlesContainer = document.getElementById('particles');\r\n            if(particlesContainer) {\r\n                const particleCount = 20;\r\n                for (let i = 0; i < particleCount; i++) {\r\n                    let particle = document.createElement('div');\r\n                    particle.classList.add('particle');\r\n                    const size = Math.random() * 4 + 1;\r\n                    particle.style.width = `${size}px`;\r\n                    particle.style.height = `${size}px`;\r\n                    particle.style.left = `${Math.random() * 100}%`;\r\n                    particle.style.animationDuration = `${Math.random() * 10 + 5}s`;\r\n                    particle.style.animationDelay = `${Math.random() * 5}s`;\r\n                    particlesContainer.appendChild(particle);\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n    <script>\r\n        \/\/ --- SCRIPT FOR G20 LEADERS CAROUSEL ---\r\n        const carousel = document.querySelector('.carousel');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n        if (carousel) {\r\n            const cards = document.querySelectorAll('.leader-card');\r\n            let currentIndex = 0;\r\n            let cardsToShow = 1;\r\n            let touchStartX = 0;\r\n            let touchEndX = 0;\r\n\r\n            function updateCarousel() {\r\n                const cardMargin = (window.innerWidth <= 480 ? 6 : window.innerWidth <= 768 ? 6 : 9);\r\n                const cardWidth = cards[0].offsetWidth + cardMargin;\r\n                carousel.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n                prevBtn.disabled = currentIndex === 0;\r\n                nextBtn.disabled = currentIndex >= cards.length - cardsToShow;\r\n            }\r\n\r\n            function updateCardsToShow() {\r\n                if (window.innerWidth < 768) {\r\n                    cardsToShow = 1;\r\n                } else if (window.innerWidth < 1024) {\r\n                    cardsToShow = 2;\r\n                } else {\r\n                    cardsToShow = 3;\r\n                }\r\n                currentIndex = Math.max(0, Math.min(currentIndex, cards.length - cardsToShow));\r\n                updateCarousel();\r\n            }\r\n\r\n            function handleSwipe() {\r\n                const swipeDistance = touchEndX - touchStartX;\r\n                if (swipeDistance > 30) { \/\/ Swipe Right\r\n                    movePrev();\r\n                } else if (swipeDistance < -30) { \/\/ Swipe Left\r\n                    moveNext();\r\n                }\r\n            }\r\n            \r\n            function moveNext() {\r\n                 if (currentIndex < cards.length - cardsToShow) {\r\n                    currentIndex++;\r\n                    updateCarousel();\r\n                }\r\n            }\r\n\r\n            function movePrev() {\r\n                if (currentIndex > 0) {\r\n                    currentIndex--;\r\n                    updateCarousel();\r\n                }\r\n            }\r\n\r\n            prevBtn.addEventListener('click', movePrev);\r\n            nextBtn.addEventListener('click', moveNext);\r\n\r\n            carousel.addEventListener('touchstart', (e) => {\r\n                touchStartX = e.changedTouches[0].screenX;\r\n            }, { passive: true });\r\n\r\n            carousel.addEventListener('touchend', (e) => {\r\n                touchEndX = e.changedTouches[0].screenX;\r\n                handleSwipe();\r\n            });\r\n\r\n            window.addEventListener('resize', updateCardsToShow);\r\n            \/\/ Initial setup\r\n            \/\/ Use a small timeout to ensure all elements are rendered for correct width calculation\r\n            setTimeout(updateCardsToShow, 100);\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-28c14fa elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"28c14fa\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-005a895\" data-id=\"005a895\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b3e474 elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"8b3e474\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;7&quot;,&quot;slides_to_show_mobile&quot;:&quot;9&quot;,&quot;slides_to_scroll&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;dots&quot;,&quot;autoplay_speed&quot;:200,&quot;speed&quot;:2500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:22,&quot;sizes&quot;:[]},&quot;slides_to_show_tablet&quot;:&quot;5&quot;,&quot;slides_to_scroll_tablet&quot;:&quot;1&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;9&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-widget-image-carousel .swiper,.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure,.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide{max-width:calc(100% \/ var(--e-image-carousel-slides-to-show, 3))}<\/style>\t\t<div class=\"elementor-image-carousel-wrapper swiper\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2024\/04\/3-150x150.png\" alt=\"3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2024\/04\/2-150x150.png\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2024\/04\/1-150x150.png\" alt=\"1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2024\/05\/GCR_2024-NESG-150x150.png\" alt=\"GCR_2024-NESG\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2024\/05\/GESARA-NESG-150x150.png\" alt=\"GESARA NESG\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/nesgswap.com\/wp-content\/uploads\/2025\/06\/NESG-Oficial-2024-150x150.png\" alt=\"NESG Oficial 2024\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NESGswap DEX &#8211; The Financial Revolution &#038; G20 Leaders NESGswap Features Team Leaders Values Join NESGswap DEX The World&#8217;s Leading [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/pages\/154"}],"collection":[{"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":262,"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":7445,"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/pages\/154\/revisions\/7445"}],"wp:attachment":[{"href":"https:\/\/nesgswap.com\/index.php\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}