{% extends 'affiliates_app/base_affiliate.html' %}
{% load static %}

{% block title %}Affiliate Program FAQ | Partner with Ensolanka{% endblock %}

{% block extra_css %}
<style>
    .affiliate-faq-hero {
        position: relative;
        padding: 95px 0 82px;
        background:
            linear-gradient(135deg, rgba(5, 30, 25, 0.96), rgba(15, 118, 110, 0.92)),
            url("{% static 'expat_life/images/affiliates_hero.webp' %}") center center / cover no-repeat;
        color: #fff;
        overflow: hidden;
    }

    .affiliate-faq-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at top right, rgba(255, 193, 7, 0.19), transparent 36%),
            radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.08), transparent 30%);
        pointer-events: none;
    }

    .affiliate-faq-hero .container {
        position: relative;
        z-index: 2;
    }

    .faq-hero-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 17px;
        border-radius: 999px;
        background: rgba(255, 193, 7, 0.18);
        border: 1px solid rgba(255, 193, 7, 0.38);
        color: #ffd65c;
        font-size: 0.84rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .faq-hero-point {
        background: rgba(255, 255, 255, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 18px;
        padding: 18px;
        height: 100%;
        backdrop-filter: blur(10px);
    }

    .faq-hero-point i {
        color: #ffc107;
        font-size: 1.4rem;
        margin-bottom: 10px;
        display: inline-block;
    }

    .faq-main-section {
        background: #f8fafc;
        padding: 72px 0;
    }

    .faq-intro-card {
        background: #fff;
        border-radius: 28px;
        padding: 34px;
        border: 1px solid #e8eef3;
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
        margin-bottom: 34px;
    }

    .faq-mini-title {
        display: inline-block;
        color: #0f766e;
        font-size: 0.82rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        margin-bottom: 12px;
    }

    .faq-category-nav {
        position: sticky;
        top: 120px;
        background: #fff;
        border-radius: 28px;
        padding: 26px;
        border: 1px solid #e8eef3;
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    }

    .faq-category-nav h5 {
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 18px;
    }

    .faq-category-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .faq-category-links li {
        margin-bottom: 10px;
    }

    .faq-category-links a {
        display: block;
        padding: 10px 12px;
        border-radius: 13px;
        text-decoration: none;
        color: #475569;
        font-weight: 700;
        font-size: 0.94rem;
        transition: 0.2s ease;
    }

    .faq-category-links a:hover {
        background: #ecfdf5;
        color: #047857;
    }

    .faq-content-card {
        background: #fff;
        border-radius: 30px;
        padding: 40px;
        border: 1px solid #e8eef3;
        box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06);
    }

    .faq-category-section {
        scroll-margin-top: 130px;
        margin-bottom: 48px;
    }

    .faq-category-section:last-child {
        margin-bottom: 0;
    }

    .faq-category-heading {
        border-left: 5px solid #0f766e;
        padding-left: 18px;
        margin-bottom: 24px;
    }

    .faq-category-heading h2 {
        font-size: 1.55rem;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 6px;
    }

    .faq-category-heading p {
        color: #64748b;
        margin-bottom: 0;
    }

    .affiliate-faq-accordion .accordion-item {
        border: 1px solid #e2e8f0;
        border-radius: 18px !important;
        overflow: hidden;
        margin-bottom: 16px;
        background: #fff;
    }

    .affiliate-faq-accordion .accordion-button {
        font-weight: 800;
        color: #0f172a;
        padding: 20px 22px;
        background: #fff;
        box-shadow: none;
    }

    .affiliate-faq-accordion .accordion-button:not(.collapsed) {
        background: #ecfdf5;
        color: #065f46;
    }

    .affiliate-faq-accordion .accordion-button:focus {
        box-shadow: none;
    }

    .affiliate-faq-accordion .accordion-body {
        color: #475569;
        line-height: 1.82;
        padding: 2px 22px 22px;
    }

    .affiliate-faq-accordion .accordion-body strong {
        color: #0f172a;
    }

    .faq-answer-list {
        padding-left: 1.2rem;
        margin-top: 12px;
        margin-bottom: 0;
    }

    .faq-answer-list li {
        margin-bottom: 8px;
    }

    .faq-highlight-box {
        background: #ecfdf5;
        border: 1px solid #bbf7d0;
        color: #065f46;
        border-radius: 18px;
        padding: 18px;
        margin-top: 16px;
    }

    .faq-warning-box {
        background: #fff7ed;
        border: 1px solid #fed7aa;
        color: #9a3412;
        border-radius: 18px;
        padding: 18px;
        margin-top: 16px;
    }

    .faq-commission-table {
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        margin-top: 18px;
    }

    .faq-commission-table .table {
        margin-bottom: 0;
    }

    .faq-commission-table thead th {
        background: #064e3b;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.8rem;
        letter-spacing: 0.04em;
        padding: 14px;
        white-space: nowrap;
    }

    .faq-commission-table tbody td {
        padding: 14px;
        vertical-align: middle;
        color: #334155;
    }

    .faq-commission-table tbody tr:nth-child(even) {
        background: #f8fafc;
    }

    .faq-value-badge {
        background: #dcfce7;
        color: #166534;
        padding: 6px 12px;
        border-radius: 999px;
        font-weight: 900;
        font-size: 0.9rem;
        display: inline-block;
    }

    .faq-support-cta {
        background: linear-gradient(135deg, #052e25 0%, #0f766e 100%);
        border-radius: 32px;
        padding: 48px 36px;
        color: #fff;
        margin-top: 42px;
    }

    .faq-support-cta p {
        color: rgba(255, 255, 255, 0.88);
    }

    .mobile-faq-nav {
        display: none;
        background: #fff;
        border-radius: 22px;
        padding: 22px;
        border: 1px solid #e8eef3;
        box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
        margin-bottom: 28px;
    }

    .mobile-faq-nav .form-select {
        border-radius: 14px;
        padding: 12px 14px;
    }

    @media (max-width: 991px) {
        .faq-category-nav {
            display: none;
        }

        .mobile-faq-nav {
            display: block;
        }

        .faq-content-card {
            padding: 28px 22px;
        }

        .affiliate-faq-hero {
            padding: 78px 0 68px;
        }

        .faq-support-cta {
            padding: 34px 24px;
        }
    }
</style>
{% endblock %}


{% block content %}

<!-- HERO -->
<section class="affiliate-faq-hero">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-8">
                <span class="faq-hero-badge mb-3">
                    <i class="bi bi-question-circle-fill"></i>
                    Affiliate Program FAQ
                </span>

                <h1 class="display-5 fw-bold mb-3">
                    Questions About Becoming an Ensolanka Global Ambassador?
                </h1>

                <p class="lead mb-4">
                    Find clear answers about affiliate registration, referral tracking, commission earnings,
                    payout requests, business cards, marketing resources, training materials, and ethical promotion.
                </p>

                <div class="d-flex flex-wrap gap-3">
                    {% if request.user.is_authenticated %}
                        <a href="{% url 'affiliates_app:affiliate_dashboard' %}" class="btn btn-warning btn-lg px-4">
                            Open My Dashboard
                        </a>
                    {% else %}
                        <a href="{% url 'affiliates_app:affiliate_register' %}" class="btn btn-warning btn-lg px-4">
                            Become an Affiliate
                        </a>
                    {% endif %}

                    <a href="{% url 'affiliates_app:contact_page_aff' %}" class="btn btn-outline-light btn-lg px-4">
                        Contact Ensolanka
                    </a>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="row g-3">
                    <div class="col-12">
                        <div class="faq-hero-point">
                            <i class="bi bi-link-45deg"></i>
                            <h6 class="fw-bold mb-1">Referral Tracking</h6>
                            <p class="mb-0 small">
                                Learn how affiliate links and QR codes connect guests to your account.
                            </p>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="faq-hero-point">
                            <i class="bi bi-wallet2"></i>
                            <h6 class="fw-bold mb-1">Commissions & Payouts</h6>
                            <p class="mb-0 small">
                                Understand earnings from confirmed and completed guest referrals.
                            </p>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="faq-hero-point">
                            <i class="bi bi-megaphone-fill"></i>
                            <h6 class="fw-bold mb-1">Resources & Training</h6>
                            <p class="mb-0 small">
                                See what tools are available to help you promote with confidence.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- MAIN FAQ -->
<section class="faq-main-section">
    <div class="container">

        <!-- INTRO -->
        <div class="faq-intro-card">
            <div class="row align-items-center g-4">
                <div class="col-lg-8">
                    <span class="faq-mini-title">Helpful Answers</span>
                    <h2 class="fw-bold mb-3">Everything Affiliates Need to Know Before and After Joining</h2>
                    <p class="text-muted mb-0">
                        This FAQ explains the practical side of the Ensolanka Global Ambassador Affiliate Program:
                        who can join, how referrals are tracked, how commissions are calculated, how the dashboard works,
                        and how to use marketing tools responsibly.
                    </p>
                </div>

                <div class="col-lg-4">
                    <div class="d-grid gap-2">
                        <a href="{% url 'affiliates_app:terms' %}" class="btn btn-outline-dark">
                            View Terms & Conditions
                        </a>

                        <a href="{% url 'affiliates_app:marketing_resources' %}" class="btn btn-dark">
                            Browse Resources
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <!-- MOBILE NAV -->
        <div class="mobile-faq-nav">
            <label for="mobileFaqNav" class="form-label fw-bold mb-2">Jump to FAQ Category</label>
            <select id="mobileFaqNav" class="form-select"
                    onchange="if(this.value){window.location.href=this.value;}">
                <option value="">Select a category</option>
                <option value="#faq-general">1. General Program Questions</option>
                <option value="#faq-tracking">2. Links, QR Codes & Tracking</option>
                <option value="#faq-referrals">3. Referral Status & Dashboard</option>
                <option value="#faq-earnings">4. Commissions & Payouts</option>
                <option value="#faq-tools">5. Business Cards & Marketing Tools</option>
                <option value="#faq-training">6. Training & Customized Resources</option>
                <option value="#faq-ethics">7. Responsible Promotion</option>
            </select>
        </div>


        <div class="row g-4">

            <!-- SIDE CATEGORY NAV -->
            <div class="col-lg-3">
                <aside class="faq-category-nav">
                    <h5>FAQ Categories</h5>

                    <ul class="faq-category-links">
                        <li><a href="#faq-general">1. General Program</a></li>
                        <li><a href="#faq-tracking">2. Tracking & QR Codes</a></li>
                        <li><a href="#faq-referrals">3. Referral Status</a></li>
                        <li><a href="#faq-earnings">4. Earnings & Payouts</a></li>
                        <li><a href="#faq-tools">5. Cards & Marketing Tools</a></li>
                        <li><a href="#faq-training">6. Training & Resources</a></li>
                        <li><a href="#faq-ethics">7. Ethical Promotion</a></li>
                    </ul>
                </aside>
            </div>


            <!-- FAQ CONTENT -->
            <div class="col-lg-9">
                <div class="faq-content-card">

                    <!-- CATEGORY 1 -->
                    <section class="faq-category-section" id="faq-general">
                        <div class="faq-category-heading">
                            <h2>1. General Program Questions</h2>
                            <p>Basic questions about joining and participating in the affiliate program.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="generalFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="generalQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#generalAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="generalAnswerOne">
                                        What is the Ensolanka Global Ambassador Affiliate Program?
                                    </button>
                                </h2>
                                <div id="generalAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="generalQuestionOne"
                                     data-bs-parent="#generalFaqAccordion">
                                    <div class="accordion-body">
                                        It is Ensolanka’s affiliate partner program for individuals who want to promote the
                                        <strong>Live in Sri Lanka</strong> lifestyle opportunity to suitable international guests
                                        and earn commission from qualifying referrals. Affiliates are recognized within the program as
                                        <strong>Ensolanka Global Ambassadors</strong>.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="generalQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#generalAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="generalAnswerTwo">
                                        Who can become an Ensolanka Global Ambassador?
                                    </button>
                                </h2>
                                <div id="generalAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="generalQuestionTwo"
                                     data-bs-parent="#generalFaqAccordion">
                                    <div class="accordion-body">
                                        The program is open to people from around the world who can genuinely and responsibly
                                        introduce Sri Lanka living opportunities to suitable audiences. This may include:
                                        <ul class="faq-answer-list">
                                            <li>Sri Lankans living, working, or studying overseas</li>
                                            <li>Travellers who love Sri Lanka</li>
                                            <li>Digital creators and community builders</li>
                                            <li>Digital nomads and remote professionals</li>
                                            <li>Students and professionals with global networks</li>
                                            <li>Anyone who wants to promote Sri Lanka with pride while earning through referrals</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="generalQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#generalAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="generalAnswerThree">
                                        Is there a fee to sign up as an affiliate?
                                    </button>
                                </h2>
                                <div id="generalAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="generalQuestionThree"
                                     data-bs-parent="#generalFaqAccordion">
                                    <div class="accordion-body">
                                        The affiliate signup flow is designed to let interested users apply or register for the program
                                        and access the affiliate ecosystem once approved or activated according to Ensolanka’s current process.
                                        Any future program fee, eligibility rule, or access condition would be clearly communicated by Ensolanka.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="generalQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#generalAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="generalAnswerFour">
                                        Am I an employee or official legal representative of Ensolanka?
                                    </button>
                                </h2>
                                <div id="generalAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="generalQuestionFour"
                                     data-bs-parent="#generalFaqAccordion">
                                    <div class="accordion-body">
                                        No. “Ensolanka Global Ambassador” is a program title for approved affiliates.
                                        Affiliates are independent promotional partners and cannot sign contracts, collect payments,
                                        make binding promises, or act as legal representatives of Ensolanka unless separately authorized in writing.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CATEGORY 2 -->
                    <section class="faq-category-section" id="faq-tracking">
                        <div class="faq-category-heading">
                            <h2>2. Affiliate Links, QR Codes & Tracking</h2>
                            <p>How referral attribution works online and offline.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="trackingFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trackingQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trackingAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="trackingAnswerOne">
                                        How does my affiliate link work?
                                    </button>
                                </h2>
                                <div id="trackingAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="trackingQuestionOne"
                                     data-bs-parent="#trackingFaqAccordion">
                                    <div class="accordion-body">
                                        Your dashboard provides a unique affiliate link connected to your affiliate code.
                                        When a prospective guest opens that link and later signs up successfully,
                                        the system can attribute that guest to your affiliate account.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trackingQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trackingAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="trackingAnswerTwo">
                                        How long is my referral code stored in the visitor’s browser?
                                    </button>
                                </h2>
                                <div id="trackingAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trackingQuestionTwo"
                                     data-bs-parent="#trackingFaqAccordion">
                                    <div class="accordion-body">
                                        When a potential guest visits through your affiliate tracking link or QR code,
                                        the browser may save your referral code for up to <strong>30 days</strong>.
                                        If that guest signs up during the valid tracking period, the referral may be recorded under your account.
                                        <div class="faq-warning-box">
                                            Tracking can be affected by cleared cookies, incognito browsing, privacy extensions,
                                            switching devices, or other browser-related limitations.
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trackingQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trackingAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="trackingAnswerThree">
                                        Can I generate QR codes for different landing pages?
                                    </button>
                                </h2>
                                <div id="trackingAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trackingQuestionThree"
                                     data-bs-parent="#trackingFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. The affiliate dashboard is designed to let you create QR-linked promotional materials
                                        for available affiliate landing pages. These may include pages related to:
                                        <ul class="faq-answer-list">
                                            <li>Live in Sri Lanka home or guest signup</li>
                                            <li>Packages</li>
                                            <li>Digital Nomad Visa information</li>
                                            <li>Rental opportunities</li>
                                            <li>Dating services</li>
                                            <li>Local assistants and related lifestyle services</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trackingQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trackingAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="trackingAnswerFour">
                                        Do QR code scans also track referrals?
                                    </button>
                                </h2>
                                <div id="trackingAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trackingQuestionFour"
                                     data-bs-parent="#trackingFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. A QR code generated from your affiliate dashboard embeds your unique affiliate tracking route.
                                        When someone scans it and visits the selected landing page, the system can apply your referral attribution
                                        in the same way as a normal affiliate link.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CATEGORY 3 -->
                    <section class="faq-category-section" id="faq-referrals">
                        <div class="faq-category-heading">
                            <h2>3. Referral Status and Dashboard Visibility</h2>
                            <p>Understanding pending guests, confirmed clients, and completed clients.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="referralFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="referralQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#referralAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="referralAnswerOne">
                                        What happens when someone signs up using my affiliate link?
                                    </button>
                                </h2>
                                <div id="referralAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="referralQuestionOne"
                                     data-bs-parent="#referralFaqAccordion">
                                    <div class="accordion-body">
                                        The guest can appear in your dashboard as a referred guest or pending referral,
                                        provided the signup was properly connected to your tracking code.
                                        Your dashboard may show details such as guest name, country, contact information,
                                        selected package interest, possible commission, and current referral status.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="referralQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#referralAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="referralAnswerTwo">
                                        What is a Pending Referral?
                                    </button>
                                </h2>
                                <div id="referralAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="referralQuestionTwo"
                                     data-bs-parent="#referralFaqAccordion">
                                    <div class="accordion-body">
                                        A pending referral is a guest who has signed up through your affiliate pathway
                                        but has not yet completed the guest confirmation fee payment.
                                        The dashboard allows you to monitor these referrals and follow up responsibly where appropriate.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="referralQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#referralAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="referralAnswerThree">
                                        What is a Confirmed Client?
                                    </button>
                                </h2>
                                <div id="referralAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="referralQuestionThree"
                                     data-bs-parent="#referralFaqAccordion">
                                    <div class="accordion-body">
                                        A confirmed client is a referred guest who has paid the
                                        <strong>USD 100 Guest Confirmation Fee</strong>.
                                        At this stage, the affiliate earns the confirmation-fee commission,
                                        currently calculated as <strong>20% = USD 20</strong>.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="referralQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#referralAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="referralAnswerFour">
                                        What is a Paid / Completed Client?
                                    </button>
                                </h2>
                                <div id="referralAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="referralQuestionFour"
                                     data-bs-parent="#referralFaqAccordion">
                                    <div class="accordion-body">
                                        A paid or completed client is a referred guest who progresses further in the Ensolanka process
                                        and pays the applicable one-time service fee connected to the chosen lifestyle package.
                                        This triggers the larger service-fee affiliate commission.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="referralQuestionFive">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#referralAnswerFive"
                                            aria-expanded="false"
                                            aria-controls="referralAnswerFive">
                                        Can I contact my referred guests?
                                    </button>
                                </h2>
                                <div id="referralAnswerFive"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="referralQuestionFive"
                                     data-bs-parent="#referralFaqAccordion">
                                    <div class="accordion-body">
                                        Yes, where the dashboard provides guest contact details, you may use them to offer
                                        helpful, respectful follow-up related to the Live in Sri Lanka opportunity.
                                        The purpose is to guide—not pressure—the guest.
                                        <div class="faq-warning-box">
                                            Guest contact details must not be sold, shared, misused, or used for unrelated promotions.
                                            If a guest asks not to be contacted further, that request should be respected.
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CATEGORY 4 -->
                    <section class="faq-category-section" id="faq-earnings">
                        <div class="faq-category-heading">
                            <h2>4. Commission Earnings and Payouts</h2>
                            <p>How the earning model works and when commissions become available.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="earningsFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="earningsQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#earningsAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="earningsAnswerOne">
                                        How much do I earn when a guest confirms?
                                    </button>
                                </h2>
                                <div id="earningsAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="earningsQuestionOne"
                                     data-bs-parent="#earningsFaqAccordion">
                                    <div class="accordion-body">
                                        When a properly referred guest pays the <strong>USD 100 Confirmation Fee</strong>,
                                        the current affiliate commission is:
                                        <div class="faq-highlight-box">
                                            <strong>20% of USD 100 = USD 20 affiliate commission</strong>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="earningsQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#earningsAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="earningsAnswerTwo">
                                        How much do I earn when the guest pays the one-time service fee?
                                    </button>
                                </h2>
                                <div id="earningsAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="earningsQuestionTwo"
                                     data-bs-parent="#earningsFaqAccordion">
                                    <div class="accordion-body">
                                        The service-fee commission depends on the guest’s selected package.
                                        The current commission rate is <strong>20%</strong> of the one-time service fee.

                                        <div class="faq-commission-table">
                                            <div class="table-responsive">
                                                <table class="table align-middle">
                                                    <thead>
                                                        <tr>
                                                            <th>Package</th>
                                                            <th>Monthly Package</th>
                                                            <th>One-Time Service Fee</th>
                                                            <th>Your Commission</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><strong>Startup</strong></td>
                                                            <td>USD 500</td>
                                                            <td>USD 450</td>
                                                            <td><span class="faq-value-badge">USD 90</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>Comfort</strong></td>
                                                            <td>USD 1,000</td>
                                                            <td>USD 750</td>
                                                            <td><span class="faq-value-badge">USD 150</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>Premium</strong></td>
                                                            <td>USD 2,000</td>
                                                            <td>USD 1,000</td>
                                                            <td><span class="faq-value-badge">USD 200</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>Luxury</strong></td>
                                                            <td>USD 3,000</td>
                                                            <td>USD 1,200</td>
                                                            <td><span class="faq-value-badge">USD 240</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="earningsQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#earningsAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="earningsAnswerThree">
                                        What is the total possible earning per successful guest?
                                    </button>
                                </h2>
                                <div id="earningsAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="earningsQuestionThree"
                                     data-bs-parent="#earningsFaqAccordion">
                                    <div class="accordion-body">
                                        Combining the confirmation-fee commission and service-fee commission,
                                        the current total possible earning per fully qualifying guest is:

                                        <div class="faq-commission-table">
                                            <div class="table-responsive">
                                                <table class="table align-middle">
                                                    <thead>
                                                        <tr>
                                                            <th>Package</th>
                                                            <th>Confirmation Commission</th>
                                                            <th>Service Fee Commission</th>
                                                            <th>Total Possible Earning</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><strong>Startup</strong></td>
                                                            <td>USD 20</td>
                                                            <td>USD 90</td>
                                                            <td><span class="faq-value-badge">USD 110</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>Comfort</strong></td>
                                                            <td>USD 20</td>
                                                            <td>USD 150</td>
                                                            <td><span class="faq-value-badge">USD 170</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>Premium</strong></td>
                                                            <td>USD 20</td>
                                                            <td>USD 200</td>
                                                            <td><span class="faq-value-badge">USD 220</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td><strong>Luxury</strong></td>
                                                            <td>USD 20</td>
                                                            <td>USD 240</td>
                                                            <td><span class="faq-value-badge">USD 260</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="earningsQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#earningsAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="earningsAnswerFour">
                                        What do “Possible Future Earnings,” “Pending Commission,” “Earned Commission,” and “Available Balance” mean?
                                    </button>
                                </h2>
                                <div id="earningsAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="earningsQuestionFour"
                                     data-bs-parent="#earningsFaqAccordion">
                                    <div class="accordion-body">
                                        Your dashboard may show four financial categories:
                                        <ul class="faq-answer-list">
                                            <li><strong>Possible Future Earnings:</strong> projected potential based on referred guests and package interests.</li>
                                            <li><strong>Pending Commission:</strong> commission waiting for required payment confirmation or review.</li>
                                            <li><strong>Earned Commission:</strong> commission generated after a qualifying payment has been completed and recognized.</li>
                                            <li><strong>Available Balance:</strong> the amount currently available for payout request according to Ensolanka’s payout logic.</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="earningsQuestionFive">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#earningsAnswerFive"
                                            aria-expanded="false"
                                            aria-controls="earningsAnswerFive">
                                        How do I request a payout?
                                    </button>
                                </h2>
                                <div id="earningsAnswerFive"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="earningsQuestionFive"
                                     data-bs-parent="#earningsFaqAccordion">
                                    <div class="accordion-body">
                                        You can submit a payout request through the <strong>Request Payout</strong> panel
                                        in your affiliate dashboard by entering the amount you wish to withdraw in USD.
                                        Payouts are subject to admin review, payment verification, and the availability of eligible balance.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="earningsQuestionSix">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#earningsAnswerSix"
                                            aria-expanded="false"
                                            aria-controls="earningsAnswerSix">
                                        Are affiliate earnings guaranteed?
                                    </button>
                                </h2>
                                <div id="earningsAnswerSix"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="earningsQuestionSix"
                                     data-bs-parent="#earningsFaqAccordion">
                                    <div class="accordion-body">
                                        No. Affiliate earnings are not guaranteed. Actual income depends on referral quality,
                                        successful tracking, guest signup, guest package selection, guest payments,
                                        payment completion, payout approval, and ongoing compliance with program rules.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CATEGORY 5 -->
                    <section class="faq-category-section" id="faq-tools">
                        <div class="faq-category-heading">
                            <h2>5. Business Cards and Marketing Tools</h2>
                            <p>How to promote professionally online and offline.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="toolsFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="toolsQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#toolsAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="toolsAnswerOne">
                                        Can I create my own Ensolanka Global Ambassador business card?
                                    </button>
                                </h2>
                                <div id="toolsAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="toolsQuestionOne"
                                     data-bs-parent="#toolsFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. The dashboard includes a business card generator that lets you create a promotional card
                                        connected to a selected landing page. The card can include:
                                        <ul class="faq-answer-list">
                                            <li>Your name</li>
                                            <li>Your phone or WhatsApp number</li>
                                            <li>Your email address</li>
                                            <li>Your title: <strong>Ensolanka Global Ambassador</strong></li>
                                            <li>A QR code linked to the selected affiliate tracking page</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="toolsQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#toolsAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="toolsAnswerTwo">
                                        Can I download the business card in print quality?
                                    </button>
                                </h2>
                                <div id="toolsAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="toolsQuestionTwo"
                                     data-bs-parent="#toolsFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. The system is intended to provide downloadable business card assets
                                        that you can print and use for face-to-face networking, travel events,
                                        community introductions, coworking spaces, and other appropriate promotional situations.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="toolsQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#toolsAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="toolsAnswerThree">
                                        Can I download only the QR code without creating a card?
                                    </button>
                                </h2>
                                <div id="toolsAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="toolsQuestionThree"
                                     data-bs-parent="#toolsFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. Affiliates can use QR code tools to download tracking QR codes for available landing pages
                                        and use them in suitable digital or printed promotional materials.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="toolsQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#toolsAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="toolsAnswerFour">
                                        What marketing resources are available?
                                    </button>
                                </h2>
                                <div id="toolsAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="toolsQuestionFour"
                                     data-bs-parent="#toolsFaqAccordion">
                                    <div class="accordion-body">
                                        The affiliate program provides ready-to-use marketing resources such as:
                                        <ul class="faq-answer-list">
                                            <li>Brochures and PDF materials</li>
                                            <li>Presentations and overview documents</li>
                                            <li>Audio guides</li>
                                            <li>Video resources</li>
                                            <li>Multilingual promotional content</li>
                                            <li>Training-related playbooks and summaries</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CATEGORY 6 -->
                    <section class="faq-category-section" id="faq-training">
                        <div class="faq-category-heading">
                            <h2>6. Training and Customized Resources</h2>
                            <p>Learning support, language access, and personalized materials.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="trainingFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="trainingAnswerOne">
                                        Does Ensolanka provide training for affiliates?
                                    </button>
                                </h2>
                                <div id="trainingAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="trainingQuestionOne"
                                     data-bs-parent="#trainingFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. The affiliate dashboard includes or may include training sections designed to help
                                        ambassadors explain the Sri Lanka living opportunity confidently and ethically.
                                        Training resources can include full playbooks, summary guides, audio guidance, and video training.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="trainingAnswerTwo">
                                        In which languages are affiliate training materials available?
                                    </button>
                                </h2>
                                <div id="trainingAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trainingQuestionTwo"
                                     data-bs-parent="#trainingFaqAccordion">
                                    <div class="accordion-body">
                                        The dashboard training structure is designed around:
                                        <ul class="faq-answer-list">
                                            <li>English</li>
                                            <li>Sinhala</li>
                                            <li>Tamil</li>
                                        </ul>
                                        These training resources help affiliates understand the program and communicate more effectively.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="trainingAnswerThree">
                                        In how many languages are general marketing resources available?
                                    </button>
                                </h2>
                                <div id="trainingAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trainingQuestionThree"
                                     data-bs-parent="#trainingFaqAccordion">
                                    <div class="accordion-body">
                                        The program is designed to provide marketing resources in many major international languages,
                                        with the broader promotional plan covering up to <strong>11 major global languages</strong>
                                        or more as resources expand.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="trainingAnswerFour">
                                        Can I request customized brochures or presentations with my QR code?
                                    </button>
                                </h2>
                                <div id="trainingAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trainingQuestionFour"
                                     data-bs-parent="#trainingFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. Affiliates can submit requests for customized marketing resources,
                                        such as brochures, summaries, or presentations personalized with:
                                        <ul class="faq-answer-list">
                                            <li>The affiliate’s contact details</li>
                                            <li>The affiliate’s QR code</li>
                                            <li>The affiliate’s referral link</li>
                                            <li>Requested languages where available</li>
                                        </ul>
                                        These requests may be handled through the affiliate dashboard request form
                                        and delivered when prepared.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="trainingQuestionFive">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#trainingAnswerFive"
                                            aria-expanded="false"
                                            aria-controls="trainingAnswerFive">
                                        Are there live training sessions, networking events, or affiliate award ceremonies?
                                    </button>
                                </h2>
                                <div id="trainingAnswerFive"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="trainingQuestionFive"
                                     data-bs-parent="#trainingFaqAccordion">
                                    <div class="accordion-body">
                                        Yes. Ensolanka plans to support affiliates through online training sessions focused on
                                        increasing promotional effectiveness and income potential. The program also includes the vision
                                        for networking events and felicitation or award ceremonies in selected countries each year,
                                        subject to program planning and event availability.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CATEGORY 7 -->
                    <section class="faq-category-section" id="faq-ethics">
                        <div class="faq-category-heading">
                            <h2>7. Responsible Promotion and Program Ethics</h2>
                            <p>How to promote the opportunity with dignity and trust.</p>
                        </div>

                        <div class="accordion affiliate-faq-accordion" id="ethicsFaqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="ethicsQuestionOne">
                                    <button class="accordion-button" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#ethicsAnswerOne"
                                            aria-expanded="true"
                                            aria-controls="ethicsAnswerOne">
                                        What is the best mindset for a successful affiliate?
                                    </button>
                                </h2>
                                <div id="ethicsAnswerOne"
                                     class="accordion-collapse collapse show"
                                     aria-labelledby="ethicsQuestionOne"
                                     data-bs-parent="#ethicsFaqAccordion">
                                    <div class="accordion-body">
                                        The program encourages a <strong>helper mindset</strong>, not an aggressive sales mindset.
                                        Successful ambassadors listen to people’s needs, explain Sri Lanka’s opportunities honestly,
                                        and guide interested prospects using accurate information and official materials.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="ethicsQuestionTwo">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#ethicsAnswerTwo"
                                            aria-expanded="false"
                                            aria-controls="ethicsAnswerTwo">
                                        Can I promise guaranteed income or guaranteed guest results?
                                    </button>
                                </h2>
                                <div id="ethicsAnswerTwo"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="ethicsQuestionTwo"
                                     data-bs-parent="#ethicsFaqAccordion">
                                    <div class="accordion-body">
                                        No. Affiliates must not promise guaranteed earnings, guaranteed approvals,
                                        guaranteed relocation outcomes, guaranteed visas, guaranteed relationships,
                                        or any result not expressly confirmed by Ensolanka.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="ethicsQuestionThree">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#ethicsAnswerThree"
                                            aria-expanded="false"
                                            aria-controls="ethicsAnswerThree">
                                        Can I spam my affiliate links across comment sections or send bulk unsolicited messages?
                                    </button>
                                </h2>
                                <div id="ethicsAnswerThree"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="ethicsQuestionThree"
                                     data-bs-parent="#ethicsFaqAccordion">
                                    <div class="accordion-body">
                                        No. The program is built around ethical and sincere promotion.
                                        Affiliates should not use spam, irrelevant bulk messaging, deceptive link drops,
                                        or communication that damages the Ensolanka brand.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="ethicsQuestionFour">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#ethicsAnswerFour"
                                            aria-expanded="false"
                                            aria-controls="ethicsAnswerFour">
                                        Should I disclose that I may earn a commission?
                                    </button>
                                </h2>
                                <div id="ethicsAnswerFour"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="ethicsQuestionFour"
                                     data-bs-parent="#ethicsFaqAccordion">
                                    <div class="accordion-body">
                                        Yes, where appropriate or required by applicable law, platform rules, or advertising standards,
                                        affiliates should clearly state that they may receive a commission from qualifying referrals.
                                        A simple example is:
                                        <div class="faq-highlight-box">
                                            “I may earn a commission if you proceed through my referral link.”
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="ethicsQuestionFive">
                                    <button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse"
                                            data-bs-target="#ethicsAnswerFive"
                                            aria-expanded="false"
                                            aria-controls="ethicsAnswerFive">
                                        What happens if an affiliate misuses the program?
                                    </button>
                                </h2>
                                <div id="ethicsAnswerFive"
                                     class="accordion-collapse collapse"
                                     aria-labelledby="ethicsQuestionFive"
                                     data-bs-parent="#ethicsFaqAccordion">
                                    <div class="accordion-body">
                                        Ensolanka may review, restrict, suspend, or terminate affiliate participation where there is
                                        misuse of referral tracking, fraudulent activity, unethical promotion, guest privacy violations,
                                        false claims, or conduct that harms the program or brand.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </section>


                    <!-- CTA -->
                    <div class="faq-support-cta">
                        <div class="row align-items-center g-4">
                            <div class="col-lg-8">
                                <h3 class="fw-bold mb-3">Still Have Questions About the Affiliate Program?</h3>
                                <p class="mb-0">
                                    Review the Terms & Conditions, explore the marketing resources, or contact Ensolanka
                                    for support related to affiliate registration, referral tools, commission flow, and custom materials.
                                </p>
                            </div>

                            <div class="col-lg-4">
                                <div class="d-grid gap-2">
                                    <a href="{% url 'affiliates_app:contact_page_aff' %}" class="btn btn-warning btn-lg">
                                        Contact Us
                                    </a>

                                    {% if request.user.is_authenticated %}
                                        <a href="{% url 'affiliates_app:affiliate_dashboard' %}" class="btn btn-outline-light btn-lg">
                                            My Dashboard
                                        </a>
                                    {% else %}
                                        <a href="{% url 'affiliates_app:affiliate_register' %}" class="btn btn-outline-light btn-lg">
                                            Join the Program
                                        </a>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

{% endblock %}