<?php /* Smarty version 3.1.27, created on 2025-02-27 19:30:52
         compiled from "/home/platinum/investmint-portfolios.com/tmpl/custom/expert-traders.tpl" */ ?>
<?php
/*%%SmartyHeaderCode:19487136967c0bd6cb0d867_43691888%%*/
if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    'f3202642da4e8235eab781b123c826b83bb9d414' => 
    array (
      0 => '/home/platinum/investmint-portfolios.com/tmpl/custom/expert-traders.tpl',
      1 => 1694501936,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '19487136967c0bd6cb0d867_43691888',
  'variables' => 
  array (
    'settings' => 0,
  ),
  'has_nocache_code' => false,
  'version' => '3.1.27',
  'unifunc' => 'content_67c0bd6cb82c68_02699307',
),false);
/*/%%SmartyHeaderCode%%*/
if ($_valid && !is_callable('content_67c0bd6cb82c68_02699307')) {
function content_67c0bd6cb82c68_02699307 ($_smarty_tpl) {
if (!is_callable('smarty_modifier_myescape')) require_once '/home/platinum/investmint-portfolios.com/inc/libs/smarty3/plugins/modifier.myescape.php';

$_smarty_tpl->properties['nocache_hash'] = '19487136967c0bd6cb0d867_43691888';
$_smarty_tpl->tpl_vars["allow"] = new Smarty_Variable("all", null, 0);?>
<?php $_smarty_tpl->tpl_vars["meta_title"] = new Smarty_Variable("Example", null, 0);?>
<?php echo $_smarty_tpl->getSubTemplate ("header1.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0);
?>


    <section id = "rating-header">
    <div class="header-image">
                    
    </div>
    <div class="content-div">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-7">
                    <h1>EXPERT TRADERS</h1>
                    <p><?php echo smarty_modifier_myescape($_smarty_tpl->tpl_vars['settings']->value['site_name']);?>
 rates traders based on their performance in the markets, so our clients can replicate the actions of other trading experts. Select your preferred trader and copy their positions to make profits!</p>
                </div>
            
            </div>
        </div>
    </div>

</section>

        <style>
        @import  url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1 {
  font-weight: 500;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

[dir] h1 {
  margin: 0;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

[dir] h2,
[dir] h3,
[dir] h4,
[dir] h5,
[dir] h6 {
  margin: 0;
}

p {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
}

[dir] p {
  margin: 0;
}

body {
  color: #FFFFFF;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  max-width: 100%;
}

[dir] body {
  margin: 0;
}

[dir] .container-fluid {
  padding: 0 12.75rem;
}

@media (max-width: 1440px) {
  [dir] .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (max-width: 1200px) {
  [dir] .container-fluid {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 767px) {
  [dir] .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 991px) {
  .container {
    max-width: 92%;
  }
}

@media (max-width: 800px) {
  .container {
    max-width: 100%;
  }
}

[dir] #rating-header {
  background: -webkit-gradient(linear, left bottom, left top, from(#05137D), color-stop(67%, #00073C), to(#000730));
  background: linear-gradient(0deg, #05137D 0%, #00073C 67%, #000730 100%);
}

#rating-header .header-image {
  position: absolute;
  width: 54%;
  height: 50%;
  top: 12%;
  overflow: hidden;
}

[dir=ltr] #rating-header .header-image {
  background: url("assets/newfront/images/leaderboard/img-globebg.png") no-repeat 92% 82%;
  right: 5%;
}

[dir=rtl] #rating-header .header-image {
  background: url("assets/newfront/images/leaderboard/img-globebg.png") no-repeat 8% 82%;
  left: 5%;
}

[dir] #rating-header .header-image {
  background-size: contain !important;
}

@media (max-width: 2560px) {
  [dir=ltr] #rating-header .header-image {
    background: url("assets/newfront/images/leaderboard/img-globebg.png") no-repeat 93% 32%;
  }

  [dir=rtl] #rating-header .header-image {
    background: url("assets/newfront/images/leaderboard/img-globebg.png") no-repeat 7% 32%;
  }
}

@media (max-width: 768px) {
  #rating-header .header-image {
    width: 79%;
    height: 50%;
    top: 5%;
  }

  [dir=ltr] #rating-header .header-image {
    background: url("assets/newfront/images/leaderboard/img-globebg.png") no-repeat 92% 49%;
  }

  [dir=rtl] #rating-header .header-image {
    background: url("assets/newfront/images/leaderboard/img-globebg.png") no-repeat 8% 49%;
  }
}

#rating-header .content-div {
  position: relative;
}

[dir] #rating-header .content-div {
  padding: 3.125rem 0;
}

#rating-header .content-div h1 {
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: medium;
  display: inline-block;
  line-height: 1.3333;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
  font-size: 1.75rem;
  text-transform: uppercase;
  color: #BB914A;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

[dir] #rating-header .content-div h1 {
  margin: 0 0 0.9375rem 0;
  -webkit-background-clip: text;
}

[dir=ltr] #rating-header .content-div h1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#a0762f), color-stop(51%, #dec481), to(#a0762f));
  background-image: linear-gradient(90deg, #a0762f 0%, #dec481 51%, #a0762f 100%);
}

[dir=rtl] #rating-header .content-div h1 {
  background-image: -webkit-gradient(linear, right top, left top, from(#a0762f), color-stop(51%, #dec481), to(#a0762f));
  background-image: linear-gradient(-90deg, #a0762f 0%, #dec481 51%, #a0762f 100%);
}

@media (min-width: 768px) {
  #rating-header .content-div h1 {
    font-size: 2.25rem;
  }

  [dir] #rating-header .content-div h1 {
    margin: 0 0 0.9375rem 0;
  }
}

@media (min-width: 992px) {
  #rating-header .content-div h1 {
    font-size: 2rem;
  }

  [dir] #rating-header .content-div h1 {
    margin: 0 0 1.25rem 0;
  }
}

@media (min-width: 1200px) {
  #rating-header .content-div h1 {
    font-size: 3.25rem;
  }

  [dir] #rating-header .content-div h1 {
    margin: 0 0 0.875rem 0;
  }
}

#rating-header .content-div p {
  color: #fff;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  font-weight: normal;
  letter-spacing: 0.00625rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

[dir] #rating-header .content-div p {
  margin: 0 0 0.9375rem 0;
}

