<?php include 'header.php'; ?>


<section class="comm-sub-nav">
  <div class="nav" style="align-items:center;height:58px;">
    <div class="nav-box" style="background-color:none;padding:0;">
      <div class="nav-list">
        <a href="index.php" target="_blank" style="color:#3D3D3D;">
          Home
        </a>
        <i style="color:#3D3D3D;">-</i>
      </div>
      <div class="nav-list">
        <a href="broker_section.php" target="_blank" style="color:#3D3D3D;">
          Broker
          <a>
            <i style="color:#3D3D3D;">-</i>
      </div>
      <div class="nav-list">
        <a href="ecmarkets.php" target="_blank" style="color:#3D3D3D;">
          EC Markets
        </a>
      </div>
    </div>
  </div>
</section>

<!-- fxcm start -->
<section>
  <div class="broker-container">
    <div class="broker-row">
      <!-- Left Section - Logo and Score -->
      <div class="broker-left">
        <div class="logo-box">
          <span class="regulated-badge">Regulated</span>
          <img src="https://eimgjys.fxeyee.com/logo/638587355731434043/FXT638587355731434043_372803.png_wiki-template-global" alt="EC Markets" class="head-l-logo-img" style="height: 150px; width: 200px;">

        </div>
        <div class="score-box">
          <div class="score-label">Score <i class="info-icon">i</i></div>
          <div class="score-value">9.12</div>
          <div class="score-max">/10</div>
        </div>
      </div>
      <!-- Center Section -->
      <div class="broker-center">
        <h1 class="broker-title">EC Markets</h1>
        <div class="brokers-info">
          <img src="https://img.fx696.com/flag/5ec6b460ec00c584/826.png_wiki-template-global" class="line1-flag">
          <span>United Kingdom</span>
          <span class="separator">|</span>
          <span>15-20 years</span>
          <span class="separator">|</span>

        </div>
        <div class="brokers-info">
          <span>Environment AAA</span>
        </div>
        <div class="brokers-info">
          <span>Regulated in Australia</span>
        </div>
        <div class="brokers-info">
          <span>Market Maker (MM) MT4 Full License</span>
        </div>

        <div class="website-boxx">
          <a href="https://www.ecmarkets.live/en-US/" class="website-link">
            <div class="website-url">https://www.ecmarkets.live/en-US/</div>
            <div class="website-label">Website</div>
          </a>
        </div>
        <div class="action-buttons">
          <button class="btn-open">Open Account</button>
          <button class="btn-time">Time Machine</button>
        </div>
      </div>

      <!-- Right Section -->
      <div class="broker-right">
        <div class="dealer-info-pfzsbox">



          <div class="dealer-info-title">
            <div class="dealer-info-title-text">
              Rating Index
              <span class="dealer-info-title-icon">i</span>
            </div>
            <div class="dealer-info-title-plus">+</div>
          </div>
          <div class="dealer-info-pfzs">
            <div class="chart-container">
              <div class="regulation-badge">Regulation 9.04</div>
              <canvas id="ratingChart"></canvas>
              <div class="module-l-echart-text">
                <div class="scores">9.12</div>

              </div>
              <div class="chart-labels">
                <div class="chart-label business">
                  Business
                  <div class="value">8.36</div>
                </div>
                <div class="chart-label risk-control">
                  Risk Control
                  <div class="value">8.90</div>
                </div>
                <div class="chart-label software">
                  Software
                  <div class="value">9.99</div>
                </div>
                <div class="chart-label license">
                  License
                  <div class="value">9.12</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="dealer-info-box dealer-info-boxtwo">
        <div class="dealer-info-title">
          <span class="dealer-info-title-text">Environment</span>
          <div class="dealer-info-actions">
            <button class="action-btn like">
              <i class="fas fa-heart"></i>
            </button>
            <button class="action-btn share">
              <i class="fas fa-share-alt"></i>
              <div class="share-dropdown">
                <a href="#" class="share-item">
                  <i class="fab fa-facebook"></i>
                  <span>Facebook</span>
                </a>
                <a href="#" class="share-item">
                  <i class="fab fa-twitter"></i>
                  <span>X (Twitter)</span>
                </a>
                <a href="#" class="share-item">
                  <i class="fab fa-weixin"></i>
                  <span>WeChat</span>
                </a>
              </div>
            </button>
            <button class="action-btn refresh">
              <i class="fas fa-sync-alt"></i>
            </button>
          </div>
        </div>
        <div class="dealer-info-all">
          <!-- Environment Info -->
          <div class="dealer-info-li">
            <div class="dealer-info-li-l">
              <p class="dealer-info-li-tl">Environment</p>
              <p class="dealer-info-li-txt">B</p>
            </div>
            <div class="dealer-info-li-c">
              <p class="dealer-info-li-c-txt">Average transaction speed (ms)</p>
              <div class="dealer-info-li-c-label">
                <span class="dealer-info-li-c1">616.2</span>
              </div>
            </div>
            <div class="dealer-info-li-r">
              <span class="iconfont icon-Icon-Stroke-arrow-right"></span>
            </div>
          </div>

          <!-- MT4/5 Info -->
          <div class="dealer-info-li">
            <div class="dealer-info-li-l">
              <p class="dealer-info-li-tl">MT4/5</p>
              <p class="dealer-info-li-txt" style="font-size: 16px; line-height: 20px; color: rgb(82, 161, 100);">
                Full License
              </p>
            </div>
            <div class="dealer-info-li-c">
              <p class="dealer-info-li-c-txt whitespace-nowrap">ECMarketsGroupLtd-Live01</p>
              <img src="https://img.souhei.com.cn/flag/7d8833382673bab2/CN.png_wiki-template-global" class="dealer-info-li-c3">
              <span class="dealer-info-li-c4 truncate max-w-65">China</span>
              <span class="dealer-info-li-c2">MT4</span>
              <div id="info-li-c4-box" data-title="China" class="relative flex info-li-c4-box">

              </div>

            </div>

          </div>

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

  <!-- fxcm End -->
</section>


