{"id":42,"date":"2026-07-29T05:17:14","date_gmt":"2026-07-29T05:17:14","guid":{"rendered":"https:\/\/tourismfirstsuriname.com\/?page_id=42"},"modified":"2026-07-29T05:36:10","modified_gmt":"2026-07-29T05:36:10","slug":"home","status":"publish","type":"page","link":"https:\/\/tourismfirstsuriname.com\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Tourism First Suriname | Invest \u2022 Explore \u2022 Partner<\/title>\n    <meta name=\"description\" content=\"Tourism First Suriname \u2013 the strategic platform connecting government, investors, development partners, tourism stakeholders and visitors to unlock sustainable tourism and investment opportunities in Suriname.\">\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Playfair+Display:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --yellow: #FFD51C;\n            --yellow-dark: #E6BF00;\n            --black: #0A0A0A;\n            --dark: #111111;\n            --gray-900: #1A1A1A;\n            --gray-800: #2A2A2A;\n            --gray-700: #3A3A3A;\n            --gray-400: #9CA3AF;\n            --gray-300: #D1D5DB;\n            --white: #FFFFFF;\n            --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n\n        body {\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n            background: var(--black);\n            color: var(--white);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, h4 {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-weight: 700;\n            line-height: 1.2;\n        }\n\n        img { max-width: 100%; height: auto; display: block; }\n        a { text-decoration: none; color: inherit; transition: var(--transition); }\n\n        .container {\n            width: 100%;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n                        transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal.active { opacity: 1; transform: translateY(0); }\n        .reveal-delay-1 { transition-delay: 0.1s; }\n        .reveal-delay-2 { transition-delay: 0.2s; }\n        .reveal-delay-3 { transition-delay: 0.3s; }\n\n        \n        \n        \n        \n        \n        .logo:hover \n\n        \n        \n        \n        \n        \n\n        \n        \n        \n\n        \n        \n\n        .hero {\n            position: relative;\n            height: 100vh;\n            min-height: 700px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            overflow: hidden;\n        }\n        .hero-video {\n            position: absolute;\n            inset: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            z-index: 0;\n            transform: scale(1.05);\n            animation: heroZoom 20s ease-in-out infinite alternate;\n        }\n        @keyframes heroZoom {\n            from { transform: scale(1.05); }\n            to { transform: scale(1.12); }\n        }\n        .hero-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to bottom, rgba(10,10,10,0.55) 0%, rgba(10,10,10,0.4) 40%, rgba(10,10,10,0.7) 100%);\n            z-index: 1;\n        }\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 900px;\n            padding: 0 24px;\n        }\n        .hero-eyebrow {\n            display: inline-block;\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--yellow);\n            margin-bottom: 24px;\n            opacity: 0;\n            animation: fadeUpHero 0.9s ease forwards 0.3s;\n        }\n        .hero h1 {\n            font-size: clamp(2.75rem, 6vw, 4.5rem);\n            margin-bottom: 24px;\n            opacity: 0;\n            animation: fadeUpHero 0.9s ease forwards 0.5s;\n        }\n        .hero h1 span { color: var(--yellow); }\n        .hero p {\n            font-size: 1.2rem;\n            color: var(--gray-300);\n            max-width: 640px;\n            margin: 0 auto 40px;\n            opacity: 0;\n            animation: fadeUpHero 0.9s ease forwards 0.7s;\n        }\n        .hero-buttons {\n            display: flex;\n            gap: 16px;\n            justify-content: center;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeUpHero 0.9s ease forwards 0.9s;\n        }\n        @keyframes fadeUpHero {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 16px 32px;\n            font-weight: 600;\n            font-size: 0.95rem;\n            border-radius: 2px;\n            transition: var(--transition);\n            cursor: pointer;\n            border: none;\n        }\n        .btn-primary {\n            background: var(--yellow);\n            color: var(--black);\n        }\n        .btn-primary:hover {\n            background: var(--yellow-dark);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(255, 213, 28, 0.35);\n        }\n        .btn-outline {\n            background: transparent;\n            color: var(--white);\n            border: 1px solid rgba(255, 255, 255, 0.4);\n        }\n        .btn-outline:hover {\n            border-color: var(--yellow);\n            color: var(--yellow);\n            transform: translateY(-3px);\n        }\n\n        section { padding: 100px 0; }\n        .section-header {\n            text-align: center;\n            max-width: 720px;\n            margin: 0 auto 64px;\n        }\n        .section-eyebrow {\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--yellow);\n            margin-bottom: 16px;\n        }\n        .section-header h2 {\n            font-size: clamp(2rem, 4vw, 2.75rem);\n            margin-bottom: 20px;\n        }\n        .section-header p {\n            color: var(--gray-400);\n            font-size: 1.1rem;\n        }\n\n        .mission { background: var(--dark); }\n        .mission-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n        .mission-text h2 {\n            font-size: clamp(1.9rem, 3.5vw, 2.5rem);\n            margin-bottom: 24px;\n        }\n        .mission-text p {\n            color: var(--gray-300);\n            margin-bottom: 20px;\n            font-size: 1.05rem;\n        }\n        .mission-text .highlight {\n            color: var(--yellow);\n            font-weight: 500;\n        }\n        .mission-image {\n            position: relative;\n            border-radius: 4px;\n            overflow: hidden;\n            aspect-ratio: 4\/5;\n        }\n        .mission-image img {\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform 1.2s ease;\n        }\n        .mission-image:hover img { transform: scale(1.06); }\n        .mission-image::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border: 1px solid rgba(255, 213, 28, 0.2);\n            pointer-events: none;\n        }\n\n        .offer { background: var(--black); }\n        .offer-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n        .offer-card {\n            background: var(--gray-900);\n            border: 1px solid rgba(255, 255, 255, 0.06);\n            padding: 48px 32px;\n            text-align: center;\n            transition: var(--transition);\n        }\n        .offer-card:hover {\n            border-color: rgba(255, 213, 28, 0.35);\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n        }\n        .offer-icon {\n            width: 64px; height: 64px;\n            background: rgba(255, 213, 28, 0.1);\n            display: flex; align-items: center; justify-content: center;\n            margin: 0 auto 28px;\n            font-size: 1.75rem;\n            transition: var(--transition);\n        }\n        .offer-card:hover .offer-icon {\n            background: rgba(255, 213, 28, 0.2);\n            transform: scale(1.1);\n        }\n        .offer-card h3 {\n            font-size: 1.35rem;\n            margin-bottom: 16px;\n            font-family: 'Inter', sans-serif;\n            font-weight: 600;\n        }\n        .offer-card p {\n            color: var(--gray-400);\n            font-size: 0.95rem;\n        }\n\n        .discover {\n            position: relative;\n            height: 70vh;\n            min-height: 520px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            overflow: hidden;\n        }\n        .discover-bg {\n            position: absolute;\n            inset: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform 10s ease;\n        }\n        .discover:hover .discover-bg { transform: scale(1.05); }\n        .discover-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(10, 10, 10, 0.55);\n        }\n        .discover-content {\n            position: relative;\n            z-index: 2;\n            max-width: 800px;\n            padding: 0 24px;\n        }\n        .discover-content h2 {\n            font-size: clamp(2.5rem, 5vw, 3.75rem);\n            margin-bottom: 20px;\n        }\n        .discover-content p {\n            font-size: 1.2rem;\n            color: var(--gray-300);\n            margin-bottom: 32px;\n        }\n\n        .why-invest { background: var(--dark); }\n        .why-grid {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 80px;\n            align-items: start;\n        }\n        .why-list { list-style: none; }\n        .why-list li {\n            display: flex;\n            gap: 20px;\n            padding: 28px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n            transition: var(--transition);\n        }\n        .why-list li:hover { padding-left: 8px; }\n        .why-list li:last-child { border-bottom: none; }\n        .why-icon {\n            width: 48px; height: 48px;\n            min-width: 48px;\n            background: rgba(255, 213, 28, 0.1);\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.25rem;\n            transition: var(--transition);\n        }\n        .why-list li:hover .why-icon {\n            background: rgba(255, 213, 28, 0.2);\n            transform: scale(1.1);\n        }\n        .why-list h4 {\n            font-family: 'Inter', sans-serif;\n            font-size: 1.1rem;\n            font-weight: 600;\n            margin-bottom: 6px;\n        }\n        .why-list p {\n            color: var(--gray-400);\n            font-size: 0.95rem;\n        }\n        .why-text h2 {\n            font-size: clamp(1.9rem, 3.5vw, 2.5rem);\n            margin-bottom: 24px;\n        }\n        .why-text p {\n            color: var(--gray-300);\n            margin-bottom: 20px;\n            font-size: 1.05rem;\n        }\n\n        .opportunities { background: var(--black); }\n        .opp-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n        .opp-card {\n            background: var(--gray-900);\n            border: 1px solid rgba(255, 255, 255, 0.06);\n            overflow: hidden;\n            transition: var(--transition);\n        }\n        .opp-card:hover {\n            border-color: rgba(255, 213, 28, 0.3);\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);\n        }\n        .opp-image {\n            height: 220px;\n            overflow: hidden;\n        }\n        .opp-image img {\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n        }\n        .opp-card:hover .opp-image img { transform: scale(1.08); }\n        .opp-body { padding: 28px; }\n        .opp-body h3 {\n            font-family: 'Inter', sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            margin-bottom: 12px;\n        }\n        .opp-body p {\n            color: var(--gray-400);\n            font-size: 0.95rem;\n        }\n\n        .invest-promo { background: var(--dark); }\n        .invest-grid {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 64px;\n            align-items: center;\n        }\n        .invest-text h2 {\n            font-size: clamp(1.9rem, 3.5vw, 2.5rem);\n            margin-bottom: 24px;\n        }\n        .invest-text p {\n            color: var(--gray-300);\n            margin-bottom: 20px;\n            font-size: 1.05rem;\n        }\n        .invest-cta-box {\n            background: var(--gray-900);\n            border: 1px solid rgba(255, 213, 28, 0.2);\n            padding: 48px 40px;\n            text-align: center;\n            transition: var(--transition);\n        }\n        .invest-cta-box:hover {\n            border-color: rgba(255, 213, 28, 0.4);\n            transform: translateY(-6px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n        }\n        .invest-cta-box h3 {\n            font-size: 1.5rem;\n            margin-bottom: 16px;\n            font-family: 'Inter', sans-serif;\n            font-weight: 600;\n        }\n        .invest-cta-box p {\n            color: var(--gray-400);\n            margin-bottom: 32px;\n        }\n\n        .stories-hero {\n            position: relative;\n            height: 50vh;\n            min-height: 400px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            overflow: hidden;\n        }\n        .stories-hero img {\n            position: absolute;\n            inset: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform 12s ease;\n        }\n        .stories-hero:hover img { transform: scale(1.06); }\n        .stories-hero-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(10, 10, 10, 0.6);\n        }\n        .stories-hero-content { position: relative; z-index: 2; }\n        .stories-hero h2 {\n            font-size: clamp(2.25rem, 4.5vw, 3.25rem);\n        }\n\n        .featured-stories {\n            background: var(--black);\n            padding-top: 80px;\n        }\n        .carousel-wrapper { position: relative; overflow: hidden; }\n        .carousel-track {\n            display: flex;\n            gap: 32px;\n            transition: transform 0.6s ease;\n        }\n        .story-card {\n            min-width: calc(50% - 16px);\n            background: var(--gray-900);\n            border: 1px solid rgba(255, 255, 255, 0.06);\n            overflow: hidden;\n            transition: var(--transition);\n        }\n        .story-card:hover {\n            border-color: rgba(255, 213, 28, 0.3);\n            transform: translateY(-6px);\n        }\n        .story-card img {\n            width: 100%;\n            height: 280px;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n        }\n        .story-card:hover img { transform: scale(1.05); }\n        .story-card-body { padding: 28px; }\n        .story-tag {\n            font-size: 0.75rem;\n            font-weight: 600;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            color: var(--yellow);\n            margin-bottom: 12px;\n        }\n        .story-card h3 {\n            font-family: 'Inter', sans-serif;\n            font-size: 1.25rem;\n            font-weight: 600;\n            margin-bottom: 12px;\n        }\n        .story-card p {\n            color: var(--gray-400);\n            font-size: 0.95rem;\n            margin-bottom: 20px;\n        }\n        .read-more {\n            color: var(--yellow);\n            font-weight: 500;\n            font-size: 0.9rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            transition: var(--transition);\n        }\n        .read-more:hover { gap: 10px; }\n        .carousel-nav {\n            display: flex;\n            justify-content: center;\n            gap: 12px;\n            margin-top: 40px;\n        }\n        .carousel-btn {\n            width: 48px; height: 48px;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            background: transparent;\n            color: var(--white);\n            cursor: pointer;\n            display: flex; align-items: center; justify-content: center;\n            transition: var(--transition);\n            font-size: 1.25rem;\n        }\n        .carousel-btn:hover {\n            border-color: var(--yellow);\n            color: var(--yellow);\n            transform: scale(1.1);\n        }\n\n        .articles { background: var(--dark); }\n        .articles-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n        .article-card {\n            background: var(--gray-900);\n            border: 1px solid rgba(255, 255, 255, 0.06);\n            overflow: hidden;\n            transition: var(--transition);\n        }\n        .article-card:hover {\n            border-color: rgba(255, 213, 28, 0.3);\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n        }\n        .article-card img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n            transition: transform 0.8s ease;\n        }\n        .article-card:hover img { transform: scale(1.06); }\n        .article-body { padding: 24px; }\n        .article-body h3 {\n            font-family: 'Inter', sans-serif;\n            font-size: 1.15rem;\n            font-weight: 600;\n            margin-bottom: 12px;\n        }\n        .article-body p {\n            color: var(--gray-400);\n            font-size: 0.9rem;\n            margin-bottom: 16px;\n        }\n\n        .voices { background: var(--black); }\n        .testimonial-carousel {\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        .testimonial {\n            display: none;\n            padding: 20px;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n        .testimonial.active {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .stars {\n            color: var(--yellow);\n            font-size: 1.25rem;\n            margin-bottom: 24px;\n            letter-spacing: 4px;\n        }\n        .testimonial blockquote {\n            font-size: 1.35rem;\n            font-style: italic;\n            color: var(--gray-300);\n            margin-bottom: 32px;\n            line-height: 1.7;\n            font-family: 'Playfair Display', serif;\n        }\n        .testimonial-author { font-weight: 600; margin-bottom: 4px; }\n        .testimonial-role {\n            color: var(--gray-400);\n            font-size: 0.9rem;\n        }\n        .testimonial-dots {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 40px;\n        }\n        .dot {\n            width: 10px; height: 10px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.2);\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        .dot.active {\n            background: var(--yellow);\n            transform: scale(1.3);\n        }\n\n        .join {\n            background: var(--yellow);\n            color: var(--black);\n            text-align: center;\n            padding: 80px 0;\n            position: relative;\n            overflow: hidden;\n        }\n        .join::before {\n            content: '';\n            position: absolute;\n            top: -50%; left: -50%;\n            width: 200%; height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);\n            animation: pulseGlow 8s ease-in-out infinite;\n        }\n        @keyframes pulseGlow {\n            0%, 100% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.1); opacity: 0.8; }\n        }\n        .join h2 {\n            font-size: clamp(1.9rem, 3.5vw, 2.5rem);\n            margin-bottom: 16px;\n            position: relative;\n        }\n        .join p {\n            font-size: 1.1rem;\n            margin-bottom: 32px;\n            max-width: 560px;\n            margin-left: auto;\n            margin-right: auto;\n            position: relative;\n        }\n        .join .btn-primary {\n            background: var(--black);\n            color: var(--white);\n            position: relative;\n        }\n        .join .btn-primary:hover {\n            background: var(--gray-900);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n        }\n\n        .stay-updated { background: var(--black); text-align: center; }\n        .subscribe-form {\n            display: flex;\n            max-width: 520px;\n            margin: 0 auto;\n        }\n        .subscribe-form input {\n            flex: 1;\n            padding: 16px 20px;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            background: var(--gray-900);\n            color: var(--white);\n            font-size: 1rem;\n            outline: none;\n            transition: var(--transition);\n        }\n        .subscribe-form input:focus { border-color: var(--yellow); }\n        .subscribe-form input::placeholder { color: var(--gray-400); }\n        .subscribe-form button {\n            padding: 16px 28px;\n            background: var(--yellow);\n            color: var(--black);\n            border: none;\n            font-weight: 600;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        .subscribe-form button:hover {\n            background: var(--yellow-dark);\n            transform: translateY(-2px);\n        }\n\n        .faq { background: var(--dark); }\n        .faq-grid {\n            display: grid;\n            grid-template-columns: 1fr 1.5fr;\n            gap: 64px;\n            align-items: start;\n        }\n        .faq-intro h2 {\n            font-size: clamp(1.9rem, 3.5vw, 2.5rem);\n            margin-bottom: 20px;\n        }\n        .faq-intro p { color: var(--gray-400); }\n        .accordion-item {\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        }\n        .accordion-header {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 24px 0;\n            background: none;\n            border: none;\n            color: var(--white);\n            font-size: 1.05rem;\n            font-weight: 500;\n            text-align: left;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n        .accordion-header:hover { color: var(--yellow); }\n        .accordion-icon {\n            font-size: 1.5rem;\n            transition: transform 0.35s ease;\n        }\n        .accordion-item.active .accordion-icon { transform: rotate(45deg); }\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease;\n        }\n        .accordion-content p {\n            padding-bottom: 24px;\n            color: var(--gray-400);\n            font-size: 0.95rem;\n        }\n\n        .get-in-touch {\n            position: relative;\n            height: 60vh;\n            min-height: 480px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            overflow: hidden;\n        }\n        .get-in-touch img {\n            position: absolute;\n            inset: 0;\n            width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform 12s ease;\n        }\n        .get-in-touch:hover img { transform: scale(1.06); }\n        .get-in-touch-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(10, 10, 10, 0.65);\n        }\n        .get-in-touch-content {\n            position: relative;\n            z-index: 2;\n            max-width: 700px;\n            padding: 0 24px;\n        }\n        .get-in-touch h2 {\n            font-size: clamp(2.25rem, 4.5vw, 3.25rem);\n            margin-bottom: 16px;\n        }\n        .get-in-touch p {\n            font-size: 1.15rem;\n            color: var(--gray-300);\n            margin-bottom: 32px;\n        }\n\n        \n.footer-brand .logo {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-weight: 700;\n    font-size: 1.25rem;\n    margin-bottom: 20px;\n}\n.footer-brand .logo-mark {\n    width: 36px; height: 36px;\n    background: var(--yellow);\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 800; color: var(--black); font-size: 0.9rem;\n}\n\nfooter {\n            background: var(--black);\n            border-top: 1px solid rgba(255, 255, 255, 0.06);\n            padding: 80px 0 40px;\n        }\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.5fr 1fr 1fr 1fr;\n            gap: 48px;\n            margin-bottom: 64px;\n        }\n        .footer-brand \n        .footer-brand p {\n            color: var(--gray-400);\n            font-size: 0.95rem;\n            max-width: 280px;\n            margin-bottom: 24px;\n        }\n        .socials { display: flex; gap: 16px; }\n        .socials a {\n            width: 40px; height: 40px;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            display: flex; align-items: center; justify-content: center;\n            font-size: 0.9rem;\n            transition: var(--transition);\n        }\n        .socials a:hover {\n            border-color: var(--yellow);\n            color: var(--yellow);\n            transform: translateY(-3px);\n        }\n        .footer-col h4 {\n            font-family: 'Inter', sans-serif;\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            margin-bottom: 24px;\n        }\n        .footer-col ul { list-style: none; }\n        .footer-col li { margin-bottom: 12px; }\n        .footer-col a {\n            color: var(--gray-400);\n            font-size: 0.95rem;\n        }\n        .footer-col a:hover { color: var(--yellow); }\n        .footer-bottom {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-top: 32px;\n            border-top: 1px solid rgba(255, 255, 255, 0.06);\n            color: var(--gray-400);\n            font-size: 0.875rem;\n        }\n\n        @media (max-width: 1024px) {\n            .mission-grid, .why-grid, .invest-grid, .faq-grid {\n                grid-template-columns: 1fr;\n                gap: 48px;\n            }\n            .offer-grid, .opp-grid, .articles-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n            .story-card { min-width: 100%; }\n            .footer-grid { grid-template-columns: 1fr 1fr; }\n        }\n        @media (max-width: 768px) {\n            \n            \n            \n            .offer-grid, .opp-grid, .articles-grid { grid-template-columns: 1fr; }\n            .footer-grid { grid-template-columns: 1fr; }\n            .footer-bottom {\n                flex-direction: column;\n                gap: 16px;\n                text-align: center;\n            }\n            .subscribe-form { flex-direction: column; }\n            section { padding: 72px 0; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n\n    <section class=\"hero\" id=\"home\">\n        <video class=\"hero-video\" autoplay muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1516026672322-bc52d61a55d5?w=1920&#038;q=80\">\n            <source src=\"https:\/\/cdn.coverr.co\/videos\/coverr-aerial-view-of-a-tropical-rainforest-4285\/1080p.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <div class=\"hero-eyebrow\">Strategic Platform for Tourism &#038; Investment<\/div>\n            <h1>Unlock the Future of<br><span>Tourism in Suriname<\/span><\/h1>\n            <p>Connecting government, investors, development partners, and stakeholders to build a sustainable, world-class tourism destination rooted in biodiversity and multicultural heritage.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#invest\" class=\"btn btn-primary\">Explore Investment Opportunities<\/a>\n                <a href=\"#discover\" class=\"btn btn-outline\">Discover Suriname<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"mission\" id=\"about\">\n        <div class=\"container\">\n            <div class=\"mission-grid\">\n                <div class=\"mission-text reveal\">\n                    <div class=\"section-eyebrow\">Our Mission<\/div>\n                    <h2>Building Suriname\u2019s Tourism Future Together<\/h2>\n                    <p>Tourism First Suriname is the national strategic platform that unites government institutions, private investors, development partners, tourism operators, and visitors under one shared vision for the sector.<\/p>\n                    <p>We exist to attract responsible capital, accelerate sustainable tourism product development, and create meaningful partnerships that protect Suriname\u2019s extraordinary biodiversity while generating inclusive economic opportunity for its multicultural communities.<\/p>\n                    <p class=\"highlight\">Our ambition is clear: to position Suriname among the world\u2019s leading destinations for authentic nature-based and cultural tourism \u2014 and as a preferred market for impact-driven investors.<\/p>\n                <\/div>\n                <div class=\"mission-image reveal reveal-delay-2\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547471080-7cc2caa01a7e?w=800&#038;q=80\" alt=\"Suriname rainforest and river landscape\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"offer\" id=\"projects\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-eyebrow\">What We Offer<\/div>\n                <h2>Strategic Capabilities<\/h2>\n                <p>A focused set of services designed to turn Suriname\u2019s natural and cultural assets into sustainable tourism growth and high-quality investment opportunities.<\/p>\n            <\/div>\n            <div class=\"offer-grid\">\n                <div class=\"offer-card reveal reveal-delay-1\">\n                    <div class=\"offer-icon\">\ud83c\udf3f<\/div>\n                    <h3>Tourism Development<\/h3>\n                    <p>Destination planning, product innovation, skills development, and quality standards that help communities and operators create world-class visitor experiences.<\/p>\n                <\/div>\n                <div class=\"offer-card reveal reveal-delay-2\">\n                    <div class=\"offer-icon\">\ud83c\udf0d<\/div>\n                    <h3>Destination Positioning<\/h3>\n                    <p>Crafting and amplifying a distinctive global narrative that showcases Suriname\u2019s biodiversity, living cultures, and unique investment proposition.<\/p>\n                <\/div>\n                <div class=\"offer-card reveal reveal-delay-3\">\n                    <div class=\"offer-icon\">\ud83d\udcc8<\/div>\n                    <h3>Investment Promotion<\/h3>\n                    <p>Investor matchmaking, project packaging, market intelligence, and facilitation support that de-risks and accelerates responsible tourism investment.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"discover\" id=\"discover\">\n        <img decoding=\"async\" class=\"discover-bg\" src=\"https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=1920&#038;q=80\" alt=\"Lush Suriname landscape\">\n        <div class=\"discover-overlay\"><\/div>\n        <div class=\"discover-content reveal\">\n            <div class=\"section-eyebrow\">Discover Suriname<\/div>\n            <h2>Where Biodiversity Meets Opportunity<\/h2>\n            <p>From the vast Amazonian rainforest and pristine rivers to vibrant multicultural towns and living Indigenous and Maroon traditions \u2014 Suriname offers experiences and investment potential found nowhere else on Earth.<\/p>\n            <a href=\"#opportunities\" class=\"btn btn-primary\">Explore Opportunities<\/a>\n        <\/div>\n    <\/section>\n\n    <section class=\"why-invest\" id=\"invest\">\n        <div class=\"container\">\n            <div class=\"why-grid\">\n                <div class=\"reveal\">\n                    <div class=\"section-eyebrow\">Why Invest<\/div>\n                    <h2 style=\"margin-bottom: 40px;\">Strategic Advantages<\/h2>\n                    <ul class=\"why-list\">\n                        <li>\n                            <div class=\"why-icon\">\ud83c\udf33<\/div>\n                            <div>\n                                <h4>Unparalleled Biodiversity<\/h4>\n                                <p>With over 90% forest cover and one of the most intact tropical ecosystems remaining on the planet, Suriname is a living laboratory for high-value eco-tourism and conservation finance.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"why-icon\">\ud83e\udd1d<\/div>\n                            <div>\n                                <h4>Multicultural Society<\/h4>\n                                <p>Indigenous, Maroon, Creole, Hindustani, Javanese, Chinese and other communities create a uniquely rich cultural tourism product that is both authentic and highly marketable.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"why-icon\">\ud83d\udcca<\/div>\n                            <div>\n                                <h4>Rising Global Demand<\/h4>\n                                <p>Travellers and investors worldwide are actively seeking destinations that combine pristine nature, meaningful culture, and responsible development \u2014 Suriname sits at the centre of this trend.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div>\n                            <div>\n                                <h4>Strong Policy Support<\/h4>\n                                <p>Clear national commitment to sustainable tourism, combined with growing institutional capacity to facilitate and safeguard quality investment.<\/p>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"why-text reveal reveal-delay-2\">\n                    <h2>The Case for Suriname<\/h2>\n                    <p>Suriname occupies a rare position: one of the greenest countries on Earth with immense potential still to be unlocked in a responsible way. This creates a compelling opportunity for investors who want both financial returns and measurable positive impact.<\/p>\n                    <p>Opportunities range from eco-lodges and community-based tourism enterprises to adventure products, cultural experiences, and conservation-linked businesses. The diversity of the landscape is matched by the diversity of viable investment models.<\/p>\n                    <p>Tourism First Suriname acts as your strategic partner \u2014 providing market insight, stakeholder access, and practical facilitation so that high-quality projects can move from concept to reality with confidence.<\/p>\n                    <a href=\"contact.html\" class=\"btn btn-primary\" style=\"margin-top: 16px;\">Request Investment Brief<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"opportunities\" id=\"opportunities\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-eyebrow\">Tourism Opportunities<\/div>\n                <h2>Experiences That Define Suriname<\/h2>\n                <p>High-potential tourism segments that combine strong visitor demand with opportunities for responsible investment and community benefit.<\/p>\n            <\/div>\n            <div class=\"opp-grid\">\n                <div class=\"opp-card reveal reveal-delay-1\">\n                    <div class=\"opp-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516426122078-c23e76319801?w=600&#038;q=80\" alt=\"Eco-tourism in rainforest\">\n                    <\/div>\n                    <div class=\"opp-body\">\n                        <h3>Eco-Tourism &#038; Conservation<\/h3>\n                        <p>Rainforest lodges, river expeditions, wildlife observation, and conservation-linked tourism that generate revenue while protecting Suriname\u2019s unique ecosystems and supporting local stewards.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"opp-card reveal reveal-delay-2\">\n                    <div class=\"opp-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1528123034358-453479e2509c?w=600&#038;q=80\" alt=\"Cultural heritage\">\n                    <\/div>\n                    <div class=\"opp-body\">\n                        <h3>Cultural &#038; Community Tourism<\/h3>\n                        <p>Authentic encounters with Indigenous and Maroon communities, living cultural traditions, craft experiences, and community-owned enterprises that put local people at the centre of the visitor journey.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"opp-card reveal reveal-delay-3\">\n                    <div class=\"opp-image\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551632811-561732d1e306?w=600&#038;q=80\" alt=\"Adventure activities\">\n                    <\/div>\n                    <div class=\"opp-body\">\n                        <h3>Adventure &#038; Nature Experiences<\/h3>\n                        <p>Jungle trekking, river adventures, birdwatching, canopy exploration, and multi-day expeditions designed for the growing global market of active, experience-seeking travellers.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"invest-promo\">\n        <div class=\"container\">\n            <div class=\"invest-grid\">\n                <div class=\"invest-text reveal\">\n                    <div class=\"section-eyebrow\">Investment Promotion<\/div>\n                    <h2>Partner in Sustainable Growth<\/h2>\n                    <p>Suriname\u2019s tourism sector is open for responsible capital. We actively identify, package, and promote investment opportunities across accommodation, experiences, infrastructure, and conservation finance.<\/p>\n                    <p>Whether you are exploring early-stage concepts or evaluating shovel-ready projects, our team provides market intelligence, introductions to key stakeholders, and ongoing facilitation support designed to help quality projects succeed.<\/p>\n                    <p>We work closely with government, communities, and development partners to ensure that new investment delivers lasting benefits for people and nature while offering attractive returns for investors.<\/p>\n                <\/div>\n                <div class=\"invest-cta-box reveal reveal-delay-2\">\n                    <h3>Ready to Explore?<\/h3>\n                    <p>Request our investment overview and schedule a confidential conversation with the Tourism First team.<\/p>\n                    <a href=\"contact.html\" class=\"btn btn-primary\">Start the Conversation<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"stories-hero\" id=\"stories\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472214103451-9374bd1c798e?w=1920&#038;q=80\" alt=\"Stories background\">\n        <div class=\"stories-hero-overlay\"><\/div>\n        <div class=\"stories-hero-content reveal\">\n            <div class=\"section-eyebrow\">Stories &#038; Insights<\/div>\n            <h2>Voices from the Heart of Suriname<\/h2>\n        <\/div>\n    <\/section>\n\n    <section class=\"featured-stories\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-eyebrow\">Featured Stories<\/div>\n                <h2>Impactful Narratives<\/h2>\n            <\/div>\n            <div class=\"carousel-wrapper\">\n                <div class=\"carousel-track\" id=\"storyTrack\">\n                    <div class=\"story-card\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501785888041-af3ef285b470?w=700&#038;q=80\" alt=\"Destination story\">\n                        <div class=\"story-card-body\">\n                            <div class=\"story-tag\">Destination Story<\/div>\n                            <h3>The Living Rainforest<\/h3>\n                            <p>How Suriname\u2019s vast, intact ecosystems are becoming a global reference for nature-positive tourism development and conservation finance.<\/p>\n                            <a href=\"#\" class=\"read-more\">Read Story \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"story-card\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?w=700&#038;q=80\" alt=\"Community story\">\n                        <div class=\"story-card-body\">\n                            <div class=\"story-tag\">Community Story<\/div>\n                            <h3>Guardians of the River<\/h3>\n                            <p>Indigenous and Maroon communities leading sustainable tourism and forest stewardship along the rivers of Suriname\u2019s interior.<\/p>\n                            <a href=\"#\" class=\"read-more\">Read Story \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"story-card\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441974231531-c6227db76b6e?w=700&#038;q=80\" alt=\"Conservation story\">\n                        <div class=\"story-card-body\">\n                            <div class=\"story-tag\">Conservation Story<\/div>\n                            <h3>Protecting What Matters<\/h3>\n                            <p>Innovative partnerships that channel tourism value into lasting conservation outcomes across Suriname\u2019s protected landscapes.<\/p>\n                            <a href=\"#\" class=\"read-more\">Read Story \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"carousel-nav\">\n                <button class=\"carousel-btn\" onclick=\"moveCarousel(-1)\" aria-label=\"Previous\">\u2190<\/button>\n                <button class=\"carousel-btn\" onclick=\"moveCarousel(1)\" aria-label=\"Next\">\u2192<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"articles\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-eyebrow\">Insightful Articles<\/div>\n                <h2>Latest Perspectives<\/h2>\n            <\/div>\n            <div class=\"articles-grid\">\n                <div class=\"article-card reveal reveal-delay-1\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469474968028-56623f02e42e?w=500&#038;q=80\" alt=\"Article\">\n                    <div class=\"article-body\">\n                        <h3>Sustainable Tourism as Economic Strategy<\/h3>\n                        <p>Why nature-based and cultural tourism represents one of Suriname\u2019s most promising long-term economic pathways.<\/p>\n                        <a href=\"#\" class=\"read-more\">Read Article \u2192<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"article-card reveal reveal-delay-2\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=500&#038;q=80\" alt=\"Article\">\n                    <div class=\"article-body\">\n                        <h3>Investor Spotlight: Building Responsibly<\/h3>\n                        <p>Insights from operators and investors who are creating successful, community-aligned tourism businesses in Suriname.<\/p>\n                        <a href=\"#\" class=\"read-more\">Read Article \u2192<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"article-card reveal reveal-delay-3\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1418065460487-3e41a6c84dc5?w=500&#038;q=80\" alt=\"Article\">\n                    <div class=\"article-body\">\n                        <h3>The Multicultural Advantage<\/h3>\n                        <p>How Suriname\u2019s remarkable cultural diversity creates distinctive, high-value tourism products that stand out globally.<\/p>\n                        <a href=\"#\" class=\"read-more\">Read Article \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"voices\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-eyebrow\">Community Voices<\/div>\n                <h2>What Our Partners Say<\/h2>\n            <\/div>\n            <div class=\"testimonial-carousel reveal\">\n                <div class=\"testimonial active\">\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <blockquote>\u201cTourism First has created a genuine platform for dialogue. For the first time, communities, investors and government are aligned around a shared vision for responsible tourism.\u201d<\/blockquote>\n                    <div class=\"testimonial-author\">Community Tourism Leader<\/div>\n                    <div class=\"testimonial-role\">Interior Suriname<\/div>\n                <\/div>\n                <div class=\"testimonial\">\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <blockquote>\u201cThe quality of market intelligence and the ease of connecting with the right stakeholders has significantly accelerated our investment process in Suriname.\u201d<\/blockquote>\n                    <div class=\"testimonial-author\">International Investor<\/div>\n                    <div class=\"testimonial-role\">Eco-Lodge Development<\/div>\n                <\/div>\n                <div class=\"testimonial\">\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <blockquote>\u201cA professional, transparent approach that balances economic ambition with the protection of Suriname\u2019s natural and cultural heritage. Exactly what the sector needed.\u201d<\/blockquote>\n                    <div class=\"testimonial-author\">Development Partner<\/div>\n                    <div class=\"testimonial-role\">International Organization<\/div>\n                <\/div>\n                <div class=\"testimonial-dots\">\n                    <div class=\"dot active\" onclick=\"showTestimonial(0)\"><\/div>\n                    <div class=\"dot\" onclick=\"showTestimonial(1)\"><\/div>\n                    <div class=\"dot\" onclick=\"showTestimonial(2)\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"join\">\n        <div class=\"container\">\n            <h2 class=\"reveal\">Join the Conversation<\/h2>\n            <p class=\"reveal reveal-delay-1\">Stay informed about opportunities, stories, and progress as we shape the future of tourism in Suriname together.<\/p>\n            <a href=\"#stay-updated\" class=\"btn btn-primary reveal reveal-delay-2\">Subscribe for Updates<\/a>\n        <\/div>\n    <\/section>\n\n    <section class=\"stay-updated\" id=\"stay-updated\">\n        <div class=\"container\">\n            <div class=\"section-header reveal\">\n                <div class=\"section-eyebrow\">Stay Updated<\/div>\n                <h2>Never Miss an Opportunity<\/h2>\n                <p>Receive curated updates on investment opportunities, destination stories, and platform news directly in your inbox.<\/p>\n            <\/div>\n            <form class=\"subscribe-form reveal\" onsubmit=\"event.preventDefault(); alert('Thank you for subscribing! We will keep you updated.');\">\n                <input type=\"email\" placeholder=\"Enter your email address\" required>\n                <button type=\"submit\">Subscribe<\/button>\n            <\/form>\n        <\/div>\n    <\/section>\n\n    <section class=\"faq\" id=\"media\">\n        <div class=\"container\">\n            <div class=\"faq-grid\">\n                <div class=\"faq-intro reveal\">\n                    <div class=\"section-eyebrow\">Media &#038; Downloads<\/div>\n                    <h2>Frequently Asked Questions<\/h2>\n                    <p>Quick answers about media resources, investment information, and how to engage with Tourism First Suriname.<\/p>\n                <\/div>\n                <div class=\"accordion reveal reveal-delay-2\">\n                    <div class=\"accordion-item\">\n                        <button class=\"accordion-header\">\n                            Where can I find official media assets?\n                            <span class=\"accordion-icon\">+<\/span>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <p>High-resolution images, brand guidelines, press kits, and other media assets are available through our Media Library. Please contact the communications team to request access or specific materials for your project.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"accordion-item\">\n                        <button class=\"accordion-header\">\n                            How do I receive the investment overview?\n                            <span class=\"accordion-icon\">+<\/span>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <p>You can request our latest investment brief via the contact form. Qualified investors will receive tailored project information and introductions to relevant stakeholders as appropriate.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"accordion-item\">\n                        <button class=\"accordion-header\">\n                            Are there downloadable reports available?\n                            <span class=\"accordion-icon\">+<\/span>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <p>Yes. Market studies, destination strategies, and impact reports are published periodically. Subscribe to our newsletter or visit the Media &#038; Downloads section for the most recent publications.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"accordion-item\">\n                        <button class=\"accordion-header\">\n                            How can partners and stakeholders collaborate?\n                            <span class=\"accordion-icon\">+<\/span>\n                        <\/button>\n                        <div class=\"accordion-content\">\n                            <p>We welcome collaboration with government entities, private operators, NGOs, communities, and development partners. Reach out through the contact page to schedule an introductory discussion.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"get-in-touch\" id=\"contact\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1470071459604-3b5ec3a7fe05?w=1920&#038;q=80\" alt=\"Contact background\">\n        <div class=\"get-in-touch-overlay\"><\/div>\n        <div class=\"get-in-touch-content reveal\">\n            <div class=\"section-eyebrow\">Get in Touch<\/div>\n            <h2>Let\u2019s Shape the Future Together<\/h2>\n            <p>Whether you are an investor, development partner, tourism operator, or simply curious about opportunities in Suriname \u2014 we would like to hear from you.<\/p>\n            <a href=\"contact.html\" class=\"btn btn-primary\">Go to Contact Page<\/a>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-brand\">\n                    <a href=\"tourism-first-suriname.html\" class=\"logo\">\n                        <div class=\"logo-mark\">TF<\/div>\n                        <span>Tourism First Suriname<\/span>\n                    <\/a>\n                    <p>The strategic platform for sustainable tourism development and investment in Suriname.<\/p>\n                    <div class=\"socials\">\n                        <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\n                        <a href=\"#\" aria-label=\"Instagram\">ig<\/a>\n                        <a href=\"#\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\n                        <a href=\"#\" aria-label=\"YouTube\">\u25b6<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Explore<\/h4>\n                    <ul>\n                        <li><a href=\"#home\">Home<\/a><\/li>\n                        <li><a href=\"#about\">About Tourism First<\/a><\/li>\n                        <li><a href=\"#discover\">Discover Suriname<\/a><\/li>\n                        <li><a href=\"#invest\">Invest<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Resources<\/h4>\n                    <ul>\n                        <li><a href=\"#projects\">Projects &#038; Impact<\/a><\/li>\n                        <li><a href=\"#stories\">Stories &#038; Insights<\/a><\/li>\n                        <li><a href=\"#media\">Media &#038; Downloads<\/a><\/li>\n                        <li><a href=\"#stay-updated\">Newsletter<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h4>Contact<\/h4>\n                    <ul>\n                        <li><a href=\"mailto:info@tourismfirst.sr\">info@tourismfirst.sr<\/a><\/li>\n                        <li><a href=\"contact.html\">Contact Page<\/a><\/li>\n                        <li>Paramaribo, Suriname<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\n                <span>\u00a9 2026 Tourism First Suriname. All rights reserved.<\/span>\n                <span>Building a sustainable tourism future<\/span>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        const revealElements = document.querySelectorAll('.reveal');\n        const revealObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) entry.target.classList.add('active');\n            });\n        }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n        revealElements.forEach(el => revealObserver.observe(el));\n\n        let storyIndex = 0;\n        const track = document.getElementById('storyTrack');\n        const cards = document.querySelectorAll('.story-card');\n        function moveCarousel(dir) {\n            storyIndex = Math.max(0, Math.min(storyIndex + dir, cards.length - 1));\n            const offset = storyIndex * (cards[0].offsetWidth + 32);\n            track.style.transform = `translateX(-${offset}px)`;\n        }\n\n        let currentTestimonial = 0;\n        const testimonials = document.querySelectorAll('.testimonial');\n        const dots = document.querySelectorAll('.dot');\n        function showTestimonial(index) {\n            testimonials[currentTestimonial].classList.remove('active');\n            dots[currentTestimonial].classList.remove('active');\n            currentTestimonial = index;\n            testimonials[currentTestimonial].classList.add('active');\n            dots[currentTestimonial].classList.add('active');\n        }\n        setInterval(() => showTestimonial((currentTestimonial + 1) % testimonials.length), 6000);\n\n        document.querySelectorAll('.accordion-header').forEach(header => {\n            header.addEventListener('click', () => {\n                const item = header.parentElement;\n                const content = item.querySelector('.accordion-content');\n                const isActive = item.classList.contains('active');\n                document.querySelectorAll('.accordion-item').forEach(i => {\n                    i.classList.remove('active');\n                    i.querySelector('.accordion-content').style.maxHeight = null;\n                });\n                if (!isActive) {\n                    item.classList.add('active');\n                    content.style.maxHeight = content.scrollHeight + 'px';\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Tourism First Suriname | Invest \u2022 Explore \u2022 Partner Strategic Platform for Tourism &#038; Investment Unlock the Future ofTourism in Suriname Connecting government, investors, development partners, and stakeholders to build a sustainable, world-class tourism destination rooted in biodiversity and multicultural heritage. Explore Investment Opportunities Discover Suriname Our Mission Building Suriname\u2019s Tourism Future Together Tourism First [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":3,"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/tourismfirstsuriname.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}