cwg-crm
/
cwg_crm_person_front_vu_realse


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
							<!doctype html>
<html class="no-js" lang="en">

<head>
  <title>CWG Markets Prime Bonus</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="author" content="Double Your Trading Account Size With Our 100% Deposit Bonus">
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <meta name="description" content="">
  <link rel="shortcut icon" href="imgs/favicon.png">
  <link rel="stylesheet" href="css/vendors.min.css" />
  <link rel="stylesheet" href="css/icon.min.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/responsive.css" />
  <link rel="stylesheet" href="css/cwg.css" />
  <link rel="stylesheet" href="../../css/element-ui.css" />
  <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  <style>
    [v-cloak] {
      display: none;
    }
  </style>
  <!-- LiveChat 在线客服 -->
  <script type="text/javascript">
    window.__lc = window.__lc || {};
    window.__lc.license = 18945964;
    (function (n, t, c) {
      function i(n) {
        return e._h ? e._h.apply(null, n) : e._q.push(n);
      }
      var e = {
        _q: [],
        _h: null,
        _v: "2.0",
        on: function () {
          i(["on", c.call(arguments)]);
        },
        once: function () {
          i(["once", c.call(arguments)]);
        },
        off: function () {
          i(["off", c.call(arguments)]);
        },
        get: function () {
          if (!e._h)
            throw new Error(
              "[LiveChatWidget] You can't use getters before load."
            );
          return i(["get", c.call(arguments)]);
        },
        call: function () {
          i(["call", c.call(arguments)]);
        },
        init: function () {
          var n = t.createElement("script");
          (n.async = !0),
            (n.type = "text/javascript"),
            (n.src = "https://cdn.livechatinc.com/tracking.js"),
            t.head.appendChild(n);
        },
      };
      !n.__lc.asyncInit && e.init(),
        (n.LiveChatWidget = n.LiveChatWidget || e);
    })(window, document, [].slice);
  </script>
  <noscript>
    <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow">Chat with us</a>, powered by
    <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>
  </noscript>
</head>