<!-- AvaTrade Info start -->
<section>
  <div class="container">
    <div class="avatrade-info-wrapper">


      <div class="avatrade-info-left">
        <div class="avatrade-card vps-card">
          <h3 class="line-clamp-2" style="color:#338066;font-size:16px;">
            100% Mediation in the complaints
          </h3>
          <h3 class="line-clamp-2" style="color:#338066;font-size:16px;">
            Response of EMC during
          </h3>
          <!-- <div class="vps-desc">100% Mediation in the complaints</div>
      <div class="vps-desc">Response of EMC during</div> -->

        </div>
        <div class="avatrade-card licenses-card">
          <div class="card-title">
            <span class="iconfont">&#128196;</span> Licenses <span class="badge">6</span>
          </div>
          <div class="license-list">
            <div class="license-item">
              <img src="https://flagcdn.com/au.svg" alt="Australia" class="license-flag">
              <span class="license-type asic">ASIC</span>
              <span class="license-status regulated">Regulated</span>
              <span class="license-desc">Australia Market Maker (MM)</span>
            </div>
            <div class="license-item">
              <img src="https://flagcdn.com/jp.svg" alt="Japan" class="license-flag">
              <span class="license-type fsa">FSA</span>
              <span class="license-status regulated">Regulated</span>
              <span class="license-desc">Japan Retail Forex License</span>
            </div>
          </div>
        </div>

        <div class="avatrade-card vps-card">
          <div class="card-title">VPS Standard</div>
          <div class="vps-desc">No restriction on the broker account</div>
          <div class="vps-icons">
            <div class="vps-icon"><img src="https://resources1.interface003.com/web20/img/dealer/vps/Icon-1.svg" alt="CPU">
              <div>Single Core</div>
            </div>
            <div class="vps-icon"><img src="https://resources1.interface003.com/web20/img/dealer/vps/Icon-3.svg" alt="RAM">
              <div>1G</div>
            </div>
            <div class="vps-icon"><img src="https://resources1.interface003.com/web20/img/dealer/vps/Icon-3.svg" alt="HDD">
              <div>40G</div>
            </div>
            <div class="vps-icon"><img src="https://resources1.interface003.com/web20/img/dealer/vps/Icon-4.svg" alt="ADSL">
              <div>1M*ADSL</div>
            </div>
          </div>

        </div>
      </div>
      <div class="avatrade-info-right">
        <!-- Survey Card -->
        <div class="avatrade-card survey-card">
          <div class="swiper-container swiper-container-box">
            <div class="SwiperBox">
              <div class="img-box-jaf">
                <a href="/en/survey/49268818bd.html" target="_blank" class="item-info">
                  <div class="deal-img">
                    <img src="https://eimgreview.souhei.com.cn/survey/637667007399422609/FXS637667007399422609_179947.jpg_survey-list"
                      alt="A Visit to AVATRADE in Japan -- Office Confirmed Existed"
                      class="survey-img com-img cover">
                  </div>
                  <div class="deal-img">
                    <img src="https://eimgreview.souhei.com.cn/survey/637667007407505829/FXS637667007407505829_380934.jpg_survey-list"
                      alt="A Visit to AVATRADE in Japan -- Office Confirmed Existed"
                      class="survey-img com-img cover">
                  </div>
                  <div class="deal-img">
                    <img src="https://eimgreview.souhei.com.cn/survey/637667007406568359/FXS637667007406568359_630944.jpg_survey-list"
                      alt="A Visit to AVATRADE in Japan -- Office Confirmed Existed"
                      class="survey-img com-img cover">
                  </div>
                  <div class="deal-info">
                    <div class="top-cell">
                      <div class="deal-name">
                        <span>WikiFX Survey</span>
                        <span class="overhide2">AvaTrade</span>
                      </div>
                      <span class="tag">Great</span>
                    </div>
                    <div class="bottom-cell">
                      <img src="https://img.souhei.com.cn/flag/8949fe29bf2a537c/392.png_fxeye-template-global" alt="AvaTrade">
                      <span class="country">Japan</span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>

        <div class="avatrade-card basic-info-card">
          <div class="basic-info-title">Basic Information</div>
          <div class="basic-info-row">
            <div>
              <div class="info-label">Registered Region</div>
              <div class="info-value"><img src="https://flagcdn.com/ie.svg" alt="Ireland" class="info-flag"> Ireland</div>
            </div>
            <div>
              <div class="info-label">Contact Number</div>
              <div class="info-value">+4368120454473</div>
            </div>
          </div>
          <div class="basic-info-row">
            <div>
              <div class="info-label">Operating Period</div>
              <div class="info-value">15-20 years</div>
            </div>
            <div>
              <div class="info-label">Company Website</div>
              <div class="info-value"><a href="https://www.avatrade.com?versionId=10301&tag=206585" target="_blank">https://www.avatrade.com?versionId=10301&tag=206585</a></div>
            </div>
          </div>
        </div>

        <!-- Advertisement Carousel Card -->
        <div class="avatrade-card ad-card mb-20">
          <section class="dealer-ad-john">
            <div class="carousel el-carousel el-carousel--horizontal">
              <div class="el-carousel__container" style="height:198px;">
                <button type="button" class="el-carousel__arrow el-carousel__arrow--left">
                  <i class="el-icon-arrow-left"></i>
                </button>
                <button type="button" class="el-carousel__arrow el-carousel__arrow--right">
                  <i class="el-icon-arrow-right"></i>
                </button>

                <div class="el-carousel__item is-active">
                  <a href="https://www.fxcm-markets.com/golden/?cmp=701US00000Jj04DYAR&amp;utm_source=fxeye&amp;utm_medium=flatrate-display&amp;utm_campaign=fxeye_October_2024" target="_blank" class="dealer-ad-a cursor-pointer"><img loading="lazy" src="https://img.souhei.com.cn/gj/638677234680322185/UAD638677234680322185_900562.jpg_wiki-template-global"></a>
                  target="_blank"
                  class="dealer-ad-a cursor-pointer">
                  <img loading="lazy" src="https://img.souhei.com.cn/gj/638677234680322185/UAD638677234680322185_900562.jpg_wiki-template-global">
                  </a>
                </div>



                <li class="el-carousel__indicator el-carousel__indicator--horizontal is-active">
                  <button class="el-carousel__button"></button>
                </li>
                <li class="el-carousel__indicator el-carousel__indicator--horizontal">
                  <button class="el-carousel__button"></button>
                </li>
                <li class="el-carousel__indicator el-carousel__indicator--horizontal">
                  <button class="el-carousel__button"></button>
                </li>
                </ul>
              </div>
          </section>
        </div>

      </div>
    </div>
  </div>
</section>
<!-- AvaTrade Info end -->


<!--dealer-tabs-bar  -->
<section>
  <div class="overflow-hidden sticky z-[19] flex justify-center m-auto w-full m-auto h-auto md:w-full sm:w-full mb-20 bg-[#fff] pt-10 sm:px-12">

    <nav class="container dealer-tabs-bar">
      <div class="dealer-tabs fix-tab-content">
        <div class="dealerFixedMenu active" data-y-id="software">
          Related Software
        </div>
        <div class="dealerFixedMenu" data-y-id="environment">
          Environment
        </div>
        <div class="dealerFixedMenu" data-y-id="data">
          WikiFX Data
        </div>
        <div class="dealerFixedMenu" data-y-id="strategy">
          Marketing Strategy
        </div>
        <div class="dealerFixedMenu" data-y-id="exhibitionArea">
          Biz Area
        </div>
        <div class="dealerFixedMenu" data-y-id="relation_genealogy">
          Genealogy
        </div>
        <div class="dealerFixedMenu" data-y-id="company_related">
          Relevant Enterprises
        </div>
        <div class="dealerFixedMenu" data-y-id="company_profile">
          Company Summary
        </div>
        <div class="dealerFixedMenu" data-y-id="information">
          News
        </div>
      </div>
    </nav>
  </div>
</section>
<!-- dealer-tabs-end -->