@media (max-width: 767px) {
  #rating-header .content-div p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}

[dir] a {
  cursor: pointer;
}</style>
    
        <?php echo '<script'; ?>
>"use strict";

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
$(document).ready(function () {
  var isInitialized = false;
  var toJson = function toJson(response) {
    if (response.status !== 200) {
      throw new Error("Error Status Code: " + response.status);
    }
    return response.json();
  };
  function isElementInViewport(el) {
    if (typeof jQuery === "function" && el instanceof jQuery) {
      el = el[0];
    }
    var rect = el.getBoundingClientRect();
    return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) /* or $(window).height() */ && rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */;
  }

  //var for storing card svg elements
  var svgArr = [];
  var socialUrl = function () {
    if (window.location.host === "mexgroup.com") {
      return "https://social.mexgroup.com/portal/registration/subscription?provider=";
    }
    return "https://social.multibankfx.com/portal/registration/subscription?provider=";
  }();

  //first fetch for card data

  fetch("https://ratings.multibankfx.com/api/rating/2?%24top=10&%24skip=0&%24orderby=rank%20asc&%24count=false&widget_key=social_platform_ratings").then(toJson).then(function (data) {
    var ratingContainer = document.getElementById("rating-id");
    ratingContainer.innerHTML = "";
    var items = data.items;
    var _iterator = _createForOfIteratorHelper(items),
      _step;
    try {
      var _loop = function _loop() {
        var rating = _step.value;
        {
          rating.returnMonth = rating.returnMonth == null ? "-" : rating.returnMonth;
          var imgRes;
          //set avatar image based on response
          // async function fetchAvatarImage(id) {
          //   imgRes = await fetch(
          //     `https://ratings.multibankfx.com/widgets/assets/avatars/${id}.jpg`
          //   );
          //   if (imgRes.status === 200)
          //     return `https://ratings.multibankfx.com/widgets/assets/avatars/${id}.jpg`;
          //   if (imgRes.status === 404)
          //     return "/public_files/images/social_trading/new/svgs/3d-gold.png";
          // }
          // let imgPath = await fetchAvatarImage(rating.accountId);
          var countryCode = rating.account.countryCode.toLowerCase();
          var profitValue = rating.maxDrawdown + "%";
          // rating.totalProfit < 0
          //   ? "-$" + -rating.totalProfit
          //   : "$" + rating.totalProfit;

          var avatarUrl = rating["public"].avatarPath === "" ? "https://ratings.multibankfx.com/widgets/assets/avatars/".concat(rating.accountId, ".jpg") : rating["public"].avatarPath;
          var element = $("<div class=\"swiper-slide d-none\" onclick=\"window.location='social-trading/leaderboard/widget?id=".concat(rating.profileId, "'\"  style=\"cursor: pointer;\"\n            tabindex=\"1\">\n            <div class=\"flexed-div\">\n            <div class=\"flex-col\">\n            <div class=\"avatar-img\"> <img id =\"avatar-img-src\" src=\"").concat(avatarUrl, "\" onerror=\"this.onerror=null;this.src='/public_files/images/social_trading/new/svgs/3d-gold.png';\"\n            alt=\"avatar\">\n            </div>\n            <div class=\"country-flag\"><img src='https://ratings.multibankfx.com/widgets/").concat(countryCode, ".svg'></div>         \n            </div>\n            <div class=\"flex-col\"><a href=\"").concat(socialUrl).concat(rating.accountId, "\" class=\"gold-border-btn follow-btn\">").concat(copyTranslation, "</a></div>\n            </div>\n            <div class=\"main-content\">\n            <h4>").concat(rating.accountName, "</h4>\n            <p>").concat(rating.server.name, "</p>\n            </div>\n            <div class=\"graph-div\">\n            <div class=\"svg-image\" class=\"swiper-lazy\">\n            <svg viewBox=\"0 0 290 150\" >                              \n            <g>\n            <defs>\n            <linearGradient id=\"MyGradient\" gradientTransform=\"rotate(90)\">\n            <stop offset=\"5%\" stop-color=\"#114DCE65\" />\n            <stop offset=\"95%\" stop-color=\"#114DCE26\" />\n            </linearGradient>\n            </defs>                 \n            <!-- The rectangle is filled using a radial gradient paint server -->\n            <polyline class=\"polyline-stroke\"fill=\"url(#MyGradient)\" stroke=\"#1039AF\" stroke-width=\"1.5\"  width=\"100%\" height=\"100%\"\n            points=\"\"/>\n            </g>\n            </svg>\n            </div>\n            </div>\n            <div class=\"card-footer\">\n            <div class=\"content\">\n            <h5>").concat(tradersTranslations, "</h5>\n            <p>").concat(profitValue, "</p>\n            </div>\n            <div class=\"arrow\">\n            <a href=\"\"><i class=\"bi bi-chevron-right\"></i></a>\n            </div>\n            </div>\n            </div>"));
          $(ratingContainer).append(element);
          svgArr.push(element);

          //check if language is enat; change link of follow button if yes
          if (language === "enat") {
            $(".follow-btn").attr("href", "https://social.multibankfx.com/portal/registration/subscription?provider=" + rating.accountId);
            $(".leader-board-row a").attr("href", "https://ratings.multibankfx.com/widgets/ratings?widgetKey=social_platform_ratings");
          }
          //second fetch for graph data
          fetch("https://ratings.multibankfx.com/api/history/".concat(rating.accountId, "/charts?detalization=Daily&widget_key=social_platform_ratings")).then(toJson).then(function (data) {
            var returns = data.map(function (item) {
              return item.rt;
            });
            var max = Math.max.apply(Math, _toConsumableArray(returns));
            var min = Math.min.apply(Math, _toConsumableArray(returns));
            var points = returns.reduce(function (acc, curr, index) {
              return acc + "".concat(index / (returns.length - 1) * 290, ",").concat(150 - (curr - min) / (max - min) * 150, " ");
            }, "").trim();
            element.find("svg polyline ").attr("points", points);
            element.find("svg polyline ").attr("points", "0,150 ".concat(points, " 290,150"));
            element.find("svg .max-text").text(Math.round(max));
            element.find("svg .min-text").text(Math.round(min));
            $(".svg-image", element).removeClass("active");
            setTimeout(function () {
              return $(".svg-image", element).addClass("active");
            }, 100);
          });
        }
      };
      for (_iterator.s(); !(_step = _iterator.n()).done;) {
        _loop();
      }
    } catch (err) {
      _iterator.e(err);
    } finally {
      _iterator.f();
    }
  })["finally"](function () {
    setTimeout(function () {
      $(".top-traders .candles-loader-overlay-1").css("display", "none");
      $(".top-trader-gradient-overlay").css("display", "block");
      $("#skeleton-placeholder").remove();
      $("#skeleton-div").remove();
      $(".top-traders").css("overflow", "hidden");
      $(".swiper-slide").removeClass("d-none");
      initializeSlider();
    }, 800);
  })["catch"](function (err) {
    console.log("Fetch Error ", err);
  });

  //swiper function
  function initializeSlider() {
    var tabsSwiper = new Swiper(document.querySelector(".dynamic-card"), {
      rtl: document.documentElement.dir === "rtl",
      slidesPerView: 1.5,
      spaceBetween: 15,
      centeredSlides: true,
      loop: true,
      // checkInView: true,
      autoplay: {
        delay: 2000
      },
      breakpoints: {
        1500: {
          slidesPerView: 5.55,
          spaceBetween: 50
        },
        1024: {
          slidesPerView: 3.5,
          spaceBetween: 10
        },
        991: {
          slidesPerView: 2.5,
          spaceBetween: 10
        },
        767: {
          slidesPerView: 2.25,
          spaceBetween: 15,
          autoplay: false
          // loop: false,
        }
      },

      pagination: {
        el: document.querySelector(".top-trade-pagination"),
        clickable: true
      }
    });
    isInitialized = true;
    tabsSwiper.on('slideChange', function () {
      $(".container-fluid-custom").css("padding", "0");
    });
  }
  function isInViewport(element) {
    var elementTop = $(element).offset();
    var elementBottom = elementTop + $(element).outerHeight();
    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();
    return elementBottom > viewportTop && elementTop < viewportBottom;
  }
  var isFocused = false;
  var isSvgRemoved = false;

  //function to show SVG based on view
  function checkShowSVG() {
    if (isInViewport($(".swiper-slide .graph-div .svg-image svg")) && isFocused) {
      isFocused = true;
      isSvgRemoved = false;
      for (var i = 0; i < svgArr.length; i++) {
        var svgContainer = $(".svg-image svg", svgArr[i]);
        if (isElementInViewport(svgContainer[0])) {
          svgContainer.addClass("active");
        }
      }
    } else {
      isFocused = false;
      if (!isSvgRemoved) {
        for (var _i = 0; _i < svgArr.length; _i++) {
          var _svgContainer = $(".svg-image svg", svgArr[_i]);
          if (!isElementInViewport(_svgContainer[0])) {
            _svgContainer.removeClass("active");
          }
        }
        isSvgRemoved = true;
      }
    }
  }

  //window resize
  $(window).on("resize", function () {
    if ($(window).width() >= 992) {
      checkShowSVG();
    }
  });
  if ($(window).width() < 992) {
    for (var i = 0; i < svgArr.length; i++) {
      var svgContainer = $(".svg-image", svgArr[i]);
      if (isElementInViewport(svgContainer[0])) {
        svgContainer.addClass("active");
      }
    }
  }
});
var tabsSwiper = new Swiper(document.querySelector(".dynamic-card-skeleton"), {
  rtl: document.documentElement.dir === "rtl",
  slidesPerView: 1.5,
  spaceBetween: 15,
  centeredSlides: true,
  loop: true,
  checkInView: true,
  autoplay: false,
  breakpoints: {
    1500: {
      slidesPerView: 5.55,
      spaceBetween: 50
    },
    1024: {
      slidesPerView: 3.5,
      spaceBetween: 10
    },
    991: {
      slidesPerView: 2.5,
      spaceBetween: 10
    },
    767: {
      slidesPerView: 2.25,
      spaceBetween: 15,
      autoplay: false
      // loop: false,
    }
  }
});