<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#383632">
  <div id="app" v-cloak>
  <header>
    <nav class="navbar navbar-expand-lg header-transparent bg-transparent header-reverse" data-header-hover="light">
      <div class="container-fluid">
        <div class="col-auto col-lg-2 me-lg-0 me-auto"> <a class="navbar-brand" href="#"> <img
              src="imgs/cwg-logo-white.png" alt="" class="default-logo"> <img src="imgs/cwg-logo.png" alt=""
              class="alt-logo"> <img src="imgs/cwg-logo.png" alt="" class="mobile-logo"> </a> </div>
        <div class="col-auto menu-order position-static">
          <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
            aria-controls="navbarNav" aria-label="Toggle navigation"> <span class="navbar-toggler-line"></span> <span
              class="navbar-toggler-line"></span> <span class="navbar-toggler-line"></span> <span
              class="navbar-toggler-line"></span> </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav alt-font ls-1px">
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <div style="display: flex; justify-content: flex-end">
                    <div class="menu-logo chooseLang">
                      <el-dropdown trigger="click" @command="chooseLang">
                        <span class="menu" style="color: #fff; cursor: pointer; font-size: 14px;">
                          {{langList[language]}}
                          <i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                          <el-dropdown-item command="en">English</el-dropdown-item>
                          <el-dropdown-item command="cn">中文简体</el-dropdown-item>
                          <el-dropdown-item command="zhHant">中文繁體</el-dropdown-item>
                          <el-dropdown-item command="vn">Tiếng Việt</el-dropdown-item>
                          <el-dropdown-item command="de">Deutsch</el-dropdown-item>
                          <el-dropdown-item command="es">Español</el-dropdown-item>
                          <el-dropdown-item command="id">Indonesian</el-dropdown-item>
                          <el-dropdown-item command="ms">Melayu</el-dropdown-item>
                          <el-dropdown-item command="th">ภาษาไทย</el-dropdown-item>
                          <el-dropdown-item command="ar">العربية</el-dropdown-item>
                          <el-dropdown-item command="ko">한국어</el-dropdown-item>
                          <el-dropdown-item command="pt">Português</el-dropdown-item>
                          <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
                          <el-dropdown-item command="tr">Türkçe</el-dropdown-item>
                        </el-dropdown-menu>
                      </el-dropdown>
                    </div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </nav>
  </header>
  <section
    class="p-0 overflow-hidden bg-dark-gray full-screen ipad-top-space-margin md-h-auto position-relative md-pb-70px sm-pb-40px cover-background"
    style="background-image: url(imgs/header-bg.gif)">
    <div class="container h-100">
      <div class="row h-100">
        <div
          class="col-lg-6 text-white position-relative z-index-1 d-flex flex-column justify-content-center h-100 md-mt-50px md-mb-20px xs-mb-10px"
          data-anime='{ "el": "childs", "opacity": [0, 1], "rotateY": [90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 600, "delay": 100, "easing": "easeOutCirc" }'>
          <h1 class="alt-font fs-90 fw-500 lh-75 mt-10 sm-fs-60" style="">{{lang.item2}} <br>{{lang.item3}}</h1>
          <span class="primary-font fw-500  mb-25px sm-fs-60">{{lang.item4}}</span> <a href="https://secure.cwgmarkets.com/#/signup" target="_blank"
            class="btn  btn-box-shadow btn-gradient-pink-orange btn-large btn-round-edge btn-rounded btn-switch-text me-30px xs-mb-10px xs-me-15px"
            style=""> <span> <span class="btn-double-text" :data-text="lang.item5">{{lang.item5}}</span>
            </span> </a>
        </div>
        <div
          class="col-lg-6 text-white position-relative z-index-1 d-flex flex-column justify-content-center h-100 md-mt-50px md-mb-20px xs-mb-10px appear anime-child anime-complete">
          <img src="imgs/header-top.png" alt="" data-bottom-top="transform: rotate(-10deg)"
            data-top-bottom="transform:rotate(10deg)"> </div>
      </div>
  </section>
  <section class="position-relative overflow-hidden z-index-0">
    <div class="position-absolute left-minus-50px mt-15 d-none d-xl-inline-block" data-parallax-liquid="true"
      data-parallax-transition="2" data-parallax-position="top"> <img src="imgs/cwg-img-1.png" alt=""
        data-bottom-top="transform: rotate(-30deg)" data-top-bottom="transform:rotate(10deg)"> </div>
    <div
      class="position-absolute z-index-minus-1 right-minus-50px xxl-right-minus-100px xl-right-minus-50px xl-w-220px d-none d-xl-inline-block"
      data-parallax-liquid="true" data-parallax-transition="2" data-parallax-position="bottom"> <img
        src="imgs/cwg-img-2.png" alt="" data-bottom-top="transform: rotate(-30deg)"
        data-top-bottom="transform:rotate(10deg)"> </div>
    <div class="container">
      <div class="row justify-content-center lg-mb-6 lg-mt-5">
        <div class="col-lg-8 text-center"
          data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
          <span class="fs-15 fw-600 text-black text-uppercase  d-block"><span
              class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.item6}}</span>
          <h1 class="alt-font text-danger mb-15px">{{lang.item7}}</h1>
          <p class="fs-20 fw-600  text-dark-gray d-inline-block align-middle">{{lang.item8}}</p>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-xl-8 col-lg-8 text-center">
          <table class="table table-striped">
            <thead class="thead-dark">
              <tr>
                <th class="bg-gradient-pink-orange text-white">{{lang.item9}}</th>
                <th class="bg-gradient-pink-orange text-white">{{lang.item10}}</th>
                <th class="bg-gradient-pink-orange text-white">{{lang.item11}}</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>{{lang.item12}}</td>
                <td>{{lang.item13}}</td>
                <td>{{lang.item14}}</td>
              </tr>
              <tr>
                <td>{{lang.item15}}</td>
                <td>{{lang.item16}}</td>
                <td>{{lang.item17}}</td>
              </tr>
              <tr>
                <td>{{lang.item18}}</td>
                <td>{{lang.item19}}</td>
                <td>{{lang.item20}}</td>
              </tr>
              <tr>
                <td>{{lang.item21}}</td>
                <td>{{lang.item22}}</td>
                <td>{{lang.item23}}</td>
              </tr>
              <tr>
                <td>{{lang.item24}}</td>
                <td>{{lang.item25}}</td>
                <td>{{lang.item26}}</td>
              </tr>
              <tr>
                <td>{{lang.item27}}</td>
                <td>{{lang.item28}}</td>
                <td>{{lang.item29}}</td>
              </tr>
              <tr>
                <td>{{lang.item30}}</td>
                <td>{{lang.item31}}</td>
                <td>{{lang.item32}}</td>
              </tr>
              <tr>
                <td>{{lang.item33}}</td>
                <td>{{lang.item34}}</td>
                <td>{{lang.item35}}</td>
              </tr>
              <tr>
                <td>{{lang.item36}}</td>
                <td>{{lang.item37}}</td>
                <td>{{lang.item38}}</td>
              </tr>
              <tr>
                <td>{{lang.item39}}</td>
                <td>{{lang.item40}}</td>
                <td>{{lang.item41}}</td>
              </tr>
            </tbody>
          </table>

          <p>{{lang.item42}}</p>
        </div>
      </div>
    </div>
  </section>
  <section class="bg-red  position-relative overflow-hidden z-index-0">
    <div class="position-absolute left-minus-100px top-40px" data-bottom-top="transform: translateY(-80px)"
      data-top-bottom="transform: translateY(80px)"> <img src="imgs/cwg-img-12.png" alt="cwg-img-12"> </div>
    <div class="background-position-center-top h-100 w-100 position-absolute left-0px top-0"
      style="background-image: url('imgs/vertical-line-bg-small.svg')"></div>
    <div class="background-position-center-top h-8px w-100 position-absolute left-0px bottom-0"
      style="background-image: url('imgs/cwg-img-13.jpg')"></div>
    <div class="container">
      <div class="row justify-content-center align-items-center lg-mb-6 lg-mt-5">
        <div class="col-lg-8 text-center"
          data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
          <span class="fs-15 fw-600 text-white text-uppercase  d-block"><span
              class="w-70px h-2px bg-white d-inline-block align-middle me-15px"></span>{{lang.item43}}</span>
          <h1 class="alt-font text-white mb-15px">{{lang.item44}}</h1>
          <p class="fs-14 fw-600  text-white d-inline-block align-middle">{{lang.item45}}</p>
        </div>
      </div>
      <div class="row row-cols-1 row-cols-xl-4 row-cols-lg-4 row-cols-md-2 justify-content-center"
        data-anime='{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
        <!-- start features box item -->
        <div
          class="border-color-transparent-dark-very-light border-end col icon-with-text-style-08 md-mb-50px sm-mb-30px">
          <div class="feature-box feature-box-left-icon-middle">
            <div class="feature-box-icon feature-box-icon-rounded   me-25px"> <img src="imgs/step-1.webp"
                class="img-fluid w-120px" alt="step-1"> </div>
            <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
                class="d-inline-block fs-16 fw-600 lh-22 primary-font text-center text-white">{{lang.item46}}</span> </div>
          </div>
        </div>
        <!-- end features box item -->
        <!-- start features box item -->
        <div
          class="border-color-transparent-dark-very-light border-end col icon-with-text-style-08 md-mb-50px sm-mb-30px">
          <div class="feature-box feature-box-left-icon-middle">
            <div class="feature-box-icon feature-box-icon-rounded  me-25px"> <img src="imgs/step-2.png"
                class="img-fluid w-120px" alt="step-2"> </div>
            <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
                class="d-inline-block fs-16 fw-600 lh-22 primary-font text-center text-white">{{lang.item47}}</span> </div>
          </div>
        </div>
        <!-- end features box item -->
        <!-- start features box item -->
        <div
          class="border-color-transparent-dark-very-light border-end col icon-with-text-style-08 md-mb-50px sm-mb-30px">
          <div class="feature-box feature-box-left-icon-middle">
            <div class="feature-box-icon feature-box-icon-rounded   me-25px"> <img src="imgs/step-3.webp"
                class="img-fluid w-120px" alt="step-3"> </div>
            <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
                class="d-inline-block fs-16 fw-600 lh-22 primary-font text-center text-white">{{lang.item48}}</span> </div>
          </div>
        </div>
        <!-- end features box item -->
        <div class=" col icon-with-text-style-08 md-mb-50px sm-mb-30px">
          <div class="feature-box feature-box-left-icon-middle">
            <div class="feature-box-icon feature-box-icon-rounded   me-25px"> <img src="imgs/step-4.webp"
                class="img-fluid w-120px" alt="step-4"> </div>
            <div class="feature-box-content last-paragraph-no-margin mt-10"> <span
                class="d-inline-block fs-16 fw-600 lh-22 primary-font text-center text-white">{{lang.item49}}</span> </div>
          </div>
        </div>

      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="row justify-content-center align-items-center">
        <div class="col-lg-8 8position-relative text-center md-mb-40px sm-mb-25px"
          data-anime='{ "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 300, "easing": "easeOutQuad" }'>
          <h1 class="alt-font text-danger mb-15px">{{lang.item50}}</h1>
          <p class="fs-20 fw-600  text-dark-gray d-inline-block align-middle">{{lang.item51}}</p>
        </div>
      </div>
      <div class="row justify-content-center align-items-center">
        <!-- start features box item -->
        <div class="col-lg-4">
          <div class="feature-box text-start ps-30px  xl-pe-5px sm-pe-0">
            <div class="feature-box-icon position-absolute left-0px top-0px">
              <h2 class="alt-font fs-100 fw-700 ls-minus-1px opacity-1 mb-0">{{lang.item52}}</h2>
            </div>
            <div class="feature-box-content last-paragraph-no-margin pt-30 md-pt-21 sm-pt-40px"> <img
                src="imgs/deposit-fund.webp" class="img-fluid w-120px" alt="cwg-img-13" data-no-retina=""> <span
                class="text-dark-gray fs-20 d-inline-block fw-600 mb-5px">{{lang.item53}}</span>
              <p>{{lang.item54}}</p>
              <span class="w-60px h-3px bg-yellow d-inline-block"></span>
            </div>
          </div>
        </div>
        <!-- end features box item -->
        <!-- start features box item -->
        <div class="col-lg-4">
          <div class="feature-box text-start ps-30px xl-pe-5px sm-pe-0">
            <div class="feature-box-icon position-absolute left-0px top-0px">
              <h2 class="alt-font fs-100 fw-700 ls-minus-1px opacity-1 mb-0">{{lang.item55}}</h2>
            </div>
            <div class="feature-box-content last-paragraph-no-margin pt-30 md-pt-21 sm-pt-40px"> <img
                src="imgs/submit-application.png" class="img-fluid w-120px" alt="cwg-img-6" data-no-retina=""> <span
                class="text-dark-gray fs-20 d-inline-block fw-600 mb-5px">{{lang.item56}}</span>
              <p>{{lang.item57}}</p>
              <span class="w-60px h-3px bg-yellow d-inline-block"></span>
            </div>
          </div>
        </div>
        <!-- end features box item -->
        <!-- start features box item -->
        <div class="col-lg-4">
          <div class="feature-box text-start ps-30px xl-pe-5px sm-pe-0">
            <div class="feature-box-icon position-absolute left-0px top-0px">
              <h2 class="alt-font fs-100 fw-700 ls-minus-1px opacity-1 mb-0">{{lang.item58}}</h2>
            </div>
            <div class="feature-box-content last-paragraph-no-margin pt-30 md-pt-21 sm-pt-40px"> <img
                src="imgs/receive-bonus.png" class="img-fluid w-120px" alt="step-3" data-no-retina=""> <span
                class="text-dark-gray fs-20 d-inline-block fw-600 mb-5px">{{lang.item59}}</span>
              <p>{{lang.item60}}</p>
              <span class="w-60px h-3px bg-yellow d-inline-block"></span>
            </div>
          </div>
        </div>
        <!-- end features box item -->

      </div>
      <a href="https://secure.cwgmarkets.com/#/signup" target="_blank"
        class="btn btn-box-shadow btn-gradient-pink-orange btn-large btn-round-edge btn-rounded btn-switch-text me-30px mt-5 w-100 xs-mb-10px xs-me-15px">
        <span> <span class="btn-double-text" :data-text="lang.item61">{{lang.item61}}</span> </span> </a>
      <div class="row justify-content-center align-items-center mb-3 mt-5">
        <div class="col-lg-8 text-center"
          data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
          <div class="mb-10px"> <span class="fs-15 fw-600 text-black text-uppercase  d-block"><span
                class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.item62}}</span> </div>
          <h1 class="alt-font text-danger mb-15px">{{lang.item63}}</h1>
          <p class="fs-20 fw-600  text-dark-gray d-inline-block align-middle">{{lang.item64}}</p>
        </div>
        <div class="col-lg-8">
          <div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="icon-feather-minus"
            data-inactive-icon="icon-feather-plus"
            data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
            <!-- start accordion item -->
            <div class="accordion-item active-accordion">
              <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#" data-bs-toggle="collapse"
                  data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
                  <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
                      class="feather icon-feather-minus"></i><span class="fw-600  fs-5">{{lang.item65}}</span>
                  </div>
                </a> </div>
              <div id="accordion-style-02-01" class="accordion-collapse collapse show"
                data-bs-parent="#accordion-style-02">
                <div class="accordion-body last-paragraph-no-margin border-bottom border-color-dark-gray">
                  <p>{{lang.item66}}</p>
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#" data-bs-toggle="collapse"
                  data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
                  <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
                      class="feather icon-feather-plus"></i><span class="fw-600  fs-5">{{lang.item67}}</span> </div>
                </a> </div>
              <div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
                <div class="accordion-body last-paragraph-no-margin border-bottom border-color-dark-gray">
                  <p>{{lang.item68}}</p>
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#" data-bs-toggle="collapse"
                  data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
                  <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
                      class="feather icon-feather-plus"></i><span class="fw-600  fs-5">{{lang.item69}}</span> </div>
                </a> </div>
              <div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
                <div class="accordion-body last-paragraph-no-margin border-bottom border-color-dark-gray">
                  <p>{{lang.item70}}</p>
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-header border-bottom border-color-dark-gray"> <a href="#" data-bs-toggle="collapse"
                  data-bs-target="#accordion-style-02-04" aria-expanded="false" data-bs-parent="#accordion-style-02">
                  <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
                      class="feather icon-feather-plus"></i><span class="fw-600  fs-5">{{lang.item71}}</span> </div>
                </a> </div>
              <div id="accordion-style-02-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
                <div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
                  <p>{{lang.item72}}</p>
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <div class="accordion-header border-bottom border-color-transparent"> <a href="#"
                  data-bs-toggle="collapse" data-bs-target="#accordion-style-02-05" aria-expanded="false"
                  data-bs-parent="#accordion-style-02">
                  <div class="accordion-title mb-0 position-relative text-dark-gray"> <i
                      class="feather icon-feather-plus"></i><span class="fw-600  fs-5">{{lang.item73}}</span> </div>
                </a> </div>
              <div id="accordion-style-02-05" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
                <div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
                  <p>{{lang.item74}}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row justify-content-center align-items-center mb-3">
        <div class="col-auto text-center last-paragraph-no-margin">
          <div class="col text-center">
            <div
              class="fs-16  sm-lh-30 fw-600 ls-minus-1px text-dark-gray d-inline-block align-middle me-20px md-m-10px md-mt-0">
              {{lang.item75}} <a href="#" class="text-danger">{{lang.item76}}</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-12 col-md-12">
        <h4 class="alt-font fw-600 mt-5 mx-auto text-center text-dark-gray mb-0">{{lang.item77}}</h4>
        <p class="md-w-100 text-center ">{{lang.item78}}</p>
        <img src="imgs/cwg-img-11.png" class="img-fluid" alt="cwg-img-11">
      </div>
    </div>
  </section>
  <section class="pt-0">
    <div class="container-fluid pt-0">
      <div class="row align-items-center">
        <div class="col-xl-12 col-lg-12 text-center appear anime-child anime-complete"
          data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
          <span class="fs-15 fw-600 text-black text-uppercase  d-block"><span
              class="w-70px h-2px bg-red d-inline-block align-middle me-15px"></span>{{lang.item79}}</span>
          <h1 class="alt-font text-danger mb-15px">{{lang.item80}}</h1>
        </div>
      </div>
      <div class="row position-relative clients-style-08 mb-6 sm-mb-40px"
        data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
        <div class="col swiper text-center feather-shadow"
          data-slider-options='{ "slidesPerView": 2, "spaceBetween":0, "speed": 6000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 6 }, "992": { "slidesPerView": 5 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }'>
          <div class="swiper-wrapper marquee-slide">
            <!-- start client item -->
            <div class="swiper-slide" v-for="(num, index) in awardImages" :key="index">
              <a href="#"><img :src="'imgs/cwg-awards/cwg-awards-' + langPrefix + '-' + num + '.avif'" class="img-fluid" alt="cwg-awards" /></a>
            </div>
            <!-- end client item -->
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="bg-red  position-relative overflow-hidden z-index-0 pb-0">
    <div class="position-absolute left-minus-100px top-40px" data-bottom-top="transform: translateY(-80px)"
      data-top-bottom="transform: translateY(80px)"> <img src="imgs/cwg-img-12.png" alt="cwg-img-12"> </div>
    <div class="background-position-center-top h-100 w-100 position-absolute left-0px top-0"
      style="background-image: url('imgs/vertical-line-bg-small.svg')"></div>
    <div class="background-position-center-top h-8px w-100 position-absolute left-0px bottom-0"
      style="background-image: url('imgs/cwg-img-13.jpg')"></div>
    <div class="container">
      <div class="row lg-mb-6 lg-mt-5">
        <div class="col-lg-6"
          data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
          <span class="fs-15 fw-600 text-white text-uppercase  d-block"><span
              class="w-70px h-2px bg-white d-inline-block align-middle me-15px"></span>{{lang.item81}}</span>
          <h1 class="alt-font text-white mb-15px">{{lang.item82}}</h1>
          <a href="https://secure.cwgmarkets.com/#/signup" target="_blank"
            class="btn  btn-box-shadow btn-gradient-pink-orange btn-large btn-round-edge btn-rounded btn-switch-text me-30px xs-mb-10px xs-me-15px w-100">
            <span> <span class="btn-double-text" :data-text="lang.item83">{{lang.item83}}</span> </span> </a>
          <div class="col">
            <div class="align-middle d-inline-block fs-16 mt-3 text-white">{{lang.item84}}</div>
            <a href="#" target="_blank"><img src="imgs/cwg-img-14.png" class="d-inline-block align-middle" alt=""
                data-no-retina=""></a>
          </div>
        </div>
        <div class="col-lg-6  appear anime-child anime-complete"> <img src="imgs/footer-top.png" alt=""
            data-bottom-top="transform: rotate(-10deg)" data-top-bottom="transform:rotate(10deg)"> </div>
      </div>
    </div>
  </section>
  <div class="pb-0">
    <div class="container">
      <div class="row align-items-center">
        <div
          class="col-md-12 col-sm-12 fs-15 last-paragraph-no-margin text-center text-sm-start order-3 order-sm-2 order-md-1">
          <p>{{lang.item85}} <a :href="'https://secure.cwgmarkets.com/pdf/pdf12/CWG Prime Bonus-' + language + '.pdf'" target="_blank" class="text-dark-gray fw-600">{{lang.item86}}</a></p>
        </div>
      </div>
    </div>
  </div>
  </div>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/vendors.min.js"></script>
  <script src="../../js/vue.min.js"></script>
  <script src="../../js/axios.min.js"></script>
  <script src="../../js/element-ui.js"></script>
  <script src="../../js/element@2.12.2.js"></script>
  <script src="js/lang.js"></script>
  <script src="js/active-bonus.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
</body>

</html>