<!-- dealer-tabs-content -->
<section class="container dealer-tabss">


  <div class="dealer-tab-content">
    <h2 class="dealer-tab-title" data-y-id="environment">Related Software</h2>
    <div class="dealer-tab-license-row">
      <div class="dealer-tab-license success">Full License MT4</div>
      <div class="dealer-tab-license success">Full License MT5</div>
      <div class="dealer-tab-license-info">
        <div class="dealer-tab-license-info-item">
          <div class="dealer-tab-license-info-number">7</div>
          <div class="dealer-tab-license-info-label">MT4 Servers</div>
        </div>
        <div class="dealer-tab-license-info-item">
          <div class="dealer-tab-license-info-number">4</div>
          <div class="dealer-tab-license-info-label">MT5 Servers</div>
        </div>
        <div class="dealer-tab-license-info-item">
          <div>
            <span class="dealer-tab-license-info-number">174.71</span>
            <span class="dealer-tab-license-info-arrow">&#9650;</span>
          </div>
          <div class="dealer-tab-license-info-label">Average execution speed/ms</div>
        </div>
      </div>
    </div>
    <div class="dealer-tab-desc">
      Formal full license MT4/5 traders will have sound system services and follow-up technical support. Generally, their business and technology are relatively mature and their risk control capabilities are strong
    </div>
    <div class="dealer-tab-platforms-slider">
      <button class="platforms-arrow left" type="button">&#8592;</button>
      <div class="dealer-tab-platforms" id="platformsSlider">
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/logo/638023059684569444/FXT638023059684569444_824044.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Meta Trader 4</div>
          <div class="dealer-tab-platform-status perfect">Perfect</div>
        </div>
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/logo/638023059684569444/FXT638023059684569444_824044.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Meta Trader 5</div>
          <div class="dealer-tab-platform-status perfect">Perfect</div>
        </div>
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/logo/638023059684569444/FXT638023059684569444_824044.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Meta Trader 5</div>
          <div class="dealer-tab-platform-status perfect">Perfect</div>
        </div>
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/ico/638524966772430100/FXT638524966772430100_419753.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Trading Software</div>
          <div class="dealer-tab-platform-status good">Good</div>
        </div>
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/ico/638524966772430100/FXT638524966772430100_419753.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Trading Software</div>
          <div class="dealer-tab-platform-status good">Good</div>
        </div>
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/ico/638524966772430100/FXT638524966772430100_419753.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Trading Software</div>
          <div class="dealer-tab-platform-status good">Good</div>
        </div>
        <div class="dealer-tab-platform">
          <img loading="lazy" src="https://eimgjys.fx696.com/ico/638524966772430100/FXT638524966772430100_419753.png_wiki-template-global" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Trading Software</div>
          <div class="dealer-tab-platform-status good">Good</div>
        </div>
        <div class="dealer-tab-platform">
          <img src="https://seeklogo.com/images/A/avatrade-logo-6B7A2B6B2B-seeklogo.com.png" alt="Trading Software" class="dealer-tab-platform-icon">
          <div class="dealer-tab-platform-name">Trading Software</div>
          <div class="dealer-tab-platform-status good">Good</div>
        </div>
        <!-- Add more .dealer-tab-platform as needed -->
      </div>
      <button class="platforms-arrow right" type="button">&#8594;</button>
    </div>

    <div class="dealer-tab-server-tabs">
      <button class="dealer-tab-server-tab active" data-server-type="all">All Servers 11</button>
      <button class="dealer-tab-server-tab" data-server-type="mt4">MT4</button>
      <button class="dealer-tab-server-tab" data-server-type="mt5">MT5</button>
    </div>
    <div class="dealer-tab-servers-slider">
      <button class="servers-arrow left" type="button">&#8592;</button>
      <div class="dealer-tab-servers" id="serversSlider">
        <div class="dealer-tab-server-card" data-server-type="mt4">
          <div class="dealer-tab-server-header">
            <span class="server-type mt4">MT4</span>
            <span class="server-name">Ava-Real 5</span>
            <span class="server-count">7</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">200 | 100 | 66 | 50 | 30</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">65.***.105</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping">33 ms</span>
                <span class="ping-dot"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>

        <div class="dealer-tab-server-card" data-server-type="mt4">
          <div class="dealer-tab-server-header">
            <span class="server-type mt4">MT4</span>
            <span class="server-name">Ava-Demo</span>
            <span class="server-count">3</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">200 | 100 | 66 | 50 | 30</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">18.***.151</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping">34 ms</span>
                <span class="ping-dot"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>


        <div class="dealer-tab-server-card" data-server-type="mt5">
          <div class="dealer-tab-server-header">
            <span class="server-type mt5">MT5</span>
            <span class="server-name">Ava-Demo 1-MT5</span>
            <span class="server-count">3</span>
            <span class="server-arrow">&gt;</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">1000 | 500 | 400 | 200</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">47.***.169</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping">35 ms</span>
                <span class="ping-dot"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>
        <div class="dealer-tab-server-card" data-server-type="mt4">
          <div class="dealer-tab-server-header">
            <span class="server-type mt4">MT4</span>
            <span class="server-name">Ava-Real 4</span>
            <span class="server-count">5</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">200 | 100 | 66 | 50 | 30</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">13.***.57</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping">36 ms</span>
                <span class="ping-dot"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>
        <div class="dealer-tab-server-card" data-server-type="mt5">
          <div class="dealer-tab-server-header">
            <span class="server-type mt5">MT5</span>
            <span class="server-name">AvaTradeMarkets-Demo 1-MT5</span>
            <span class="server-count">3</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">
                <img src="https://flagcdn.com/vg.svg" alt="Virgin Islands" class="server-flag"> The Virgin Islands
              </div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">100 | 50 | 33 | 25 | 10</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">47.***.169</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping">37 ms</span>
                <span class="ping-dot"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Markets Ltd</div>
          </div>
        </div>
        <div class="dealer-tab-server-card" data-server-type="mt4">
          <div class="dealer-tab-server-header">
            <span class="server-type mt4">MT4</span>
            <span class="server-name">Ava-Real 3</span>
            <span class="server-count">7</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">200 | 100 | 66 | 50 | 30</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">35.***.179</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping">70 ms</span>
                <span class="ping-dot"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>
        <div class="dealer-tab-server-card" data-server-type="mt4">
          <div class="dealer-tab-server-header">
            <span class="server-type mt4">MT4</span>
            <span class="server-name">Ava-Real 2</span>
            <span class="server-count">5</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">200 | 100 | 66 | 50 | 30</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">192.***.64</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping" style="color:#f7b500;">154 ms</span>
                <span class="ping-dot" style="background:#f7b500;"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>
        <div class="dealer-tab-server-card" data-server-type="mt4">
          <div class="dealer-tab-server-header">
            <span class="server-type mt4">MT4</span>
            <span class="server-name">Ava-Real 6</span>
            <span class="server-count">6</span>
          </div>
          <div class="dealer-tab-server-info-row">
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Country/Region</div>
              <div class="dealer-tab-server-info-value">--</div>
            </div>
            <div class="dealer-tab-server-info-col">
              <div class="dealer-tab-server-info-label">Leverage</div>
              <div class="dealer-tab-server-info-value">200 | 100 | 66 | 50 | 30</div>
            </div>
          </div>
          <div class="dealer-tab-server-meta-box">
            <div class="dealer-tab-server-meta-row">
              <div>
                <span class="dealer-tab-server-meta-label">Server IP</span>
                <span class="dealer-tab-server-meta-value">46.***.10</span>
              </div>
              <div>
                <span class="dealer-tab-server-meta-label">Ping</span>
                <span class="dealer-tab-server-meta-value ping" style="color:#f7b500;">157 ms</span>
                <span class="ping-dot" style="background:#f7b500;"></span>
              </div>
            </div>
            <div class="dealer-tab-server-meta-company">Ava Trade Ltd</div>
          </div>
        </div>
        <div class="dealer-tab-server-card" data-server-type="mt5">
          <div class="dealer-tab-server-header">
            <span class="server-type mt5">MT5</span>
            <span class="server-name">AvaTradeMarkets-Real 1-MT5</span>
            <span class="server-count">6</span>
          </div>
          <div class="dealer-tab-server-info">
            <div>Country/Region: <img src="https://flagcdn.com/vg.svg" alt="Virgin Islands" style="width:18px;height:12px;vertical-align:middle;margin-right:4px;"> The Virgin Islands</div>
            <div>Leverage: 100 | 50 | 33 | 25 | 10</div>
          </div>
          <div class="dealer-tab-server-meta">
            <div>Server IP: 192.***.233</div>
            <div>Ping: <span class="ping" style="color:#f7b500;">155 ms</span> <span style="color:#f7b500;font-size:18px;vertical-align:middle;">●</span></div>
            <div>Ava Trade Markets Ltd</div>
          </div>
        </div>
      </div>
      <button class="servers-arrow right" type="button">&#8594;</button>
    </div>
  </div>
</section>
<!-- End of Server Slider -->

<!-- Environment graph start -->
<section class="environment-section">
  <div class="container">
    <h2 class="section-title" data-y-id="environment">Environment</h2>

    <div class="environment-tabs">
      <button class="env-tab active">Transaction Speed A</button>
      <button class="env-tab">Transaction Cost AAA</button>
      <button class="env-tab">Rollover Cost C</button>
      <button class="env-tab">Trading slippage AAA</button>
      <button class="env-tab">Software disconnected AAA</button>
    </div>

    <div class="flex sm:flex-col">
      <div class="warp-left">
        <div class="speed-pane pane-block">
          <div class="speed-charts">
            <div class="line-charts" id="speedChart">
              <img src="image/download.png" alt="Transaction Speed Chart" style="width:100%;max-width:700px;">
            </div>
          </div>
          <div class="speed-info grid-cols-3 sm:grid-cols-2">
            <div class="info-item">
              <div class="item-tlt">Average transaction speed(ms)</div>
              <div class="item-ctx">495.6</div>
            </div>
            <div class="info-item">
              <div class="item-tlt">The highest transaction speed(ms)</div>
              <div class="item-ctx">255</div>
            </div>
            <div class="info-item">
              <div class="item-tlt">The highest speed of opening positions(ms)</div>
              <div class="item-ctx">255</div>
            </div>
            <div class="info-item">
              <div class="item-tlt">The highest speed of closing position(ms)</div>
              <div class="item-ctx">261</div>
            </div>
            <div class="info-item">
              <div class="item-tlt">The lowest speed of opening positions(ms)</div>
              <div class="item-ctx">1703 <span class="status-badge good">Good</span></div>
            </div>
            <div class="info-item">
              <div class="item-tlt">The lowest speed of closing position(ms)</div>
              <div class="item-ctx">1484 <span class="status-badge good">Good</span></div>
            </div>
          </div>
        </div>
      </div>

      <div class="warp-right">
        <div class="info-side">
          <div class="side-top">
            <div class="gauge-charts" id="gaugeChart">
              <img src="image/download1.png" alt="Transaction Speed Chart" style="width:100%;max-width:700px;">
            </div>
            <div class="gauge-rank">Ranking: <i>13</i> / 125</div>
          </div>
          <div class="right-line"></div>
          <div class="right-info">
            <div class="r-info-item">
              Test user <span>1,152</span>
            </div>
            <div class="r-info-item">
              Orders <span>2,767</span>
            </div>
            <div class="r-info-item">
              Occupied margin <span>$3,887,175 USD</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="data-source">
      Data Source: <img src="path/to/wikifx-icon.png" alt="WikiFX" class="wikifx-icon"> WikiFX Data provide
      <span class="update-time">Updated: 2025-04-29 22:30:00</span>
    </div>
  </div>
</section>
<!-- Environment graph end -->