if (ejsLang === "ar") {
  $(".top-traders .dynamic-card .card-footer .arrow i").removeClass('bi bi-chevron-right').addClass('bi bi-chevron-left');
} else {
  $(".top-traders .dynamic-card .card-footer .arrow i").removeClass('bi bi-chevron-left').addClass('bi bi-chevron-right');
}
if ($('html').attr('lang') === 'ar') {
  $(".top-traders .dynamic-card .card-footer .arrow i").removeClass('bi bi-chevron-right').addClass('bi bi-chevron-left');
} else {
  $(".top-traders .dynamic-card .card-footer .arrow i").removeClass('bi bi-chevron-left').addClass('bi bi-chevron-right');
}<?php echo '</script'; ?>
>

    <section class="leaderboard-section">
    <div class="container-fluid">
       
  
        <div class="row traders-cards align-items-center" id="leaderboard">
        
        
        
        
        
        
        
         <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 traders-col mb-md-5 mb-2 active" data-id="#grid-id">
        <div class="card mx-auto h-100"  style="cursor: pointer;" tabindex="1">
            <div class="row first-row">
                <div class="flexed-div">
                    <div class="flex-col">
                        <div class="avatar-img"> <img id="avatar-img-src" src="assets/templates/basic/newfront/jpeg/1.jpeg" alt="avatar">
                        
                        </div>
                    </div>
                    <div class="flex-col">
                    <div class="content">
                        <h4>Gary (mystic Mac)</h4>
                        <p>Average win Rate: 94%</p> 
                      </div>       
                    </div>
                </div>            
            </div>
          <div class="row second-row">
            <div class="flexed-div">
                <div class="flex-col">
                   
                </div>
                <div class="flex-col">
                    <div class="graph-div">
                        <div class=" active" style="    color: #00063a;"><br>
                           I help ambitious people make money from their comfort and work through digital entrepreneurship and also educate members through live trading and YouTube general education, 6-7 figure trader with over 7 years experience. <br><br>
<b>Client base:</b> 700+ clients mirroring and and following live sessions to grow practically and improve in the market, <br><br>
<b>Commission demands:</b> 10% of any profit made on account when mirroring.
<br><br>
<b>Account risk level:</b> 10% and giving clients the general impression you won’t loose more than 10% of trading capital mirroring and growing from my trades, no matter how bad the market gets, account capital cannot go below 90%
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>
        
        
          <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 traders-col mb-md-5 mb-2 active" data-id="#grid-id">
        <div class="card mx-auto h-100"  style="cursor: pointer;" tabindex="1">
            <div class="row first-row">
                <div class="flexed-div">
                    <div class="flex-col">
                        <div class="avatar-img"> <img id="avatar-img-src" src="assets/templates/basic/newfront/jpeg/3.jpeg" alt="avatar">
                        
                        </div>
                    </div>
                    <div class="flex-col">
                    <div class="content">
                        <h4>Rodney Steve</h4>
                        <p>Average win Rate: 87%</p> 
                      </div>       
                    </div>
                </div>            
            </div>
          <div class="row second-row">
            <div class="flexed-div">
                <div class="flex-col">
                   
                </div>
                <div class="flex-col">
                    <div class="graph-div">
                        <div class=" active" style="    color: #00063a;"><br>
                          Globally licensed and  regulated trader with over 18 years knowledge in the market. 
                 <b>General market Quote</b>  Fear of missing out (FOMO) kills when dealing with the market, majorly takes a proper control of emotions to win and make the best out from the market.  <br><br>
<b>Client base:</b> 230+ clients mirroring and following live sessions to grow practically and improve general strategy in the market.  <br><br>
<b>Commission demands:</b> 10% of any profit made on account when trading. 
<br><br>
<b>Account risk level:</b> 10% and giving clients the general impression you won’t loose more than 10% of trading capital mirroring and growing from my trades, no matter how bad the market gets, account capital cannot go below 90%
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>
        
        
        
        
          <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 traders-col mb-md-5 mb-2 active" data-id="#grid-id">
        <div class="card mx-auto h-100"  style="cursor: pointer;" tabindex="1">
            <div class="row first-row">
                <div class="flexed-div">
                    <div class="flex-col">
                        <div class="avatar-img"> <img id="avatar-img-src" src="assets/templates/basic/newfront/jpeg/4.jpeg" alt="avatar">
                        
                        </div>
                    </div>
                    <div class="flex-col">
                    <div class="content">
                        <h4>Theresa Williams</h4>
                        <p>Average win Rate: 82%</p> 
                      </div>       
                    </div>
                </div>            
            </div>
          <div class="row second-row">
            <div class="flexed-div">
                <div class="flex-col">
                   
                </div>
                <div class="flex-col">
                    <div class="graph-div">
                        <div class=" active" style="    color: #00063a;"><br>
                          I lead a cross-functional team of seven, building unique products and creating services that are helping people achieve more in their careers! I'm deeply passionate about creating loved and trusted income that help people navigate their careers and achieve their career goals.  <br><br>
                 <b>Competencies:</b>  Python, Hadoop, Big Data, Hive, SQL, PySpark, Keras, machine learning, TensorFlow, Business Intelligence, Tableau<br><br>
<b>Client base:</b> 190+ clients mirroring and following live sessions to grow practically and improve general strategy in the market.  <br><br>
<b>Commission demands:</b> 10.1% of any profit made on account when trading. 
<br><br>
<b>Account risk level:</b> 10% and giving clients the general impression you won’t loose more than 10% of trading capital mirroring and growing from my trades, no matter how bad the market gets, account capital cannot go below 90%
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>
        
        
        
         <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 traders-col mb-md-5 mb-2 active" data-id="#grid-id">
        <div class="card mx-auto h-100"  style="cursor: pointer;" tabindex="1">
            <div class="row first-row">
                <div class="flexed-div">
                    <div class="flex-col">
                        <div class="avatar-img"> <img id="avatar-img-src" src="assets/templates/basic/newfront/jpeg/5.jpeg" alt="avatar">
                        
                        </div>
                    </div>
                    <div class="flex-col">
                    <div class="content">
                        <h4>Ishaan Sandhir</h4>
                        <p>Average win Rate: 91%</p> 
                      </div>       
                    </div>
                </div>            
            </div>
          <div class="row second-row">
            <div class="flexed-div">
                <div class="flex-col">
                   
                </div>
                <div class="flex-col">
                    <div class="graph-div">
                        <div class=" active" style="    color: #00063a;"><br>
                          chief Executive officer at Eagle investors, leading a great team set on improving general trading habit and growing investors in the market, Focusing mainly on creating a community veteran investors, who know how to make more and are willing to learn and grow, Experience speaks and attaining Top notch levels is never a doubt,  <br><br>
                 
