<?php /* Smarty version 3.1.27, created on 2026-03-22 18:20:17
         compiled from "/home/crystala/veltrixholdingsltd.com/tmpl/custom/expert-traders.tpl" */ ?>
<?php
/*%%SmartyHeaderCode:181347485469c032e19d9397_32621456%%*/
if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    '44c616ca2d6c3a20ba0024f804e6451273d9cd9a' => 
    array (
      0 => '/home/crystala/veltrixholdingsltd.com/tmpl/custom/expert-traders.tpl',
      1 => 1773965798,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '181347485469c032e19d9397_32621456',
  'variables' => 
  array (
    'settings' => 0,
  ),
  'has_nocache_code' => false,
  'version' => '3.1.27',
  'unifunc' => 'content_69c032e1a01a51_22849363',
),false);
/*/%%SmartyHeaderCode%%*/
if ($_valid && !is_callable('content_69c032e1a01a51_22849363')) {
function content_69c032e1a01a51_22849363 ($_smarty_tpl) {
if (!is_callable('smarty_modifier_myescape')) require_once '/home/crystala/veltrixholdingsltd.com/inc/libs/smarty3/plugins/modifier.myescape.php';

$_smarty_tpl->properties['nocache_hash'] = '181347485469c032e19d9397_32621456';
$_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 INVESTORS</h1>
                    <p><?php echo smarty_modifier_myescape($_smarty_tpl->tpl_vars['settings']->value['site_name']);?>
 rates investors based on their performance, allowing you to follow and replicate the strategies of top crypto experts. Choose your preferred investor and copy their positions to maximize your 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>
                          “Having invested with Veltrix Holdings for several years, I’ve experienced exceptional platform reliability and powerful automated tools. The clear strategies and insightful market analysis make it easy to maximize returns. Following and sharing my positions has not only grown my portfolio but also helped other investors achieve consistent success.”
                        </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>
                         “Veltrix Holdings has transformed the way I invest. With automated strategies and a transparent platform, I can execute trades confidently and efficiently. The community of expert investors provides valuable insights, and copying successful strategies has consistently improved my returns. It’s been a game-changer for growing my investment portfolio.”
                        </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>
                         “My experience with Veltrix Holdings has been outstanding. The platform’s advanced tools and clear investment strategies allow me to make informed decisions with ease. I enjoy sharing my positions and seeing other investors benefit, while consistently growing my own portfolio. It’s the ideal environment for both learning and earning.”
                        </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>
                          “Investing through Veltrix Holdings has made managing my portfolio simpler and more effective. The automated systems, detailed market analysis, and ability to follow expert strategies have helped me achieve steady returns. It’s a reliable platform where my experience as an investor is both supported and rewarded.”
                        </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>
                         “Being an investor on Veltrix Holdings has been extremely rewarding. The platform’s automated strategies, transparent performance metrics, and supportive community make it easy to invest intelligently. Following top investors’ positions has enhanced my portfolio growth and given me confidence in executing high-quality investment decisions every day.”
                        </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>
                        “Veltrix Holdings combines innovation and simplicity in investing. The automated tools and expert-driven strategies allow me to optimize returns without stress. I can monitor my performance, replicate successful positions, and continuously refine my approach. It’s the perfect platform for both seasoned and aspiring investors seeking consistent growth.”
                        </div>
                    </div>
                </div>               
            </div>            
          </div>       
        </div>        
        </div>
        
      </div>
 
    </div>
    <br><br>
    <center id="rating-header" class="content-div"> <h1>+1933 MORE INVESTORS</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);

}
}
?>