<!-- Data Tabs Section Start -->
<div class="data-tabs-bg">
  <div class="data-tabs-container">
    <div class="data-tabs-header">
      <button class="data-tab-btn active" data-tab="wikifx">WikiFX Data</button>
      <button class="data-tab-btn" data-tab="activity">Transaction Activity</button>
      <button class="data-tab-btn" data-tab="funding">Funding Data</button>
    </div>
    <div class="data-tabs-content-row">
      <!-- Left: Graph/Content -->
      <div class="data-tabs-left">
        <div class="data-tab-content active" id="tab-wikifx">
          <!-- WikiFX Data Graph -->
          <img src="image/download 2.png" alt="WikiFX Data" style="width:100%;max-width:700px;">
        </div>
        <div class="data-tab-content" id="tab-activity">
          <p>Active Trades</p>
          <!-- Transaction Activity Graph -->
          <img src="image/download 3.png" alt="Transaction Activity" style="width:100%;max-width:700px;">
          <p>Transaction Lots</p>
          <img src="image/download 4.png" alt="Transaction Activity" style="width:100%;max-width:700px;">
        </div>
        <div class="data-tab-content" id="tab-funding">
          <!-- Funding Data Graph -->
          <p>Net Deposit</p>
          <img src="image/download 5.png" alt="Funding Data" style="width:100%;max-width:700px;">
          <p>Net Withdraw</p>
          <img src="image/download 6.png" alt="Funding Data" style="width:100%;max-width:700px;">
        </div>
      </div>
      <!-- Right: Stopout/Distribution, etc. -->
      <div class="data-tabs-right">
        <div class="data-tab-right-content active" id="tab-right-wikifx">
          <!-- Right content for WikiFX Data -->
          <div style="text-align:center; height: 250px; width: 300px;">
            <div style="font-size:18px;font-weight:600;">Stop Out</div>
            <div style="font-size:20px;font-weight:700;">0.70%</div>
            <img src="image/download 8.png" alt="Stop Out Chart" style="width:200px; height: 120px;">
            <div style="margin-top:30px;">
              <div style="font-size:18px;font-weight:600;">Stop Out Symbol Distribution</div>
              <img src="image/download 7.png" alt="Symbol Distribution" style="width:180px; height: 120px;">
              <div style="font-size:14px;color:#888;margin-top:8px;">6 months</div>
            </div>
          </div>
        </div>
        <div class="data-tab-right-content" id="tab-right-activity">
          <!-- Right content for Transaction Activity -->
          <div style="background:#fafbfc;padding:24px 18px;border-radius:12px; height: 300px; width: 300px;">
            <div style="font-size:18px;font-weight:600;margin-bottom:18px;">Spread Cost</div>
            <div style=\"margin-bottom:10px;\">FXCM <span style=\"font-size:22px;font-weight:700;float:right;\">17.79</span></div>
            <div style=\"margin-bottom:18px;\">Industry average <span style=\"font-size:22px;font-weight:700;float:right;\">17.73</span></div>
            <div style=\"font-size:18px;font-weight:600;margin-bottom:18px;clear:both;\">Total Profit</div>
            <div style=\"margin-bottom:10px;\">FXCM <span style=\"font-size:22px;font-weight:700;float:right;\">45.43</span></div>
            <div>Industry average <span style=\"font-size:22px;font-weight:700;float:right;\">61.98</span></div>
            <div style=\"font-size:13px;color:#888;margin-top:18px;\">Nearly three months</div>
          </div>
        </div>
        <div class="data-tab-right-content" id="tab-right-funding">
          <!-- Right content for Funding Data -->
          <div style="background:#fafbfc;padding:24px 18px;border-radius:12px; height: 300px; width: 350px;">
            <div style="font-size:18px;font-weight:600;margin-bottom:18px;">Number of new users</div>
            <div style="font-size:32px;font-weight:700;margin-bottom:18px;">1.41</div>
            <img src="image/download 8.png" alt="Stop Out Chart" style="width:200px; height: 120px;">
            <div style="font-size:18px;font-weight:600;margin-bottom:10px;">The proportion of funding</div>
            <img src="image/download 7.png" alt="Symbol Distribution" style="width:180px; height: 120px;">
            <div style="font-size:14px;color:#888;margin-top:8px;">6 months</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Data Tabs Section End -->