<b>Client base:</b> 1200+ clients mirroring and following live sessions to grow practically and improve general strategy in the market.  <br><br>
<b>Commission demands:</b> 10.1% of any profit made on account when trading. 
<br><br>
<b>Account risk level:</b> 10% and giving clients the general impression you won’t loose more than 10% of trading capital mirroring and growing from my trades, no matter how bad the market gets, account capital cannot go below 90%
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>


        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 traders-col mb-md-5 mb-2 active" data-id="#grid-id">
        <div class="card mx-auto h-100"  style="cursor: pointer;" tabindex="1">
            <div class="row first-row">
                <div class="flexed-div">
                    <div class="flex-col">
                        <div class="avatar-img"> <img id="avatar-img-src" src="assets/templates/basic/newfront/jpeg/6.jpeg" alt="avatar">
                        
                        </div>
                    </div>
                    <div class="flex-col">
                    <div class="content">
                        <h4>Sarah Sniper</h4>
                        <p>Average win Rate: 98%</p> 
                      </div>       
                    </div>
                </div>            
            </div>
          <div class="row second-row">
            <div class="flexed-div">
                <div class="flex-col">
                   
                </div>
                <div class="flex-col">
                    <div class="graph-div">
                        <div class=" active" style="    color: #00063a;"><br>
                          A registered and regulated trader, I’m more passionate about leading the coming generation and giving every single knowledge in the market, most especially assisting members seeking good retirement goals grow on a good pace and improve returns generally in the market. <br><br>
<b>P.S.</b> If you're young and passionate about creating tech-focused products to provide global solution and improve general standard and passive income means, we can be a great team.  <br><br>
                 
<b>Client base:</b> 100+ clients mirroring and following live sessions to grow practically and improve general strategy in the market.  <br><br>
<b>Commission demands:</b> 10.1% of any profit made on account when trading. 
<br><br>
<b>Account risk level:</b> 10% and giving clients the general impression you won’t loose more than 10% of trading capital mirroring and growing from my trades, no matter how bad the market gets, account capital cannot go below 90%
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>



        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 traders-col mb-md-5 mb-2 active" data-id="#grid-id">
        <div class="card mx-auto h-100"  style="cursor: pointer;" tabindex="1">
            <div class="row first-row">
                <div class="flexed-div">
                    <div class="flex-col">
                        <div class="avatar-img"> <img id="avatar-img-src" src="assets/templates/basic/newfront/jpeg/7.jpeg" alt="avatar">
                        
                        </div>
                    </div>
                    <div class="flex-col">
                    <div class="content">
                        <h4>Champ W. (The trading Champ)</h4>
                        <p>Average win Rate: 90%</p> 
                      </div>       
                    </div>
                </div>            
            </div>
          <div class="row second-row">
            <div class="flexed-div">
                <div class="flex-col">
                   
                </div>
                <div class="flex-col">
                    <div class="graph-div">
                        <div class=" active" style="    color: #00063a;"><br>
                          I'm an Owner/Founder of OasisAlerts , and most importantly a happily married trader, I’m am a full time Real Estate Agent & Trader in the south. I currently alert swing trades on my Discord Family to assist members grow, I am also a content creator with over 100,000 followers on TikTok.<br>
I love traveling & meeting new people. I have a goldendoodle named Ollie who sleeps 16 hours a day. I enjoy going to the gym & playing basketball, that’s basically all introducing myself.<br>
Major life goal is to assist the younger generation learn and understand the importance of trading and being in the market, and the positive effects to the entire universe.
<br><br>
<b>Client base:</b> 500+ clients mirroring and following live sessions to grow practically and improve general strategy in the market.
<br><br>
<b>Commission demands:</b> 10% of any profit made on account when trading.
<br><br>
<b>Account risk level:</b> 10% and giving clients the general impression you won’t loose more than 10% of trading capital mirroring and growing from my trades, no matter how bad the market gets, account capital cannot go below 90%
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>
        
      </div>
 
    </div>
    <br><br>
    <center id="rating-header" class="content-div"> <h1>+1233 MORE TRADERS</h1> </center>
    <br><br>
</section>



<?php echo '<script'; ?>
>
    var tradersTranslationsList = {"returntotal":"Return (total)","returnoneyear":"Return (1Y)","returnsixm":"Return (6M)","returnthreem":"Return (3M)","returnonem":"Return (1M)","returnonew":"Return (1W)","server":"Server","maxdrawdown":"Max drawdown","balance":"Balance","totalprofit":"Total profit","performancefee":"Performance fee","of":"of","invest":"Invest"};
<?php echo '</script'; ?>
>
<style>
        .leaderboard-section {
  position: relative;
}

[dir] .leaderboard-section {
  padding: 5rem 0;
}

@media (max-width: 767px) {
  [dir] .leaderboard-section {
    padding: 2.5rem 0;
  }
}

.leaderboard-section .traders-cards {
  position: relative;
}