<!-- Marketing Tabs Section Start -->
<div class="marketing-tabs-bg">
  <div class="marketing-tabs-container">
    <div class="marketing-tabs-header">
      <button class="marketing-tab-btn active" data-tab="strategy">Marketing Strategy</button>
      <button class="marketing-tab-btn" data-tab="delivery">Delivery Index</button>
      <button class="marketing-tab-btn" data-tab="social">Social Source</button>
    </div>
    <div class="marketing-tabs-content-row">
      <div class="marketing-tab-content active" id="marketing-tab-strategy">
        <div class="pie-echarts pie-echarts-flex" style="display: flex; gap: 40px; align-items: flex-start;">
          <section class="echarts-pie chart" style="flex: 1;">
            <div id="main" style="height: 365px; min-width: 100%; user-select: none; position: relative;">
              <!-- Your ECharts pie chart will render here -->
               <img src="image/download 9.png" alt="Marketing Strategy" style="width:100%;max-width:700px;">
            </div>
            <div class="select_name"></div>
          </section>
          <section class="percentage-data-container chart-data" style="flex: 1;">
            <h6>Sources</h6>
            <div class="block">
              <div class="name"><span>Google</span> <span>93.05%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border0" style="width: 95.05%; background: rgb(230, 97, 18); box-shadow: rgba(230, 97, 18, 0.15) 0px 4px 4px, rgba(230, 97, 18, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>


            <div class="block">
              <div class="name"><span>Yahoo</span> <span>1.95%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border1" style="width: 3.95%; background: rgb(255, 204, 102); box-shadow: rgba(255, 204, 102, 0.15) 0px 4px 4px, rgba(255, 204, 102, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Baidu</span> <span>1.80%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border2" style="width: 3.8%; background: rgb(0, 128, 153); box-shadow: rgba(0, 128, 153, 0.15) 0px 4px 4px, rgba(0, 128, 153, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>DuckDuckGo</span> <span>1.40%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border3" style="width: 3.4%; background: rgb(71, 125, 178); box-shadow: rgba(71, 125, 178, 0.15) 0px 4px 4px, rgba(71, 125, 178, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Video</span> <span>0.67%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border4" style="width: 2.67%; background: rgb(71, 125, 178); box-shadow: rgba(71, 125, 178, 0.15) 0px 4px 4px, rgba(71, 125, 178, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Others</span> <span>1.13%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border5" style="width: 3.13%; background: rgb(204, 204, 204); box-shadow: rgba(204, 204, 204, 0.15) 0px 4px 4px, rgba(204, 204, 204, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div>
      <div class="marketing-tab-content" id="marketing-tab-delivery">
        <div class="pie-echarts pie-echarts-flex" style="display: flex; gap: 40px; align-items: flex-start;">
          <div class="more-line-container" style="flex: 1;">
            <div class="more-line-chart" id="deliveryLineChart" style="height: 365px; user-select: none; position: relative;">
            <img src="image/download 10.png" alt="Delivery Index" style="width:100%;max-width:700px;">
            </div>
         
          </div>
          <section class="percentage-data-container chart-data" style="flex: 1;">
            <h6>Language</h6>
            <div class="block">
              <div class="name"><span>English</span> <span>43.27%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border0" style="width: 45.27%; background: rgb(230, 97, 18); box-shadow: rgba(230, 97, 18, 0.15) 0px 4px 4px, rgba(230, 97, 18, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Simplified Chinese</span> <span>33.80%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border1" style="width: 35.8%; background: rgb(255, 204, 102); box-shadow: rgba(255, 204, 102, 0.15) 0px 4px 4px, rgba(255, 204, 102, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>French</span> <span>12.51%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border2" style="width: 14.51%; background: rgb(0, 128, 153); box-shadow: rgba(0, 128, 153, 0.15) 0px 4px 4px, rgba(0, 128, 153, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Spanish</span> <span>4.42%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border3" style="width: 6.42%; background: rgb(71, 125, 178); box-shadow: rgba(71, 125, 178, 0.15) 0px 4px 4px, rgba(71, 125, 178, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Portuguese</span> <span>3.18%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border4" style="width: 5.18%; background: rgb(71, 125, 178); box-shadow: rgba(71, 125, 178, 0.15) 0px 4px 4px, rgba(71, 125, 178, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Others</span> <span>2.83%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border5" style="width: 4.83%; background: rgb(204, 204, 204); box-shadow: rgba(204, 204, 204, 0.15) 0px 4px 4px, rgba(204, 204, 204, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div>
      <div class="marketing-tab-content" id="marketing-tab-social">
        <div class="pie-echarts pie-echarts-flex" style="display: flex; gap: 40px; align-items: flex-start;">
          <div class="more-line-container" style="flex: 1;">
            <div class="more-line-chart" id="socialLineChart" style="height: 365px; user-select: none; position: relative;">
              <img src="image/download 11.png" alt="Social Source" style="width:100%;max-width:700px;">
            </div>
          </div>
          <section class="percentage-data-container chart-data" style="flex: 1;">
            <h6>Creatives</h6>
            <div class="block">
              <div class="name"><span>Branding</span> <span>91.28%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border0" style="width: 93.28%; background: rgb(230, 97, 18); box-shadow: rgba(230, 97, 18, 0.15) 0px 4px 4px, rgba(230, 97, 18, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Bonus</span> <span>8.36%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border1" style="width: 10.36%; background: rgb(255, 204, 102); box-shadow: rgba(255, 204, 102, 0.15) 0px 4px 4px, rgba(255, 204, 102, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
            <div class="block">
              <div class="name"><span>Gift</span> <span>0.36%</span></div>
              <div class="main">
                <div class="outline-border">
                  <div class="value-border2" style="width: 2.36%; background: rgb(0, 128, 153); box-shadow: rgba(0, 128, 153, 0.15) 0px 4px 4px, rgba(0, 128, 153, 0.15) 0px 2px 2px;"></div>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Marketing Tabs Section End -->

<!-- Biz Area Section Start -->
<div class="bizarea-bg">
  <div class="bizarea-container">
    <div class="bizarea-header">
      <div class="bizarea-title">Biz Area <span class="bizarea-influence">Influence A</span></div>
      <div class="bizarea-tabs">
        <button class="bizarea-tab-btn active" data-tab="region">By region</button>
        <button class="bizarea-tab-btn" data-tab="company">By company</button>
      </div>
    </div>
    <div class="bizarea-content-row">
      <div class="bizarea-content bizarea-content-region active" id="bizarea-content-region">
        <div class="bizarea-map-bar-wrap">
          <div class="bizarea-map-placeholder">
            <!-- Replace with ECharts world map -->
            <img src="image/download 12.png" style="width:100%;max-width:600px;">
          </div>
          <div class="bizarea-bar-placeholder">
            <!-- Replace with ECharts bar chart -->
            <img src="image/download 13.png" style="width:100%;max-width:350px;">
          </div>
        </div>
      </div>
      <div class="bizarea-content bizarea-content-company" id="bizarea-content-company">
        <div class="bizarea-donut-bar-wrap">
          <div class="bizarea-donut-placeholder">
            <!-- Replace with ECharts donut chart -->
            <img src="image/download 12.png" style="width:100%;max-width:350px;">
          </div>
          <div class="bizarea-bar-placeholder">
            <!-- Replace with ECharts bar chart -->
            <img src="image/download 13.png" style="width:100%;max-width:350px;">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Biz Area Section End -->


<section class="website-se">
  <div class="website-section bg-white px-40 py-24 sm:px-12 sm:py-20">
    <h2 class="website-title text-24 font-semibold text-[#292929] sm:text-20">Website</h2>
    <div class="website-visited pb-10 pt-24 sm:pb-14">
      <p class="text-14 font-normal text-[#A3A3A3]">Most visited countries/areas</p>
      <ul class="website-country-list mt-16 flex flex-wrap">
        <li class="website-country-item">
          <img src="https://img.souhei.com.cn/flag/2d4e8210a2a573b9/CM.png_wiki-template-global" alt="" width="33" height="22" loading="lazy" class="object-cover">
          <span class="text-16 font-normal text-[#3D3D3D]">Cameroon</span>
        </li>
        <li class="website-country-item">
          <img src="https://img.souhei.com.cn/flag/ee723b715ee14837/NG.png_wiki-template-global" alt="" width="33" height="22" loading="lazy" class="object-cover">
          <span class="text-16 font-normal text-[#3D3D3D]">Nigeria</span>
        </li>
        <li class="website-country-item">
          <img src="https://img.souhei.com.cn/flag/dded20f8b8d376dd/MY.png_wiki-template-global" alt="" width="33" height="22" loading="lazy" class="object-cover">
          <span class="text-16 font-normal text-[#3D3D3D]">Malaysia</span>
        </li>
      </ul>
    </div>
    <ul class="website-domain-list">
      <li class="website-domain-item">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fxcmviet.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details website-domain-details-grid">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fxcmviet.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">172.64.145.165</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fhgroup-apac.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fhgroup-apac.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fxcmvietnam.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fxcmvietnam.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fxcm-markets.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fxcm-markets.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fxcm.com.se</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">France</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fxcm.com.se</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">154.49.142.214</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fxcmvn.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fxcmvn.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fxcm-tw.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fxcm-tw.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fuhui-zhs.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fuhui-zhs.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">globalfuhui.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">globalfuhui.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fhjtglobal.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fhjtglobal.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
      <li class="website-domain-item hidden-website">
        <div class="website-domain-header">
          <img src="https://resources1.interface003.com/web20/img/dealer/new-hosting.svg" alt="" width="20" height="20" loading="lazy" class="object-cover">
          <p class="website-domain-name">fhglobal-zhs.com</p>
          <i class="iconfont icon-arrow-down" style="color:rgb(0, 0, 0);"></i>
        </div>
        <div class="website-domain-details">
          <div class="website-detail-row">
            <i class="iconfont icon-jubanchengshi"></i>
            <span>Server Location</span>
            <span class="website-detail-value">United States</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-browser"></i>
            <span>Website Domain Name</span>
            <span class="website-detail-value">fhglobal-zhs.com</span>
          </div>
          <div class="website-detail-row">
            <i class="iconfont icon-fuwuqiIP"></i>
            <span>Server IP</span>
            <span class="website-detail-value">204.8.241.12</span>
          </div>
        </div>
      </li>
    </ul>
    <div class="website-domain-view-more-wrap">
      <button class="website-domain-view-more">View More</button>
    </div>
    <style>
      .hidden-website {
        display: none;
      }
    </style>
  </div>
</section>

<!-- relevant enterprises start -->
<section class="relevant-enterprises-section">
  <div class="container">
    <div class="re-nav-table-wrap">
      <h2 class="re-section-title" data-y-id="company_related">Relevant Enterprises</h2>
      <nav class="re-nav">
        <h3 class="re-nav-tab active" data-tab="all">All</h3>
        <h3 class="re-nav-tab" data-tab="website">Website Announcement</h3>
      </nav>
      <!-- All Tab Table -->
      <div class="re-table-scroll re-table-all">
        <table class="re-table">
          <thead>
            <tr>
              <th>Company name</th>
              <th>Related sources</th>
              <th>Registration No.</th>
              <th>Established</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <div class="re-company-cell">
                  <div class="re-company-logo-wrap">
                    <img src="https://eimgjys.fx696.com/ico/638524966772430100/FXT638524966772430100_419753.png_wiki-template-global" alt="AVA" class="re-company-logo">
                    <img src="https://img.fx696.com/flag-c/045fe4098d24356d.png_wiki-template-global" alt="flag" class="re-company-flag">
                  </div>
                  <div class="re-company-info">
                    <div class="re-company-name">AVA CAPITAL MARKETS AUSTRALIA PTY LTD(Australia)</div>
                    <div class="re-company-tags">
                      <span class="re-tag re-tag-active">Active</span>
                      <span class="re-tag re-tag-country">Australia</span>
                    </div>
                  </div>
                </div>
              </td>
              <td>Website Announcement</td>
              <td>143340907</td>
              <td>2010-04-27</td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- Website Announcement Tab Table -->
      <div class="re-table-scroll re-table-website d-none">
        <table class="re-table">
          <thead>
            <tr>
              <th>Company name</th>
              <th>Related sources</th>
              <th>Registration No.</th>
              <th>Established</th>
            </tr>
          </thead>
          <tbody>
            <!-- You can add filtered or different data here -->
            <tr>
              <td>
                <div class="re-company-cell">
                  <div class="re-company-logo-wrap">
                    <img src="https://eimgjys.fx696.com/ico/638524966772430100/FXT638524966772430100_419753.png_wiki-template-global" alt="AVA" class="re-company-logo">
                    <img src="https://img.fx696.com/flag-c/045fe4098d24356d.png_wiki-template-global" alt="flag" class="re-company-flag">
                  </div>
                  <div class="re-company-info">
                    <div class="re-company-name">AVA CAPITAL MARKETS AUSTRALIA PTY LTD(Australia)</div>
                    <div class="re-company-tags">
                      <span class="re-tag re-tag-active">Active</span>
                      <span class="re-tag re-tag-country">Australia</span>
                    </div>
                  </div>
                </div>
              </td>
              <td>Website Announcement</td>
              <td>143340907</td>
              <td>2010-04-27</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
<!-- Relevant Enterprises end -->


<!-- company summary start -->
<section class="company-summary-section">
  <div class="company-summary-card">
    <div class="company-summary-container">
      <div class="company-summary-left">
        <h2 class="company-summary-title" data-y-id="company_profile">Company Summary</h2>
        <div class="company-summary-video">
          <iframe width="480" height="270" src="https://www.youtube.com/embed/L0zL_vPhJkU" frameborder="0" allowfullscreen></iframe>
        </div>
        <button class="company-summary-btn">View More</button>
      </div>
      <div class="company-summary-right">
        <h4 class="company-summary-keywords-title">Keywords</h4>
        <ul class="company-summary-keywords-list">
          <li>15-20 years</li>
          <li>Regulated in Australia</li>
          <li>Regulated in Japan</li>
          <li>Regulated in United Arab Emirates</li>
        </ul>
      </div>
    </div>
  </div>
</section>
<!-- company summary end -->

<!--News section start -->
<section class="news-section">
  <div class="news-card">
    <h2 class="news-title" data-y-id="information">News</h2>
    <div class="news-list">
      <!-- News Item 1 -->
      <a href="/en/newsdetail/202503073114488113.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2025-03-07/638769586711039896/ART638769586711039896_421552.jpg-article_list" alt="5 Best Copy Trading Brokers: You Can Trust in 2025" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              5 Best Copy Trading Brokers: You Can Trust in 2025
            </p>
            <p class="news-desc">
              Novice or experienced traders often look for a shortcut to make money in trading, and Copy Trading is the key. Copy trading is becoming increasingly popular in the forex community. If you're not familiar with it, this article could be your path to success.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2025-03-07 13:07</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 2 -->
      <a href="/en/newsdetail/202502186974365280.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2025-02-18/638754999185454152/ART638754999185454152_722978.jpg-article_list" alt="Broker Comparison: XM vs AvaTrade" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              Broker Comparison: XM vs AvaTrade
            </p>
            <p class="news-desc">
              When evaluating online trading platforms, it's essential to compare brokers like XM and AvaTrade to determine which aligns best with your trading needs. Below is a comprehensive comparison based on key factors such as regulatory status, leverage, trading platforms, account types, spreads and commissions, customer service, AI tools, and recent updates.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2025-02-18 13:48</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 3 -->
      <a href="/en/newsdetail/202501311944775224.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2025-01-31/638739396889648613/ART638739396889648613_100945.jpg-article_list" alt="AvaTrade Launches Advanced Automated Trading Tools AvaSocial and DupliTrade" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              AvaTrade Launches Advanced Automated Trading Tools AvaSocial and DupliTrade
            </p>
            <p class="news-desc">
              AvaTrade launches enhanced automated trading solutions, featuring AvaSocial and DupliTrade for seamless, emotion-free trading. Explore cutting-edge tools today!
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2025-01-31 14:17</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 4 -->
      <a href="/en/newsdetail/202412095884613406.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2024-12-09/638693598067082000/ART638693598067082000_201880.jpg-article_list" alt="AvaTrade Secures Multi-Year Partnership with Red Bull Racing" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              AvaTrade Secures Multi-Year Partnership with Red Bull Racing
            </p>
            <p class="news-desc">
              AvaTrade partners with Red Bull Racing for exclusive 2025 sponsorship, debuting branding at the Abu Dhabi Grand Prix. Expanding to F1 Academy & team podcasts.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2024-12-09 13:58</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 5 -->
      <a href="/en/newsdetail/202410148764913898.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2024-10-14/638645284859680800/ART638645284859680800_608103.jpg-article_list" alt="AvaTrade Takes Another Season of Sponsorship with UAE Pro League" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              AvaTrade Takes Another Season of Sponsorship with UAE Pro League
            </p>
            <p class="news-desc">
              AvaTrade renews sponsorship with the UAE Pro League for 2024/25, promoting online trading awareness and boosting investment opportunities across the UAE.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2024-10-14 15:25</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 6 -->
      <a href="/en/newsdetail/202406258404881242.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2024-06-25/638549227172090173/ART638549227172090173_397886.png-article_list" alt="AvaTrade Introduces AvaFutures for Retail Futures Traders" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              AvaTrade Introduces AvaFutures for Retail Futures Traders
            </p>
            <p class="news-desc">
              AvaTrade launches AvaFutures, offering retail traders quick onboarding, no hidden fees, and direct access to major global exchanges.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2024-06-25 11:51</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 7 -->
      <a href="/en/newsdetail/202405092534727881.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2024-05-09/638549227172090173/ART638549227172090173_397886.png-article_list" alt="AvaTrade Launches AvaFuture, Expands into Futures Trading" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              AvaTrade Launches AvaFuture, Expands into Futures Trading
            </p>
            <p class="news-desc">
              AvaTrade introduces AvaFuture, a new platform for trading futures, offering a range of contracts across various assets.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2024-05-09 12:12</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 8 -->
      <a href="/en/newsdetail/202401167314539097.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2024-01-16/638410252702251383/ART638410252702251383_238095.jpg-article_list" alt="Xviral announces its partnership with AVATRADE" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              Xviral announces its partnership with AVATRADE
            </p>
            <p class="news-desc">
              In a groundbreaking move for the online trading community, Xviral has proudly announced its strategic partnership with AVATRADE, creating a synergistic alliance that promises unparalleled benefits for its respective users. This collaboration is set to redefine the landscape of online trading, with both platforms committed to promoting and enhancing each other's strengths.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2024-01-16 15:37</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 9 -->
      <a href="/en/newsdetail/202304191704970887.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2023-04-19/638175233645084656/ART638175233645084656_299216.jpg-article_list" alt="Top 5 AI Trading Platforms in April" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              Top 5 AI Trading Platforms in April
            </p>
            <p class="news-desc">
              With the continuous development of AI technology, many financial companies have begun to apply AI technology to their trading services. WikiFX now has listed five excellent automatic trading platforms that allow you to enhance your trading results via robotic trading.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2023-04-19 14:54</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 10 -->
      <a href="/en/newsdetail/202302091794211857.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2023-02-09/638115401292129185/ART638115401292129185_249484.png-article_list" alt="AVATRADE Signs Sponsorship Agreement With Aston Martin's Formula One Team" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              AVATRADE Signs Sponsorship Agreement With Aston Martin's Formula One Team
            </p>
            <p class="news-desc">
              Forex broker situated in Dublin AvaTrade announced today that it has signed a sponsorship agreement with Formula One's Aston Martin Cognizant team, which includes sponsorship rights and other marketing advantages.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2023-02-09 08:53</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 11 -->
      <a href="/en/newsdetail/202211217344561557.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2022-11-21/638046342055599991/ART638046342055599991_505511.jpg-article_list" alt="Capitalise.ai and AvaTrade Announce a Strategic Partnership" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              Capitalise.ai and AvaTrade Announce a Strategic Partnership
            </p>
            <p class="news-desc">
              AvaTrade's CFD &amp; FX clients gain access to the next generation of automated trading.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2022-11-21 10:59</span>
            </div>
          </div>
        </div>
      </a>
      <!-- News Item 12 -->
      <a href="/en/newsdetail/202211098424603084.html" target="_blank" class="news-item">
        <div class="news-item-inner">
          <div class="news-img-wrap">
            <img src="https://wzimg.ruiyin999.cn/guoji/2022-11-09/638036097819196619/ART638036097819196619_967472.jpg-article_list" alt="SFC Regulation: The Top 5 Brokers of October 2022 in Hong Kong" class="news-img">
          </div>
          <div class="news-content">
            <p class="news-headline">
              <span class="news-badge">News</span>
              SFC Regulation: The Top 5 Brokers of October 2022 in Hong Kong
            </p>
            <p class="news-desc">
              In today's forex trading, Hong Kong is one of the most important financial markets. There are many sophisticated brokers running businesses in Hong Kong. Today's article is to introduce five brokers regulated by the SFC.
            </p>
            <div class="news-meta">
              <i class="iconfont icon-jubanshijian"></i>
              <span class="news-date">2022-11-09 14:21</span>
            </div>
          </div>
        </div>
      </a>
    </div>
    <div class="news-view-more-wrap">
      <button class="news-view-more">View More</button>
    </div>
  </div>
</section>
<!-- News section end -->


<script>
  document.querySelectorAll('.bizarea-tab-btn').forEach(btn => {
    btn.addEventListener('click', function() {
      document.querySelectorAll('.bizarea-tab-btn').forEach(b => b.classList.remove('active'));
      this.classList.add('active');
      const tab = this.getAttribute('data-tab');
      document.querySelectorAll('.bizarea-content').forEach(c => c.classList.remove('active'));
      document.getElementById('bizarea-content-' + tab).classList.add('active');
    });
  });
</script>

<?php include 'footer.php'; ?>

<script src="js/rating-chart.js"></script>
<script src="js/carousel.js"></script>
<script src="js/graph.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Platforms slider
    const platformsSlider = document.getElementById('platformsSlider');
    const platformsLeftBtn = document.querySelector('.platforms-arrow.left');
    const platformsRightBtn = document.querySelector('.platforms-arrow.right');

    function getPlatformsCardWidth() {
      const card = platformsSlider.querySelector('.dealer-tab-platform');
      return card ? card.offsetWidth + 18 : 370 + 18;
    }

    function updatePlatformsArrows() {
      platformsLeftBtn.disabled = platformsSlider.scrollLeft <= 2;
      platformsRightBtn.disabled = platformsSlider.scrollLeft + platformsSlider.offsetWidth >= platformsSlider.scrollWidth - 2;
    }
    platformsLeftBtn.addEventListener('click', () => {
      platformsSlider.scrollBy({
        left: -getPlatformsCardWidth(),
        behavior: 'smooth'
      });
      setTimeout(updatePlatformsArrows, 500);
    });
    platformsRightBtn.addEventListener('click', () => {
      platformsSlider.scrollBy({
        left: getPlatformsCardWidth(),
        behavior: 'smooth'
      });
      setTimeout(updatePlatformsArrows, 500);
    });
    platformsSlider.addEventListener('scroll', updatePlatformsArrows);
    window.addEventListener('resize', updatePlatformsArrows);
    updatePlatformsArrows();

    // Servers slider
    const serversSlider = document.getElementById('serversSlider');
    const serversLeftBtn = document.querySelector('.servers-arrow.left');
    const serversRightBtn = document.querySelector('.servers-arrow.right');

    function getServersCardWidth() {
      const card = serversSlider.querySelector('.dealer-tab-server-card');
      return card ? card.offsetWidth + 18 : 370 + 18;
    }

    function updateServersArrows() {
      serversLeftBtn.disabled = serversSlider.scrollLeft <= 2;
      serversRightBtn.disabled = serversSlider.scrollLeft + serversSlider.offsetWidth >= serversSlider.scrollWidth - 2;
    }
    serversLeftBtn.addEventListener('click', () => {
      serversSlider.scrollBy({
        left: -getServersCardWidth(),
        behavior: 'smooth'
      });
      setTimeout(updateServersArrows, 500);
    });
    serversRightBtn.addEventListener('click', () => {
      serversSlider.scrollBy({
        left: getServersCardWidth(),
        behavior: 'smooth'
      });
      setTimeout(updateServersArrows, 500);
    });
    serversSlider.addEventListener('scroll', updateServersArrows);
    window.addEventListener('resize', updateServersArrows);
    updateServersArrows();

    // Server tab filtering
    const serverTabs = document.querySelectorAll('.dealer-tab-server-tab');
    const serverCards = document.querySelectorAll('.dealer-tab-server-card');
    serverTabs.forEach(tab => {
      tab.addEventListener('click', function() {
        serverTabs.forEach(t => t.classList.remove('active'));
        this.classList.add('active');
        const type = this.getAttribute('data-server-type');
        serverCards.forEach(card => {
          if (type === 'all' || card.getAttribute('data-server-type') === type) {
            card.style.display = '';
          } else {
            card.style.display = 'none';
          }
        });
        // After filtering, scroll to the first visible card
        const firstVisible = Array.from(serverCards).find(card => card.style.display !== 'none');
        if (firstVisible) {
          serversSlider.scrollTo({
            left: firstVisible.offsetLeft,
            behavior: 'smooth'
          });
        }
        setTimeout(updateServersArrows, 500);
      });
    });

    const tabs = document.querySelectorAll('.re-nav-tab');
    const allTable = document.querySelector('.re-table-all');
    const websiteTable = document.querySelector('.re-table-website');

    tabs.forEach(tab => {
      tab.addEventListener('click', function() {
        tabs.forEach(t => t.classList.remove('active'));
        this.classList.add('active');
        if (this.dataset.tab === 'all') {
          allTable.classList.remove('d-none');
          websiteTable.classList.add('d-none');
        } else {
          allTable.classList.add('d-none');
          websiteTable.classList.remove('d-none');
        }
      });
    });

    // News "View More" functionality
    const newsItems = document.querySelectorAll('.news-list .news-item');
    const viewMoreBtn = document.querySelector('.news-view-more');
    if (newsItems.length > 6) {
      // Hide all after the 6th
      newsItems.forEach((item, idx) => {
        if (idx >= 6) item.classList.add('hidden-news');
      });
      viewMoreBtn.style.display = '';
    } else {
      viewMoreBtn.style.display = 'none';
    }
    viewMoreBtn.addEventListener('click', function() {
      newsItems.forEach(item => item.classList.remove('hidden-news'));
      viewMoreBtn.style.display = 'none';
    });




    // Initialize ECharts instances
    const speedChart = echarts.init(document.getElementById('speedChart'));
    const gaugeChart = echarts.init(document.getElementById('gaugeChart'));

    // Tab switching functionality
    const envTabs = document.querySelectorAll('.env-tab');
    envTabs.forEach(tab => {
      tab.addEventListener('click', function() {
        // Remove active class from all tabs
        envTabs.forEach(t => t.classList.remove('active'));
        // Add active class to clicked tab
        this.classList.add('active');

        // Here you can add logic to show different content based on the clicked tab
        // For example:
        const tabText = this.textContent.trim();
        updateChartData(tabText);
      });
    });

    function updateChartData(tabType) {
      // Example data updates based on tab type
      let chartData = {
        'Transaction Speed A': {
          ava: [1200, 800, 600, 900, 700, 1100, 500, 800, 900, 600, 700, 800, 600, 500],
          industry: [450, 460, 470, 450, 460, 470, 450, 460, 470, 450, 460, 470, 450, 460]
        },
        'Transaction Cost AAA': {
          ava: [500, 520, 480, 510, 490, 505, 495, 515, 485, 505, 495, 510, 490, 500],
          industry: [600, 590, 610, 595, 605, 590, 600, 595, 605, 590, 600, 595, 605, 590]
        },
        'Rollover Cost C': {
          ava: [300, 320, 310, 305, 315, 310, 305, 315, 310, 305, 315, 310, 305, 315],
          industry: [400, 410, 405, 415, 405, 410, 405, 415, 405, 410, 405, 415, 405, 410]
        },
        'Trading slippage AAA': {
          ava: [150, 155, 145, 152, 148, 153, 147, 154, 146, 155, 145, 153, 147, 152],
          industry: [200, 205, 195, 202, 198, 203, 197, 204, 196, 205, 195, 203, 197, 202]
        },
        'Software disconnected AAA': {
          ava: [50, 45, 55, 48, 52, 47, 53, 46, 54, 49, 51, 48, 52, 50],
          industry: [100, 95, 105, 98, 102, 97, 103, 96, 104, 99, 101, 98, 102, 100]
        }
      };

      let data = chartData[tabType] || chartData['Transaction Speed A'];

      // Update speed chart with new data
      speedChart.setOption({
        series: [{
            name: 'AvaTrade',
            data: data.ava
          },
          {
            name: 'Industry',
            data: data.industry
          }
        ]
      });
    }

    // Speed Chart Configuration
    speedChart.setOption({
      grid: {
        top: 40,
        right: 20,
        bottom: 40,
        left: 50
      },
      xAxis: {
        type: 'category',
        data: ['08-21', '09-09', '09-26', '10-15', '11-03', '11-20', '12-09', '12-26', '01-14', '02-02', '02-19', '03-10', '03-27', '04-29'],
        axisLine: {
          lineStyle: {
            color: '#E5E5E5'
          }
        },
        axisLabel: {
          fontSize: 12,
          color: '#666'
        }
      },
      yAxis: {
        type: 'value',
        min: 0,
        max: 1400,
        interval: 200,
        axisLine: {
          show: false
        },
        axisLabel: {
          fontSize: 12,
          color: '#666'
        },
        splitLine: {
          lineStyle: {
            color: '#E5E5E5',
            type: 'dashed'
          }
        }
      },
      series: [{
          name: 'AvaTrade',
          type: 'line',
          data: [1200, 800, 600, 900, 700, 1100, 500, 800, 900, 600, 700, 800, 600, 500],
          symbol: 'none',
          lineStyle: {
            color: '#1a73e8',
            width: 2
          }
        },
        {
          name: 'Industry',
          type: 'line',
          data: [450, 460, 470, 450, 460, 470, 450, 460, 470, 450, 460, 470, 450, 460],
          symbol: 'none',
          lineStyle: {
            color: '#fa7b17',
            width: 2
          }
        }
      ],
      tooltip: {
        trigger: 'axis',
        backgroundColor: 'rgba(255, 255, 255, 0.9)',
        borderColor: '#E5E5E5',
        borderWidth: 1,
        textStyle: {
          color: '#333'
        }
      }
    });

    // Gauge Chart Configuration
    gaugeChart.setOption({
      series: [{
        type: 'gauge',
        startAngle: 180,
        endAngle: 0,
        min: 0,
        max: 100,
        splitNumber: 8,
        axisLine: {
          lineStyle: {
            width: 6,
            color: [
              [0.3, '#FF4E50'],
              [0.7, '#FF9900'],
              [1, '#32CD32']
            ]
          }
        },
        pointer: {
          icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
          length: '75%',
          width: 16,
          offsetCenter: [0, 0]
        },
        axisTick: {
          length: 8,
          lineStyle: {
            color: 'auto',
            width: 1
          }
        },
        splitLine: {
          length: 12,
          lineStyle: {
            color: 'auto',
            width: 2
          }
        },
        axisLabel: {
          color: '#999',
          fontSize: 12,
          distance: -60
        },
        detail: {
          valueAnimation: true,
          formatter: '{value}',
          color: 'inherit'
        },
        data: [{
          value: 85,
          name: 'AAA'
        }]
      }]
    });

    // Handle window resize
    window.addEventListener('resize', function() {
      speedChart.resize();
      gaugeChart.resize();
    });
  });
</script>

<script>
  document.querySelectorAll('.data-tab-btn').forEach(btn => {
    btn.addEventListener('click', function() {
      document.querySelectorAll('.data-tab-btn').forEach(b => b.classList.remove('active'));
      this.classList.add('active');
      const tab = this.getAttribute('data-tab');
      // Left side
      document.querySelectorAll('.data-tab-content').forEach(c => c.classList.remove('active'));
      document.getElementById('tab-' + tab).classList.add('active');
      // Right side
      document.querySelectorAll('.data-tab-right-content').forEach(c => c.classList.remove('active'));
      document.getElementById('tab-right-' + tab).classList.add('active');
    });
  });
</script>

<script>
  document.querySelectorAll('.marketing-tab-btn').forEach(btn => {
    btn.addEventListener('click', function() {
      document.querySelectorAll('.marketing-tab-btn').forEach(b => b.classList.remove('active'));
      this.classList.add('active');
      const tab = this.getAttribute('data-tab');
      document.querySelectorAll('.marketing-tab-content').forEach(c => c.classList.remove('active'));
      document.getElementById('marketing-tab-' + tab).classList.add('active');
    });
  });
</script>

<script>
  if (window.echarts) {
    var myChart = echarts.init(document.getElementById('main'));
    myChart.setOption({
      tooltip: {
        trigger: 'item'
      },
      legend: {
        orient: 'vertical',
        left: 10
      },
      series: [{
        name: 'Sources',
        type: 'pie',
        radius: ['50%', '70%'],
        avoidLabelOverlap: false,
        label: {
          show: false,
          position: 'center'
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '18',
            fontWeight: 'bold'
          }
        },
        labelLine: {
          show: false
        },
        data: [{
            value: 93.05,
            name: 'Google'
          },
          {
            value: 1.95,
            name: 'Yahoo'
          },
          {
            value: 1.80,
            name: 'Baidu'
          },
          {
            value: 1.40,
            name: 'DuckDuckGo'
          },
          {
            value: 0.67,
            name: 'Video'
          },
          {
            value: 1.13,
            name: 'Others'
          }
        ]
      }]
    });
  }
</script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // ... your map code ...

    // Bar chart for region
    if (document.getElementById('regionBarChart')) {
      var barChart = echarts.init(document.getElementById('regionBarChart'));
      var countries = [{
          name: 'ES',
          value: 8.06,
          color: '#e66112',
          flag: 'https://img.souhei.com.cn/flag/e772ab66f0aad2ef/ES.png_wiki-template-global'
        },
        {
          name: 'MX',
          value: 7.93,
          color: '#ffcc66',
          flag: 'https://img.souhei.com.cn/flag/cb2cc6fd60358a45/MX.png_wiki-template-global'
        },
        {
          name: 'ZA',
          value: 7.87,
          color: '#008099',
          flag: 'https://img.souhei.com.cn/flag/10645c82f5e37cbe/ZA.png_wiki-template-global'
        },
        {
          name: 'CO',
          value: 7.70,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/e2f2cc22822e30be/CO.png_wiki-template-global'
        },
        {
          name: 'IT',
          value: 6.73,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/cb6de321930cf345/IT.png_wiki-template-global'
        },
        {
          name: 'FR',
          value: 6.37,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/432747c2bcd97b82/FR.png_wiki-template-global'
        },
        {
          name: 'DE',
          value: 6.25,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/2ed6fcde5bf696a6/DE.png_wiki-template-global'
        },
        {
          name: 'US',
          value: 5.87,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/adaa5e0b8a65a672/US.png_wiki-template-global'
        },
        {
          name: 'MA',
          value: 5.74,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/5313bf5dab1e4352/MA.png_wiki-template-global'
        },
        {
          name: 'IN',
          value: 5.61,
          color: '#477db2',
          flag: 'https://img.souhei.com.cn/flag/d7ed3e7b4fdbf486/IN.png_wiki-template-global'
        }
      ];
      barChart.setOption({
        grid: {
          left: 80,
          right: 30,
          top: 20,
          bottom: 30
        },
        xAxis: {
          type: 'value',
          min: 0,
          max: 10,
          axisLabel: {
            color: '#888',
            fontSize: 13
          },
          splitLine: {
            show: false
          }
        },
        yAxis: {
          type: 'category',
          data: countries.map(c => c.name),
          axisLabel: {
            formatter: function(value, idx) {
              var c = countries[idx];
              return '{flag|' + value + '}  ' + value;
            },
            rich: {
              flag: {
                height: 16,
                align: 'center',
                backgroundColor: {
                  image: function() {
                    return '';
                  }
                }
              }
            },
            color: '#222',
            fontSize: 15
          },
          axisTick: {
            show: false
          }
        },
        series: [{
          type: 'bar',
          data: countries.map(c => ({
            value: c.value,
            itemStyle: {
              color: c.color
            }
          })),
          barWidth: 18,
          label: {
            show: true,
            position: 'right',
            color: '#222',
            fontWeight: 600,
            fontSize: 15,
            formatter: '{c}'
          }
        }]
      });
      // Add flag images to yAxis labels
      barChart.setOption({
        yAxis: {
          axisLabel: {
            formatter: function(value, idx) {
              var c = countries[idx];
              return '{flag' + idx + '|}  ' + value;
            },
            rich: countries.reduce((acc, c, idx) => {
              acc['flag' + idx] = {
                height: 16,
                align: 'center',
                backgroundColor: {
                  image: c.flag
                }
              };
              return acc;
            }, {})
          }
        }
      });
      window.addEventListener('resize', function() {
        barChart.resize();
      });
    }
  });
</script>

<script>
  document.querySelectorAll('.website-domain-header').forEach(header => {
    header.addEventListener('click', function() {
      // Collapse all others
      document.querySelectorAll('.website-domain-item').forEach(item => {
        if (item !== header.parentElement) item.classList.remove('expanded');
      });
      // Toggle this one
      header.parentElement.classList.toggle('expanded');
    });
  });
</script>

<script>
  // Website domain view more logic (only for view more, do not touch accordion logic)
  document.addEventListener('DOMContentLoaded', function() {
    const websiteItems = document.querySelectorAll('.website-domain-list .website-domain-item');
    const websiteViewMoreBtn = document.querySelector('.website-domain-view-more');
    if (websiteItems.length > 3) {
      websiteItems.forEach((item, idx) => {
        if (idx >= 3) item.classList.add('hidden-website');
      });
      websiteViewMoreBtn.style.display = '';
    } else {
      websiteViewMoreBtn.style.display = 'none';
    }
    websiteViewMoreBtn.addEventListener('click', function() {
      websiteItems.forEach(item => item.classList.remove('hidden-website'));
      websiteViewMoreBtn.style.display = 'none';
    });
  });
</script>