[dir] .leaderboard-section .traders-cards .traders-col .card {
  -webkit-box-shadow: 0 0.125rem 0.625rem rgba(16, 57, 175, 0.2196078431);
          box-shadow: 0 0.125rem 0.625rem rgba(16, 57, 175, 0.2196078431);
  border-radius: 1.5rem;
  padding: 1.25rem 0.9375rem 1.25rem 0.9375rem;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(75%, #FFFFFF), to(#F1F2F6)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 75%, #F1F2F6 100%) 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(75%, #FFFFFF), to(#F1F2F6)) 100% 0% no-repeat padding-box;
  background: transparent linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 75%, #F1F2F6 100%) 100% 0% no-repeat padding-box;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col:nth-child(1) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col:nth-child(2) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col:nth-child(2) {
  padding-left: 1.25rem;
  padding-right: 0.625rem;
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col:nth-child(2) {
  padding-right: 1.25rem;
  padding-left: 0.625rem;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col:nth-child(3) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .avatar-img {
  position: relative;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .avatar-img img {
  width: 3.5rem;
  height: 3.5rem;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .avatar-img img {
  border-radius: 50%;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .country-flag {
  position: absolute;
  top: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .country-flag {
  border-radius: 50%;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .country-flag {
  left: 2.5rem;
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .country-flag {
  right: 2.5rem;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .country-flag img {
  height: 100%;
  width: auto;
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content h4 {
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: medium;
  display: inline-block;
  line-height: 2rem;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
  font-size: 1.375rem;
  text-transform: uppercase;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content h4 {
  margin: 0;
  -webkit-background-clip: text;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content h4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
  background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content h4 {
  background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
  background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}

@media (max-width: 1200px) {
  .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content h4 {
    font-size: 0.75rem;
  }
}

@media (max-width: 767px) {
  .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content h4 {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    letter-spacing: 0.00188rem;
  }
}

.leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content p {
  font: normal normal normal 1.125rem/1.625rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #8B96B6;
  
}

.graph-div .active {
    font-size: 1rem;
    color: #020862;
    line-height: 1.5rem;
    font-family: "Roboto Condensed", "Cairo", sans-serif;
}

@media (max-width: 767px) {
  .leaderboard-section .traders-cards .traders-col .card .first-row .flexed-div .flex-col .content p {
    font: normal normal normal 0.6875rem/0.9375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col:nth-child(1) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col:nth-child(2) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col:nth-child(2) {
  padding: 0 0.625rem;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col:nth-child(3) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .graph-div .svg-image {
  display: block;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .graph-div .svg-image {
  margin: 0;
}

@media (max-width: 767px) {
  [dir] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .graph-div .svg-image {
    margin: inherit;
  }
}

[dir] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .graph-div .svg-image.active path {
  -webkit-animation-name: raise;
          animation-name: raise;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .graph-div .svg-image svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  [dir] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .graph-div .svg-image svg {
    margin: 1rem 0;
  }
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .content {
  width: 100%;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .content h5 {
  font: normal normal normal 0.8125rem/1.125rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #8B96B6;
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .content p {
  font: normal normal bold 1.1875rem/1.5625rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #010D4B;
}

@media (max-width: 1000px) {
  .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .content p {
    font-size: 1rem;
  }
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 30%;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .arrow {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

:root[dir=rtl] .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .arrow img {
  width: 1rem;
  height: 1.5625rem;
}

@media (max-width: 991px) {
  .leaderboard-section .traders-cards .traders-col .card .second-row .flexed-div .flex-col .arrow img {
    width: 0.5625rem;
    height: 0.875rem;
  }
}

.leaderboard-section .traders-cards .traders-col .card .gold-border-btn {
  color: #010D4B;
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
}

[dir] .leaderboard-section .traders-cards .traders-col .card .gold-border-btn {
  border: 0.125rem solid #BB914A;
  border-radius: 1.5625rem;
  padding: 0.5rem 1rem;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card .gold-border-btn {
  background: #F8FAFD 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card .gold-border-btn {
  background: #F8FAFD 100% 0% no-repeat padding-box;
}

@media (max-width: 1024px) {
  .leaderboard-section .traders-cards .traders-col .card .gold-border-btn {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}

.leaderboard-section .traders-cards .traders-col .card .gold-border-btn:hover {
  color: #fff;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card .gold-border-btn:hover {
  background: #010C3E 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card .gold-border-btn:hover {
  background: #010C3E 100% 0% no-repeat padding-box;
}

.leaderboard-section .traders-cards .traders-col .card.list-card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 7.5rem;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.first-row {
  width: 50%;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.first-row .flexed-div .flex-col:nth-child(2) .content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row {
  width: 50%;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div .flex-col :nth-child(1) {
  width: 100%;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div .flex-col :nth-child(2) .content {
  width: 80%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div .flex-col .content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

[dir=ltr] .leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div .flex-col .content h5 {
  margin-right: 0.1875rem;
}

[dir=rtl] .leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div .flex-col .content h5 {
  margin-left: 0.1875rem;
}

.leaderboard-section .traders-cards .traders-col .card.list-card .row.second-row .flexed-div .flex-col .arrow {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.leaderboard-section .arrows-div a {
  width: 3.125rem;
  height: 3.125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[dir] .leaderboard-section .arrows-div a {
  border: 0.0625rem solid #bb914a;
  border-radius: 0.375rem;
}

.leaderboard-section .arrows-div a i {
  color: #BB914A;
}

[dir=ltr]:root[lang=ar] .leaderboard-section .arrows-div a i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

[dir=rtl]:root[lang=ar] .leaderboard-section .arrows-div a i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

[dir] .leaderboard-section .arrows-div a:hover {
  background: #bb914a;
}

.leaderboard-section .arrows-div a:hover i {
  color: #fff;
}

.leaderboard-section .arrows-div a.disabled {
  pointer-events: none;
}

[dir] .leaderboard-section .arrows-div a.disabled {
  border: 0.0625rem solid #B9BED6 !important;
}

.leaderboard-section .arrows-div a.disabled i {
  color: #B9BED6 !important;
}

.leaderboard-section .arrows-div #total-count {
  color: #020862;
}

[dir] .leaderboard-section .arrows-div #total-count {
  margin: 0 0.5rem;
}

@media (max-width: 1320px) {
  .leaderboard-section .arrows-div #total-count {
    font-size: 0.8rem;
  }
}

.leaderboard-section .search-bar-div {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir] .leaderboard-section .search-bar-div {
  margin-bottom: 2.8125rem;
}

.leaderboard-section .search-bar-div input::-webkit-calendar-picker-indicator {
  display: none;
}

.leaderboard-section .search-bar-div .search-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.leaderboard-section .search-bar-div .search-icon::before {
  position: absolute;
  font-family: "bootstrap-icons";
  content: "\f52a";
  pointer-events: none;
  color: #03105F;
}

[dir] .leaderboard-section .search-bar-div .search-icon::before {
  padding: 0.1em;
}

[dir=ltr] .leaderboard-section .search-bar-div .search-icon::before {
  margin-right: -2.25rem;
  left: 1.25rem;
}

[dir=rtl] .leaderboard-section .search-bar-div .search-icon::before {
  margin-left: -2.25rem;
  right: 1.25rem;
}

@media (max-width: 767px) {
  [dir=ltr] .leaderboard-section .search-bar-div .search-icon::before {
    left: 0.75rem;
  }

  [dir=rtl] .leaderboard-section .search-bar-div .search-icon::before {
    right: 0.75rem;
  }
}

.leaderboard-section .search-bar-div .searchinput[type=text] {
  color: #03105F;
  width: 30rem;
  max-width: 100%;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

[dir] .leaderboard-section .search-bar-div .searchinput[type=text] {
  border: 0.0625rem solid #B9BED6;
  border-radius: 1.8125rem;
  background-color: transparent;
  cursor: pointer;
}

[dir=ltr] .leaderboard-section .search-bar-div .searchinput[type=text] {
  padding: 1.2rem 1rem 1.2rem 3rem;
}

[dir=rtl] .leaderboard-section .search-bar-div .searchinput[type=text] {
  padding: 1.2rem 3rem 1.2rem 1rem;
}

@media (max-width: 1091px) {
  .leaderboard-section .search-bar-div .searchinput[type=text] {
    width: 100%;
  }

  [dir=ltr] .leaderboard-section .search-bar-div .searchinput[type=text] {
    padding: 0.825rem 1rem 0.825rem 3rem;
  }

  [dir=rtl] .leaderboard-section .search-bar-div .searchinput[type=text] {
    padding: 0.825rem 3rem 0.825rem 1rem;
  }
}

.leaderboard-section .search-bar-div .searchinput[type=text]:focus {
  outline: none;
}

.leaderboard-section .search-bar-div datalist {
  width: 21.875rem;
  height: 5rem;
  overflow-y: auto;
  position: absolute;
  display: none;
}

[dir] .leaderboard-section .search-bar-div datalist {
  padding: 0.3125rem;
}

[dir] .leaderboard-section .search-bar-div datalist option {
  cursor: pointer;
}

@media (max-width: 768px) {
  .leaderboard-section .search-bar-div .search-bar-col {
    display: block;
    width: 100%;
  }

  [dir] .leaderboard-section .search-bar-div .search-bar-col {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1rem;
  }
}

@media (max-width: 844px) {
  .leaderboard-section .row-pagination {
    width: 100% !important;
  }

  [dir] .leaderboard-section .row-pagination {
    margin-top: 1.25rem;
  }
}

.leaderboard-section .sort-order-div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1092px) {
  [dir] .leaderboard-section .sort-order-div {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .leaderboard-section .sort-order-div {
    display: -webkit-inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .leaderboard-section .sort-order-div {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.leaderboard-section .sort-order-div .order-div label {
  position: relative;
  display: block;
  overflow: hidden;
}

.leaderboard-section .sort-order-div .order-div label select {
  width: 10.375rem;
}

[dir] .leaderboard-section .sort-order-div .order-div label select {
  padding: 1.2rem 0.6rem 1.2rem 0.6rem;
}

@media (max-width: 1440px) {
  .leaderboard-section .sort-order-div .order-div label select {
    width: 10.375rem;
  }
}

@media (max-width: 1320px) {
  .leaderboard-section .sort-order-div .order-div label select {
    width: 7.375rem;
  }
}

@media (max-width: 1134px) {
  .leaderboard-section .sort-order-div .order-div label select {
    width: 8.375rem;
  }
}

@media (max-width: 768px) {
  [dir=ltr] .leaderboard-section .sort-order-div .order-div label select {
    padding: 0.825rem 1rem 0.825rem 0.6rem;
  }

  [dir=rtl] .leaderboard-section .sort-order-div .order-div label select {
    padding: 0.825rem 0.6rem 0.825rem 1rem;
  }
}

.leaderboard-section .sort-order-div .order-div label::after {
  font-family: "bootstrap-icons";
  content: "\f282";
  color: #BB914A;
  position: absolute;
  bottom: 0.9375rem;
  z-index: 1;
  width: 5%;
  height: 1.625rem;
  pointer-events: none;
}

[dir=ltr] .leaderboard-section .sort-order-div .order-div label::after {
  right: 1rem;
}

[dir=rtl] .leaderboard-section .sort-order-div .order-div label::after {
  left: 1rem;
}

@media (max-width: 768px) {
  .leaderboard-section .sort-order-div .order-div label::after {
    width: 13%;
    height: 0.625rem;
  }

  [dir=ltr] .leaderboard-section .sort-order-div .order-div label::after {
    right: 0rem;
  }

  [dir=rtl] .leaderboard-section .sort-order-div .order-div label::after {
    left: 0rem;
  }
}

.leaderboard-section .sort-order-div .sort-div label {
  position: relative;
  display: block;
  overflow: hidden;
}

.leaderboard-section .sort-order-div .sort-div label select {
  width: 10.375rem;
}

[dir] .leaderboard-section .sort-order-div .sort-div label select {
  padding: 1.2rem 0.6rem 1.2rem 0.6rem;
}

@media (max-width: 1440px) {
  .leaderboard-section .sort-order-div .sort-div label select {
    width: 10.375rem;
  }
}

@media (max-width: 1320px) {
  .leaderboard-section .sort-order-div .sort-div label select {
    width: 7.375rem;
  }
}

@media (max-width: 1134px) {
  .leaderboard-section .sort-order-div .sort-div label select {
    width: 6.375rem;
  }
}

@media (max-width: 768px) {
  .leaderboard-section .sort-order-div .sort-div label select {
    width: 9.5rem;
  }

  [dir=ltr] .leaderboard-section .sort-order-div .sort-div label select {
    padding: 0.825rem 1rem 0.825rem 0.5rem;
  }

  [dir=rtl] .leaderboard-section .sort-order-div .sort-div label select {
    padding: 0.825rem 0.5rem 0.825rem 1rem;
  }
}

.leaderboard-section .sort-order-div .sort-div label::after {
  font-family: "bootstrap-icons";
  content: "\f282";
  color: #BB914A;
  position: absolute;
  bottom: 0.9375rem;
  z-index: 1;
  width: 5%;
  height: 1.625rem;
  pointer-events: none;
}

[dir=ltr] .leaderboard-section .sort-order-div .sort-div label::after {
  right: 1rem;
}

[dir=rtl] .leaderboard-section .sort-order-div .sort-div label::after {
  left: 1rem;
}

@media (max-width: 768px) {
  .leaderboard-section .sort-order-div .sort-div label::after {
    width: 13%;
    height: 0.625rem;
  }

  [dir=ltr] .leaderboard-section .sort-order-div .sort-div label::after {
    right: 0rem;
  }

  [dir=rtl] .leaderboard-section .sort-order-div .sort-div label::after {
    left: 0rem;
  }
}

.leaderboard-section .sort-order-div .grid-list-icons {
  width: 6.875rem;
  position: relative;
}

[dir] .leaderboard-section .sort-order-div .grid-list-icons div {
  cursor: pointer;
}

.leaderboard-section .sort-order-div .grid-list-icons div i {
  color: #010C3E;
  font-size: 1.25rem;
  font-weight: normal;
  opacity: 0.5;
}

.leaderboard-section .sort-order-div .grid-list-icons div.active i {
  color: #010C3E;
  opacity: 1;
}

[dir] .leaderboard-section .sort-order-div .grid-list-icons div.active i {
  border-radius: 0.3125rem;
  padding: 0.625rem;
}

[dir=ltr] .leaderboard-section .sort-order-div .grid-list-icons div.active i {
  background: #F1F3F9 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .sort-order-div .grid-list-icons div.active i {
  background: #F1F3F9 100% 0% no-repeat padding-box;
}

@media (max-width: 1199px) {
  .leaderboard-section .sort-order-div .grid-list-icons {
    display: none;
  }
}

.leaderboard-section .sort-order-div div {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .leaderboard-section .sort-order-div div {
    width: 48%;
  }

  [dir=ltr] .leaderboard-section .sort-order-div div {
    margin-right: 0;
  }

  [dir=rtl] .leaderboard-section .sort-order-div div {
    margin-left: 0;
  }
}

.leaderboard-section .sort-order-div div label {
  font: normal normal normal 1.25rem/1.625rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.005rem;
  color: #03105F;
}

[dir=ltr] .leaderboard-section .sort-order-div div label {
  margin-right: 0.9375rem;
}

[dir=rtl] .leaderboard-section .sort-order-div div label {
  margin-left: 0.9375rem;
}

:root[lang=it] .leaderboard-section .sort-order-div div label {
  font: normal normal normal 0.875rem/1.875rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
}

:root[lang=mxes] .leaderboard-section .sort-order-div div label {
  font: normal normal normal 0.875rem/1.875rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
}

:root[lang=es] .leaderboard-section .sort-order-div div label {
  font: normal normal normal 0.875rem/1.875rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
}

@media (max-width: 1320px) {
  .leaderboard-section .sort-order-div div label {
    font-size: 0.8rem;
  }
}

@media (max-width: 1200px) {
  .leaderboard-section .sort-order-div div label {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  [dir=ltr] .leaderboard-section .sort-order-div div label {
    margin-right: 0.3125rem;
  }

  [dir=rtl] .leaderboard-section .sort-order-div div label {
    margin-left: 0.3125rem;
  }
}

@media (max-width: 1054px) {
  .leaderboard-section .sort-order-div div label {
    font-size: 0.875rem;
  }
}

@media (max-width: 1000px) {
  .leaderboard-section .sort-order-div div label {
    font-size: 0.8125rem;
  }
}

@media (max-width: 768px) {
  .leaderboard-section .sort-order-div div label {
    display: block;
    position: relative;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .leaderboard-section .sort-order-div div label {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.leaderboard-section .sort-order-div div #order-select,
.leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
  color: #03105F;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.625rem;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.00625rem;
}

[dir] .leaderboard-section .sort-order-div div #order-select,
[dir] .leaderboard-section .sort-order-div div #asc-select,
[dir] .leaderboard-section .sort-order-div div #server-select {
  border: none;
  background-color: #fff;
  border-bottom: 0.0625rem solid #BB914A;
}

.leaderboard-section .sort-order-div div #order-select:focus,
.leaderboard-section .sort-order-div div #asc-select:focus, .leaderboard-section .sort-order-div div #server-select:focus {
  outline: none;
}

.leaderboard-section .sort-order-div div #order-select::-ms-expand,
.leaderboard-section .sort-order-div div #asc-select::-ms-expand, .leaderboard-section .sort-order-div div #server-select::-ms-expand {
  display: none;
}

@media (max-width: 1320px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    font-size: 0.875rem;
  }
}

@media (max-width: 1200px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (max-width: 1054px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    font-size: 0.875rem;
  }
}

@media (max-width: 1000px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    font-size: 0.8125rem;
  }
}

@media (max-width: 767px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    width: 83%;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (max-width: 623px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    width: 79%;
  }
}

@media (max-width: 514px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    width: 72%;
  }
}

@media (max-width: 400px) {
  .leaderboard-section .sort-order-div div #order-select,
  .leaderboard-section .sort-order-div div #asc-select, .leaderboard-section .sort-order-div div #server-select {
    width: 65%;
  }
}

.leaderboard-section .sort-order-div div .refresh-btn {
  color: #010C3E;
  font-size: 0.9375rem;
  font-weight: medium;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  letter-spacing: 0.00438rem;
  position: relative;
  text-transform: uppercase;
}

[dir] .leaderboard-section .sort-order-div div .refresh-btn {
  background: white;
  border: 0.125rem solid #bb914a;
  border-radius: 0.4375rem;
  padding: 0.8rem 1.4rem;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 768px) {
  [dir] .leaderboard-section .sort-order-div div .refresh-btn {
    padding: 0.4rem 1.875rem;
  }
}

@media (max-width: 767px) {
  .leaderboard-section .sort-order-div div .refresh-btn {
    width: 100%;
    display: block;
  }

  [dir] .leaderboard-section .sort-order-div div .refresh-btn {
    margin: 0;
  }
}

.leaderboard-section .sort-order-div div .refresh-btn:hover {
  color: white;
}

[dir=ltr] .leaderboard-section .sort-order-div div .refresh-btn:hover {
  background: #010C3E 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .sort-order-div div .refresh-btn:hover {
  background: #010C3E 100% 0% no-repeat padding-box;
}

[dir=ltr] .leaderboard-section .sort-order-div div:nth-child(4) {
  margin-right: 0;
}

[dir=rtl] .leaderboard-section .sort-order-div div:nth-child(4) {
  margin-left: 0;
}

@media (max-width: 768px) {
  .leaderboard-section .sort-order-div div:nth-child(4) {
    width: auto;
  }

  [dir] .leaderboard-section .sort-order-div div:nth-child(4) {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .leaderboard-section .sort-order-div div:nth-child(4) {
    width: 100%;
  }

  [dir] .leaderboard-section .sort-order-div div:nth-child(4) {
    margin-top: 1.375rem;
  }
}

.leaderboard-section input::-webkit-calendar-picker-indicator {
  display: none !important;
}

.leaderboard-section input::-webkit-input-placeholder {
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.005rem;
  color: #A7B1C5;
  font-size: 1rem;
}

.leaderboard-section input::placeholder,
.leaderboard-section input::-webkit-input-placeholder,
.leaderboard-section input::-ms-input-placeholder {
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.005rem;
  color: #A7B1C5;
  font-size: 1rem;
}

.leaderboard-section .list-view .card {
  height: 7.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

[dir] .leaderboard-section .list-view .card {
  -webkit-box-shadow: 0 0.125rem 0.625rem rgba(16, 57, 175, 0.2196078431);
          box-shadow: 0 0.125rem 0.625rem rgba(16, 57, 175, 0.2196078431);
  border-radius: 1.5rem;
  padding: 1.25rem 0.9375rem 1.25rem 0.9375rem;
}

[dir=ltr] .leaderboard-section .list-view .card {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(75%, #FFFFFF), to(#F1F2F6)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 75%, #F1F2F6 100%) 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .list-view .card {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(75%, #FFFFFF), to(#F1F2F6)) 100% 0% no-repeat padding-box;
  background: transparent linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 75%, #F1F2F6 100%) 100% 0% no-repeat padding-box;
}

.leaderboard-section .list-view .card .row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.leaderboard-section .list-view .card .row .col-custom:nth-child(1) {
  width: 10%;
}

.leaderboard-section .list-view .card .row .col-custom:nth-child(2) {
  width: 20%;
}

.leaderboard-section .list-view .card .row .col-custom:nth-child(3) {
  width: 10%;
}

.leaderboard-section .list-view .card .row .col-custom:nth-child(4) {
  width: 15%;
}

.leaderboard-section .list-view .card .row .col-custom:nth-child(5) {
  width: 30%;
}

.leaderboard-section .list-view .card .row .col-custom:nth-child(6) {
  width: 15%;
}

.leaderboard-section .list-view .card .row .col-custom .avatar-img {
  width: 20%;
  position: relative;
}

.leaderboard-section .list-view .card .row .col-custom .avatar-img img {
  width: 3.5rem;
  height: 3.5rem;
}

[dir] .leaderboard-section .list-view .card .row .col-custom .avatar-img img {
  border-radius: 50%;
}

.leaderboard-section .list-view .card .row .col-custom .country-flag {
  position: absolute;
  top: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[dir] .leaderboard-section .list-view .card .row .col-custom .country-flag {
  border-radius: 50%;
}

[dir=ltr] .leaderboard-section .list-view .card .row .col-custom .country-flag {
  left: 2.5rem;
}

[dir=rtl] .leaderboard-section .list-view .card .row .col-custom .country-flag {
  right: 2.5rem;
}

.leaderboard-section .list-view .card .row .col-custom .country-flag img {
  height: 100%;
  width: auto;
}

.leaderboard-section .list-view .card .row .col-custom h4 {
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: medium;
  display: inline-block;
  line-height: 2rem;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
  font-size: 1.375rem;
  text-transform: uppercase;
}

[dir] .leaderboard-section .list-view .card .row .col-custom h4 {
  margin: 0;
  -webkit-background-clip: text;
}

[dir=ltr] .leaderboard-section .list-view .card .row .col-custom h4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
  background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}

[dir=rtl] .leaderboard-section .list-view .card .row .col-custom h4 {
  background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
  background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}

.leaderboard-section .list-view .card .row .col-custom p {
  font: normal normal normal 1.0625rem/1.4375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #8B96B6;
}

.leaderboard-section .list-view .card .row .col-custom p span {
  font: normal normal bold 1.0625rem/1.4375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #010D4B;
}

.leaderboard-section .list-view .card .row .col-custom .graph-div .svg-image {
  display: block;
}

[dir] .leaderboard-section .list-view .card .row .col-custom .graph-div .svg-image {
  margin: 0;
}

@media (max-width: 767px) {
  [dir] .leaderboard-section .list-view .card .row .col-custom .graph-div .svg-image {
    margin: inherit;
  }
}

[dir] .leaderboard-section .list-view .card .row .col-custom .graph-div .svg-image.active path {
  -webkit-animation-name: raise;
          animation-name: raise;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.leaderboard-section .list-view .card .row .col-custom .graph-div .svg-image svg {
  width: 100%;
  max-width: 100%;
  height: 4.9375rem;
}

@media (max-width: 767px) {
  [dir] .leaderboard-section .list-view .card .row .col-custom .graph-div .svg-image svg {
    margin: 1rem 0;
  }
}

.leaderboard-section .list-view .card .flexed-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.leaderboard-section .list-view .card .flexed-row .flexed-col-2 {
  width: 50%;
}

.leaderboard-section .list-view .card .flexed-row .flexed-col-2 .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 30%;
}

.leaderboard-section .list-view .card .flexed-row .flexed-col-2 .arrow img {
  width: 1rem;
  height: 1.5625rem;
}

@media (max-width: 991px) {
  .leaderboard-section .list-view .card .flexed-row .flexed-col-2 .arrow img {
    width: 0.5625rem;
    height: 0.875rem;
  }
}

[dir=ltr] .leaderboard-section .list-view .card .flexed-row .flexed-col-2:nth-child(2) {
  text-align: right;
}

[dir=rtl] .leaderboard-section .list-view .card .flexed-row .flexed-col-2:nth-child(2) {
  text-align: left;
}

.leaderboard-section .list-view .card .gold-border-btn {
  color: #010D4B;
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
}

[dir] .leaderboard-section .list-view .card .gold-border-btn {
  border: 0.125rem solid #BB914A;
  border-radius: 1.5625rem;
  padding: 0.5rem 1rem;
}

[dir=ltr] .leaderboard-section .list-view .card .gold-border-btn {
  background: #F8FAFD 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .list-view .card .gold-border-btn {
  background: #F8FAFD 100% 0% no-repeat padding-box;
}

@media (max-width: 1024px) {
  .leaderboard-section .list-view .card .gold-border-btn {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}

.leaderboard-section .list-view .card .gold-border-btn:hover {
  color: #fff;
}

[dir=ltr] .leaderboard-section .list-view .card .gold-border-btn:hover {
  background: #010C3E 0% 0% no-repeat padding-box;
}

[dir=rtl] .leaderboard-section .list-view .card .gold-border-btn:hover {
  background: #010C3E 100% 0% no-repeat padding-box;
}

[dir] .traders-col-skeleton .card {
  -webkit-box-shadow: 0 0.125rem 0.625rem rgba(16, 57, 175, 0.2196078431);
          box-shadow: 0 0.125rem 0.625rem rgba(16, 57, 175, 0.2196078431);
  border-radius: 1.5rem;
  padding: 1.25rem 0.9375rem 1.25rem 0.9375rem;
}

[dir=ltr] .traders-col-skeleton .card {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(75%, #FFFFFF), to(#F1F2F6)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 75%, #F1F2F6 100%) 0% 0% no-repeat padding-box;
}

[dir=rtl] .traders-col-skeleton .card {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(75%, #FFFFFF), to(#F1F2F6)) 100% 0% no-repeat padding-box;
  background: transparent linear-gradient(-180deg, #FFFFFF 0%, #FFFFFF 75%, #F1F2F6 100%) 100% 0% no-repeat padding-box;
}

.traders-col-skeleton .card .first-row .flexed-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.traders-col-skeleton .card .first-row .flexed-div .flex-col {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.traders-col-skeleton .card .first-row .flexed-div .flex-col:nth-child(1) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 30%;
}

.traders-col-skeleton .card .first-row .flexed-div .flex-col:nth-child(2) {
  -webkit-box-pack: flex-star;
      -ms-flex-pack: flex-star;
          justify-content: flex-star;
  width: 55%;
}

.traders-col-skeleton .card .first-row .flexed-div .flex-col:nth-child(3) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 15%;
}

.traders-col-skeleton .card .first-row .flexed-div .flex-col .avatar-img {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
}

[dir] .traders-col-skeleton .card .first-row .flexed-div .flex-col .avatar-img {
  border-radius: 50%;
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
}

[dir=ltr] .traders-col-skeleton .card .first-row .flexed-div .flex-col .avatar-img {
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .first-row .flexed-div .flex-col .avatar-img {
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

.traders-col-skeleton .card .first-row .flexed-div .flex-col .country-flag {
  position: absolute;
  top: 0;
  width: 1.5625rem !important;
  height: 1.5625rem !important;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[dir] .traders-col-skeleton .card .first-row .flexed-div .flex-col .country-flag {
  border-radius: 50%;
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
}

[dir=ltr] .traders-col-skeleton .card .first-row .flexed-div .flex-col .country-flag {
  left: 2.5rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .first-row .flexed-div .flex-col .country-flag {
  right: 2.5rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

.traders-col-skeleton .card .first-row .flexed-div .content h4 {
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  display: inline-block;
  line-height: 2rem;
  letter-spacing: 0;
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  height: 0.625rem;
  width: 16.9375rem;
}

[dir] .traders-col-skeleton .card .first-row .flexed-div .content h4 {
  margin: 0;
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
  padding: 0.625rem;
}

[dir=ltr] .traders-col-skeleton .card .first-row .flexed-div .content h4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .first-row .flexed-div .content h4 {
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

@media (max-width: 1200px) {
  .traders-col-skeleton .card .first-row .flexed-div .content h4 {
    font-size: 0.75rem;
  }
}

@media (max-width: 767px) {
  .traders-col-skeleton .card .first-row .flexed-div .content h4 {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    letter-spacing: 0.00188rem;
  }
}

.traders-col-skeleton .card .first-row .flexed-div .content p {
  font: normal normal normal 1.0625rem/1.4375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #8B96B6;
  height: 0.625rem;
}

[dir] .traders-col-skeleton .card .first-row .flexed-div .content p {
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
  padding: 0.625rem;
}

[dir=ltr] .traders-col-skeleton .card .first-row .flexed-div .content p {
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .first-row .flexed-div .content p {
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

@media (max-width: 1024px) {
  .traders-col-skeleton .card .first-row .flexed-div .content p {
    font: normal normal normal 0.8125rem/1.125rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

@media (max-width: 767px) {
  .traders-col-skeleton .card .first-row .flexed-div .content p {
    font: normal normal normal 0.6875rem/0.9375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

.traders-col-skeleton .card .second-row .flexed-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col:nth-child(1) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 30%;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col:nth-child(2) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 55%;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col:nth-child(3) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 15%;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image {
  display: block;
}

[dir] .traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image {
  margin: 0;
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
}

[dir=ltr] .traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image {
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image {
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

@media (max-width: 767px) {
  [dir] .traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image {
    margin: inherit;
  }
}

[dir] .traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image.active path {
  -webkit-animation-name: raise;
          animation-name: raise;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  [dir] .traders-col-skeleton .card .second-row .flexed-div .flex-col .graph-div .svg-image svg {
    margin: 1rem 0;
  }
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col .content {
  width: 80%;
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col .content h5 {
  font: normal normal normal 1.0625rem/1.4375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #8B96B6;
  height: 0.625rem;
}

[dir] .traders-col-skeleton .card .second-row .flexed-div .flex-col .content h5 {
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
  padding: 0.625rem;
  margin-bottom: 0.1875rem;
}

[dir=ltr] .traders-col-skeleton .card .second-row .flexed-div .flex-col .content h5 {
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .second-row .flexed-div .flex-col .content h5 {
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

@media (max-width: 1024px) {
  .traders-col-skeleton .card .second-row .flexed-div .flex-col .content h5 {
    font: normal normal normal 0.8125rem/1.125rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

@media (max-width: 767px) {
  .traders-col-skeleton .card .second-row .flexed-div .flex-col .content h5 {
    font: normal normal normal 0.6875rem/0.9375rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

.traders-col-skeleton .card .second-row .flexed-div .flex-col .content p {
  font: normal normal bold 1.1875rem/1.5625rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
  color: #010D4B;
  height: 0.625rem;
}

[dir] .traders-col-skeleton .card .second-row .flexed-div .flex-col .content p {
  padding: 0.625rem;
  background-size: 28.125rem 25rem;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
  background-repeat: no-repeat;
}

[dir=ltr] .traders-col-skeleton .card .second-row .flexed-div .flex-col .content p {
  background-image: -webkit-gradient(linear, left top, right top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to right, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

[dir=rtl] .traders-col-skeleton .card .second-row .flexed-div .flex-col .content p {
  background-image: -webkit-gradient(linear, right top, left top, from(#E8EAF3), color-stop(20%, #99AACE), color-stop(40%, #E8EAF3), to(#E8EAF3));
  background-image: linear-gradient(to left, #E8EAF3 0%, #99AACE 20%, #E8EAF3 40%, #E8EAF3 100%);
}

@media (max-width: 1000px) {
  .traders-col-skeleton .card .second-row .flexed-div .flex-col .content p {
    font-size: 1rem;
  }
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -28.125rem 0;
  }

  100% {
    background-position: 28.125rem 0;
  }
}

@keyframes  shimmer {
  0% {
    background-position: -28.125rem 0;
  }

  100% {
    background-position: 28.125rem 0;
  }
}

.opacity {
  height: 100vh;
}

[dir] .opacity {
  background: rgb(1, 13, 75) !important;
}</style>


<?php echo $_smarty_tpl->getSubTemplate ("footer1.tpl", $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), 0);

}
}
?>