- Scan ID:
- ee695710-c8b1-4794-b6bb-4a12983fc8d4Finished
- Submitted URL:
- http://currency-xchanges.com/Redirected
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://translate.google.com | Traductor de Google |
JavaScript Variables · 137 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | string |
| 1 | string |
| 2 | string |
| 3 | string |
| 4 | string |
| 5 | string |
| 6 | string |
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
Console log messages · 37 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | other |
|
| error | other |
|
| error | other |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="de" dir="ltr" style="visibility: visible; height: 100%;"><head><meta name="c_code" content="AE">
<title>Stocks, Forex, Metals, Shares, Indices Trading Broker | Currency-xchange</title>
<meta name="title" content="currency-xchange | Regulated Smart Trading">
<meta name="description" content="currency-xchange is a modern copy trading on financial markets for both — beginners and professionals. Learn conveniently and invest wisely!">
<meta name="keywords" content="copy,copytrading,stock,forex,options,pips">
<link rel="shortcut icon" href="assets/newfront/images/common/icons/new-fav-icons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="assets/newfront/images/common/icons/new-fav-icons/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="currency-xchange | Regulated Smart Trading">
<meta itemprop="name" content="currency-xchange | Regulated Smart Trading">
<meta itemprop="description" content="">
<meta itemprop="image" content="assets/images/seo/62e1644a6eaf71658938442.png">
<meta property="og:type" content="website">
<meta property="og:title" content="currency-xchange | Regulated Smart Trading">
<meta property="og:description" content="currency-xchange is a modern copy trading on financial markets for both — beginners and professionals. Learn conveniently and invest wisely!">
<meta property="og:image" content="assets/images/seo/62e1644a6eaf71658938442.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="450">
<meta property="og:image:height" content="236">
<meta property="og:url" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#080F20">
<!------------------------------------------------------- Favicons ------------------------------------------------------>
<link rel="icon" href="assets/newfront/images/common/icons/new-fav-icons/favicon.ico">
<!------------------------------------------------------- Favicons Ends --------------------------------------------->
<!-- Intel Tel Input 1201 -->
<link rel="stylesheet" href="https://cdn.multibankfx.com/library/css/intlTelInput.css">
<script type="text/javascript" charset="utf-8" async="" src="https://www.smartsuppchat.com/loader.js?"></script><script src="https://cdn.multibankfx.com/library/js/intlTelInput.min.js" type="text/javascript"></script>
<!-- JQuery -->
<script src="assets/newfront/static_js/jquery.min.js" type="text/javascript"></script>
<script src="assets/newfront/static_js/jquery.validate.min.js" type="text/javascript"></script>
<!-- Swiper -->
<!--<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />-->
<link rel="stylesheet" href="https://cdn.multibankfx.com/library/css/swiper-bundle.min.css?v=1">
<!-- <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js" type="text/javascript"></script>-->
<script src="https://cdn.multibankfx.com/library/js/swiper.min.js?v=1" type="text/javascript"></script>
<!-- Themify icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<!-- Script -->
<script type="text/javascript" src="assets/newfront/static_js/main.js"></script>
<!-- Global Styles -->
<style>*, *:before, *:after {
box-sizing: border-box;
}
body {
font-family: "NunitoSans",sans-serif !important;
line-height: 1.3333;
}
h1, h2, h3, h4, .tabs-slide-title, .product-title, .products-button, .trading-platforms-heading, .follow-success-heading, .ib-section-title, .advantage-section-title, .card-title, .security-of-funds-title, .security-of-funds-heading, .content-heading, .home-btn, .step-title, .how-to-title {
font-family: "NunitoSans",sans-serif !important;
}
p, li, .step-description, .content-body, .security-of-funds-body {
font-family: "NunitoSans",sans-serif !important;
font-size: 15px !important;
}
.iti {
display: block;
direction: ltr;
}
.iti:not(.iti--separate-dial-code) .iti__flag-container {
display: none;
}
.iti__country-list {
color: black;
}
[aria-activedescendant="iti-0__item-fr"] .iti__flag iti__fr, .iti__flag.iti__fr {
display: none;
}
.iti__flag {
display: none !important;
}
.iti__flag-box {
width: 0 !important;
}
</style>
<!-- Boostrap -->
<link href="assets/newfront/static_css/bootstrap-grid.min.css" rel="stylesheet">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Cairo:wght@200;300;400;600;700;900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<style>@font-face {
font-family: "Neo Sans Arabic";
src: url("assets/newfront/fonts/NeoSansArabic.eot");
src: url("assets/newfront/fonts/NeoSansArabic%EF%B9%96.eot#iefix") format("embedded-opentype"), url("assets/newfront/fonts/NeoSansArabic.woff2") format("woff2"), url("assets/newfront/fonts/NeoSansArabic.woff") format("woff"), url("assets/newfront/fonts/NeoSansArabic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;}
.overlay {
background-color: rgba(1, 9, 50, 0.7);
left: 0;
right: 0;
position: fixed;
bottom: 0;
top: 0;
z-index: 1000;
}
@media (max-width: 1000px) {
#main-navbar .navbar-logo img{
height: auto !important;
}
}
</style>
<script src="//code.tidio.co/sm1eokhd6qw3x4mjqwc6o3uew019cfy0.js" async=""></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://www.gstatic.com/_/translate_http/_/ss/k=translate_http.tr.26tY-h6gH9w.L.W.O/am=KBg/d=0/rs=AN8SPfrFqENNJiSriO76631eVsrfBUpwxg/m=el_main_css"><script type="text/javascript" charset="UTF-8" src="https://translate.googleapis.com/_/translate_http/_/js/k=translate_http.tr.es.Z9aJISVv-s4.O/am=AIA/d=1/exm=el_conf/ed=1/rs=AN8SPfp9j_yhQ19Nk4scxLFH4RJJ0XCOcQ/m=el_main"></script><style>/* empty */</style></head><body style="position: relative; min-height: 100%; top: 0px;">
<div id="main-navbar">
<div id="candles-loader-overlay" style="display: none;" class="overlay">
<div class="candles-loader" style="position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;">
<div class="candles-loader-candle"></div>
<div class="candles-loader-candle"></div>
<div class="candles-loader-candle"></div>
<div class="candles-loader-candle"></div>
</div>
</div>
<!-- add footer CFD notice for MEX Europe -->
<div class="navbar-toolbar">
<div class="navbar-section navbar-section-top d-none d-xxl-block">
<div class="row justify-content-between h-100">
<div class="col-auto align-self-stretch">
<div class="row g-0 h-100">
</div>
</div>
<div class="col-auto align-self-center">
<div class="row gx-2">
<div class="col-auto ">
<a class="navbar-btn navbar-btn-gold-outlined" href="?a=login">
Login
</a>
</div>
<div class="col-auto">
<a class="navbar-btn navbar-btn-gold-outlined login-mex" href="?a=signup">
Register
</a>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-section navbar-section-logo d-md-none">
<a class="navbar-logo-mobile navbar-logo-mobile-multibankfx" href="">
<picture style="
display: flex;
justify-content: center;
">
<img loading="lazy" src="assets/newfront/images/header-footer/logos/MultibankFxShortLogo2.png" alt="logos/MultibankFxShortLogo.svg">
</picture>
</a>
</div>
<div class="navbar-section navbar-section-bottom">
<div class="row align-items-center h-100">
<div class="col d-none d-md-block">
<a class="navbar-logo navbar-logo-multibankfx" href="">
<picture>
<img loading="lazy" src="assets/newfront/images/header-footer/logos/MultibankFxShortLogo.png" alt="logos/MultibankFxShortLogo.svg">
</picture>
</a>
</div>
<div class="col-auto ">
<div class="navbar-slide-item">
<ul class="navbar-link-list">
<li>
<a class="navbar-link Introducing Brokers" href="?a=home">
Home
</a>
</li>
<li>
<a class="navbar-link" data-nav-tab="about">
About
</a>
</li>
<li>
<a class="navbar-link" data-nav-tab="products">
Products
</a>
</li>
<li>
<a class="navbar-link" data-nav-tab="tools">
Tools / News
</a>
</li>
<li>
<a class="navbar-link Introducing Brokers" href="?a=partner">
Partnership
</a>
</li>
<li>
<a class="navbar-link Introducing Brokers" href="?a=support">
Contact Us
</a>
</li>
</ul>
</div>
<div class="navbar-slide-item">
<div class="row gx-2">
<div class="col-auto px-2 d-flex align-items-center">
<a class="navbar-link navbar-link-contact" href="?a=support">
Contact us
</a>
</div>
</div>
</div>
</div>
<div class="col-auto d-xxl-none navbar-mobile-slide">
<a class="navbar-mobile-slide-item navbar-btn navbar-btn-gold-outlined" href="?a=login">
Login / Register
</a>
<a class="navbar-mobile-slide-item navbar-logo-candels" href="../index.html">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="0.9174em" viewBox="0 0 27.97 25.66">
<defs>
<linearGradient id="candles-a" x1="19.82" y1="4.42" x2="30.87" y2="15.47" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#9f762e"></stop>
<stop offset=".2" stop-color="#fbc678"></stop>
<stop offset=".5" stop-color="#eaca86"></stop>
<stop offset=".8" stop-color="#bb9049"></stop>
<stop offset="1" stop-color="#9f762e"></stop>
</linearGradient>
<linearGradient id="candles-b" x1="12.25" y1="10.19" x2="23.3" y2="21.24" xlink:href="#candles-a"></linearGradient>
<linearGradient id="candles-c" x1="4.68" y1="4.42" x2="15.73" y2="15.47" xlink:href="#candles-a"></linearGradient>
<linearGradient id="candles-d" x1="-1.57" y1="11.6" x2="6.82" y2="19.99" xlink:href="#candles-a"></linearGradient>
</defs>
<path d="M22.72 2.58v14.74c0 1.42 1.18 2.57 2.62 2.57s2.63-1.16 2.63-2.57V2.58c0-1.42-1.18-2.58-2.63-2.58s-2.62 1.16-2.62 2.58" style="fill:url(#candles-a)"></path>
<path d="M15.15 8.35v14.73c0 1.43 1.18 2.58 2.62 2.58s2.63-1.15 2.63-2.58V8.35c0-1.43-1.18-2.58-2.63-2.58s-2.62 1.15-2.62 2.58" style="fill:url(#candles-b)"></path>
<path d="M7.57 2.58v14.74c0 1.42 1.18 2.57 2.63 2.57s2.63-1.16 2.63-2.57V2.58C12.83 1.16 11.65 0 10.2 0S7.57 1.16 7.57 2.58" style="fill:url(#candles-c)"></path>
<path d="M0 11.08v9.42c0 1.43 1.17 2.58 2.62 2.58s2.63-1.15 2.63-2.58v-9.42c0-1.42-1.17-2.58-2.63-2.58S0 9.66 0 11.08" style="fill:url(#candles-d)"></path>
</svg>
</a>
</div>
<div class="col-auto dfp-mobile-icon-button-col d-none">
<button class="dfp-mobile-icon-button">
<svg class="dfp-mobile-icon" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 15.2 27.45">
<g fill="none" stroke="currentColor" stroke-width="1.2px" stroke-linecap="round" stroke-linejoin="round">
<path d="M3.225.6h8.75A2.625 2.625 0 0 1 14.6 3.225v21a2.625 2.625 0 0 1-2.625 2.625h-8.75A2.625 2.625 0 0 1 .6 24.225v-21A2.625 2.625 0 0 1 3.225.6Z"></path>
<path d="M3.975.6h1.088c.2 0 .363.252.363.563h0c0 .621.325 1.125.725 1.125h2.9c.4 0 .725-.5.725-1.125h0c0-.311.162-.563.363-.563h1.088"></path>
</g>
<path class="dfp-mobile-icon-arrow" d="M 7.6740005,19.607 11.731,15.55 a 0.382,0.382 0 0 0 -0.539,-0.539 l -3.1349995,3.131 v -7.9 a 0.3825,0.3825 0 0 0 -0.765,0 v 7.9 l -3.132,-3.13 a 0.382,0.382 0 1 0 -0.539,0.539 z" fill="currentColor"></path>
</svg>
</button>
</div>
<div class="col-auto d-none">
<button class="navbar-menu-btn">
<i class="bi bi-list"></i>
</button>
</div>
</div>
</div>
</div>
<div class="nav-details" style="display: none;">
<div class="nav-details-container">
<div class="nav-details-content">
<div data-nav-tab="about" style="display: none">
<h2>About</h2>
<p>currency-xchange was established in California, USA, in 2005. Since then, we have evolved into one of the largest financial derivatives companies worldwide, with a current paid-up capital of over $322 million.</p>
</div>
<div data-nav-tab="products" style="display: none">
<h2>Products</h2>
<p>Trade currency-xchange's wide range of financial products.</p>
</div>
<div data-nav-tab="tools" style="display: none">
<h2>Tools</h2>
<p>currency-xchange offers simple yet powerful trading tools to help you manage your trade with ease and full control- all free of charge!</p>
</div>
</div>
<div class="nav-details-links">
<div data-nav-tab="about" class="nav-details-item" style="display: none">
<div class="nav-details-header">
<div>
About
</div>
</div>
<ul>
<li>
<a class="navbar-link Why MultiCopy Trade" href="?a=about" data-id="about/why-multibank-group">
Why currency-xchange Trade
</a>
</li>
<li>
<a class="navbar-link Regulations" href="?a=regulations" data-id="about/regulations">
Regulations
</a>
</li>
<li>
<a class="navbar-link Security of Funds" href="?a=expert-traders" data-id="about/security-of-funds">
Expert Traders
</a>
</li>
<li>
<a class="navbar-link Career" href="?a=career" data-id="about/career">
Career
</a>
</li>
<li>
<a class="navbar-link Career" href="?a=support" data-id="about/career">
Contact Us
</a>
</li>
</ul>
</div>
<div data-nav-tab="products" class="nav-details-item" style="display: none">
<div class="nav-details-header">
<div>
Products
</div>
</div>
<ul>
<li>
<a class="navbar-link Forex" href="?a=social-copy-trading" data-id="products/forex">
Social CopyTrading
</a>
</li>
<li>
<a class="navbar-link Forex" href="?a=forex" data-id="products/forex">
Forex
</a>
</li>
<li>
<a class="navbar-link Metals" href="?a=forex" data-id="products/metals">
Metals
</a>
</li>
<li>
<a class="navbar-link Shares" href="?a=stocks-shares" data-id="products/shares">
Shares
</a>
</li>
<li>
<a class="navbar-link Indices" href="?a=indices" data-id="products/indices">
Indices
</a>
</li>
<li>
<a class="navbar-link Commodities" href="?a=commodities" data-id="products/commodities">
Commodities
</a>
</li>
<li>
<a class="navbar-link Cryptocurrencies" href="?a=crypto" data-id="products/cryptocurrencies">
Cryptocurrencies
</a>
</li>
<li>
<a class="navbar-link Forex" href="?a=realestate" data-id="products/realestate">
Real Estate
</a>
</li>
<li>
<a class="navbar-link Forex" href="?a=infrastructure" data-id="products/forex">
Infrastructure
</a>
</li>
</ul>
</div>
<div data-nav-tab="tools" class="nav-details-item" style="display: none">
<div class="nav-details-header">
<div>
Tools
</div>
</div>
<ul>
<li>
<a class="navbar-link Economic Calendar" href="?a=news-insight" data-id="tools/economic-calendar">
News Insight
</a>
</li>
<li>
<a class="navbar-link Trading Tools" href="?a=trading-tools" data-id="tools/trading-tools">
Trading Tools
</a>
</li>
<li>
<a class="navbar-link Trading Conditions" href="?a=trading-conditions" data-id="tools/trading-conditions">
Trading Conditions
</a>
</li>
</ul>
</div>
</div>
<div class="nav-details-open-account">
<div class="nav-details-header">OPEN AN ACCOUNT</div>
<div class="nav-details-body">
<a href="?a=signup">
<picture>
<source srcset="assets/newfront/images/header-footer/banners/menu_banner-en.webp 1x, assets/newfront/images/header-footer/banners/[email protected] 2x" type="image/webp" alt="menu-icon">
<source srcset="assets/newfront/images/header-footer/banners/menu_banner-en.png 1x, assets/newfront/images/header-footer/banners/[email protected] 2x" type="image/png" alt="menu-icon">
<img loading="lazy" src="assets/newfront/images/header-footer/banners/menu_banner-en.webp" alt="menu-icon">
</picture>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="side-menu-overlay" style="display: none;"></div>
<aside id="side-menu" style="display: none;">
<div class="head">
<button class="close-button">
<i class="bi bi-x-lg"></i>
</button>
</div>
<div class="menu-buttons">
<a class="menu-btn menu-btn-dark-blue" href="?a=home">
<div class="button-text">
Go Home
</div>
</a>
<a class="menu-btn menu-btn-gold " href="?a=login">
<div class="button-text">
Login
</div>
</a>
<a class="menu-btn menu-btn-gold buttons-join " href="?a=signup">
<div class="button-text buttons-join-text">
Register
</div>
</a>
</div>
<div class="menu-list">
<div class="menu-item-group">
<button class="menu-item-btn">
About
<i class="bi bi-chevron-down"></i>
</button>
<div class="menu-item-links" style="height: 0px;">
<a href="?a=about">
Why currency-xchange Trade
</a>
<a href="?a=regulations">
Regulations
</a>
<a href="?a=expert-traders">
Expert Traders
</a>
<a href="?a=career">
Career
</a>
</div>
</div>
<div class="menu-item-group">
<button class="menu-item-btn">
Products
<i class="bi bi-chevron-down"></i>
</button>
<div class="menu-item-links" style="height: 0px;">
<a href="?a=social-copy-trading">
Social CopyTrading
</a>
<a href="?a=forex">
Forex
</a>
<a href="?a=forex">
Metals
</a>
<a href="?a=stocks-shares">
Shares
</a>
<a href="?a=indices">
Indices
</a>
<a href="?a=commodities">
Commodities
</a>
<a href="?a=crypto">
Cryptocurrencies
</a>
<a href="?a=realestate">
Real Estate
</a>
<a href="?a=infrastructure">
Infrastructure
</a>
</div>
</div>
<div class="menu-item-group">
<button class="menu-item-btn">
Tools / News
<i class="bi bi-chevron-down"></i>
</button>
<div class="menu-item-links" style="height: 0px;">
<a href="?a=news-insight">
News Insight
</a>
<a href="?a=trading-tools">
Trading Tools
</a>
<a href="?a=trading-conditions">
Trading Conditions
</a>
</div>
</div>
<div class="menu-item-group">
<a class="menu-item-btn" href="?a=partner">
Partnership
</a>
</div>
<div class="menu-item-group">
<a class="menu-item-btn" href="?a=support">
Contact us
</a>
</div>
</div>
<div class="menu-buttons d-none">
<a class="menu-btn menu-btn-dark-blue" href="account/demo-account.html">
<div class="button-text">
Open Demo Account
</div>
</a>
</div>
</aside>
<script>
var language = "en"
var contactCountries = [{"isoCode":"IE","phone":"1800851756","flagKey":"ireland","phoneLink":"tel:1800851756"},{"isoCode":"AU","phone":"+1 646-568-9702","flagKey":"australia","phoneLink":"tel:+1 646-568-9702"},{"isoCode":"CN","phone":"+400 120 0397","flagKey":"china","phoneLink":"tel:+400 120 0397"},{"isoCode":"KR","phone":"003084910121","flagKey":"south-korea","phoneLink":"tel:003084910121"},{"isoCode":"TW","phone":"00801491713","flagKey":"taiwan","phoneLink":"tel:00801491713"},{"isoCode":"TH","phone":"1 800 012 300","flagKey":"thailand","phoneLink":"tel:1 800 012 300"},{"isoCode":"ID","phone":"800 1401925","flagKey":"indonesia","phoneLink":"tel:800 1401925"},{"isoCode":"ZA","phone":"0800990018","flagKey":"south_africa","phoneLink":"tel:0800990018"},{"isoCode":"US","phone":"+1 646-568-9702","flagKey":"usa","phoneLink":"tel:+1 646-568-9702"},{"isoCode":"CA","phone":" +1 800828-3659","flagKey":"canada","phoneLink":"tel: +1 800828-3659"},{"isoCode":"KY","phone":"+1 646 568 9702","flagKey":"cayman_island","phoneLink":"tel:+1 646 568 9702"},{"isoCode":"AR","phone":"8003451311","flagKey":"argentina","phoneLink":"tel:8003451311"},{"isoCode":"CL","phone":"800914105","flagKey":"chile","phoneLink":"tel:800914105"},{"isoCode":"CO","phone":"+57 8007550131","flagKey":"colombia","phoneLink":"tel:+57 8007550131"},{"isoCode":"CH","phone":"+44 330 808 4315","flagKey":"switzerland","phoneLink":"tel:+44 330 808 4315"},{"isoCode":"IN","phone":"000800 919 0828","flagKey":"india","phoneLink":"tel:000800 919 0828"},{"isoCode":"RU","phone":"800 080-50-67","flagKey":"russia","phoneLink":"tel:800 080-50-67"},{"isoCode":"AF","phone":"+1 833-291-1788","flagKey":"flag-afghanistan","phoneLink":"tel:+1 833-291-1788"},{"isoCode":"BD","phone":"88009610998507","flagKey":"flag-bangladesh","phoneLink":"tel:88009610998507"},{"isoCode":"IR","phone":"+18332911788","flagKey":"flag-iran","phoneLink":"tel:+18332911788"},{"isoCode":"KW","phone":"+1 833-291-1788","flagKey":"flag-kuwait","phoneLink":"tel:+1 833-291-1788"},{"isoCode":"QA","phone":"800100111","flagKey":"flag-qatar","phoneLink":"tel:800100111"},{"isoCode":"LK","phone":"940720987139","flagKey":"flag-sri","phoneLink":"tel:940720987139"},{"isoCode":"NG","phone":"+2349095001480","flagKey":"nigeria","phoneLink":"tel:+2349095001480"},{"isoCode":"JO","phone":"+962 6 5201233","flagKey":"jordan","phoneLink":"tel:+962 6 5201233"},{"isoCode":"BY","phone":"882004910064","flagKey":"flag-belarus","phoneLink":"tel:882004910064"},{"isoCode":"SV","phone":"50321366634","flagKey":"flag-el-salvador","phoneLink":"tel:50321366634"},{"isoCode":"GE","phone":"800100253","flagKey":"flag-georgia","phoneLink":"tel:800100253"},{"isoCode":"GT","phone":"50224581853","flagKey":"flag-guatemala","phoneLink":"tel:50224581853"},{"isoCode":"PY","phone":"009800110524","flagKey":"flag-paraguay","phoneLink":"tel:009800110524"},{"isoCode":"RS","phone":"800301152","flagKey":"flag-serbia","phoneLink":"tel:800301152"},{"isoCode":"UZ","phone":"8001201262","flagKey":"flag-uzbekistan","phoneLink":"tel:8001201262"},{"isoCode":"HK","phone":"800908484","flagKey":"hong-kong","phoneLink":"tel:800908484"},{"isoCode":"PA","phone":"8000246","flagKey":"panama","phoneLink":"tel:8000246"},{"isoCode":"PR","phone":"1 787 9197495","flagKey":"puerto-rico","phoneLink":"tel:1 787 9197495"},{"isoCode":"TR","phone":"800 621 2402","flagKey":"turkey","phoneLink":"tel:800 621 2402"},{"isoCode":"VE","phone":"8001007237","flagKey":"venezuela","phoneLink":"tel:8001007237"},{"isoCode":"CR","phone":"8001215011","phoneLink":"tel:8001215011"},{"isoCode":"HU","phone":"80088 566","phoneLink":"tel:80088 566"},{"isoCode":"SK","phone":"+421 800601526","phoneLink":"tel:+421 800601526"},{"isoCode":"KH","phone":"+855 23 962 513","phoneLink":"tel:+855 23 962 513"},{"isoCode":"LV","phone":"80 000 035","phoneLink":"tel:80 000 035"},{"isoCode":"SI","phone":"80083133","phoneLink":"tel:80083133"},{"isoCode":"VN","phone":"120-32-414","flagKey":"vietnam","phoneLink":"tel:120-32-414"},{"isoCode":"MA","phone":"80-0094256","phoneLink":"tel:80-0094256"},{"isoCode":"KZ","phone":"8 800 080-81-72","flagKey":"kazakhstan","phoneLink":"tel:8 800 080-81-72"},{"isoCode":"KG","phone":"00800-13337-290","phoneLink":"tel:00800-13337-290"},{"isoCode":"MX","phone":"+52 81 2722 6660","flagKey":"mexico","phoneLink":"tel:+52 81 2722 6660"},{"isoCode":"BG","phone":"+359 80046295","phoneLink":"tel:+359 80046295"},{"isoCode":"MD","phone":"800 63102","phoneLink":"tel:800 63102"},{"isoCode":"SA","phone":"800 850 0717","flagKey":"flag-saudi","phoneLink":"tel:800 850 0717"},{"isoCode":"OM","phone":"800 77258","flagKey":"flag-oman","phoneLink":"tel:800 77258"},{"isoCode":"BH","phone":"800 80448","flagKey":"bahrain","phoneLink":"tel:800 80448"},{"isoCode":"EG","phone":"800 006 0342","flagKey":"flag-egypt","phoneLink":"tel:800 006 0342"},{"isoCode":"PK","phone":"800-90-044-431","flagKey":"pakistan","phoneLink":"tel:800-90-044-431"},{"isoCode":"BN","phone":"+673 801 4479","phoneLink":"tel:+673 801 4479"},{"isoCode":"PH","phone":"+63 1800 1 322 0213","flagKey":"philippines","phoneLink":"tel:+63 1800 1 322 0213"},{"isoCode":"LT","phone":"800 00 488","phoneLink":"tel:800 00 488"},{"isoCode":"RO","phone":"800 360 643","phoneLink":"tel:800 360 643"},{"isoCode":"UY","phone":"+598 413 598 5678","phoneLink":"tel:+598 413 598 5678"},{"isoCode":"EC","phone":"+593 1800 001 354","flagKey":"icon-flags/flag-ecuador%20","phoneLink":"tel:+593 1800 001 354"},{"isoCode":"EE","phone":"8002 015","phoneLink":"tel:8002 015"},{"isoCode":"HR","phone":"800 200 373","phoneLink":"tel:800 200 373"},{"isoCode":"PT","phone":"800 180 288","phoneLink":"tel:800 180 288"},{"isoCode":"ES","phone":"900 948 091","phoneLink":"tel:900 948 091"},{"isoCode":"UA","phone":"800 800 163","flagKey":"icon-flags/flag-ukraine","phoneLink":"tel:800 800 163"},{"isoCode":"BE","phone":"800 54 871","phoneLink":"tel:800 54 871"},{"isoCode":"BR","phone":"800 878 4081","flagKey":"brazil","phoneLink":"tel:800 878 4081"},{"isoCode":"CZ","phone":"800 012 031","phoneLink":"tel:800 012 031"},{"isoCode":"MY","phone":"1-800-81-9231","flagKey":"malaysia","phoneLink":"tel:1-800-81-9231"},{"isoCode":"PE","phone":"800 78106","flagKey":"icon-flags/flag-peru","phoneLink":"tel:800 78106"},{"isoCode":"PL","phone":"800 088 020","phoneLink":"tel:800 088 020"},{"isoCode":"IT","phone":"800 725 905","phoneLink":"tel:800 725 905"},{"isoCode":"LA","phone":"+8562099915700","phoneLink":"tel:+8562099915700"}];
var contactCountriesFallback = "US";
var contactCountriesDefault = null;
var translations = {
"clear-all": "contact-us.headings.clear-all",
"upload": "contact-us.headings.upload",
"upload-mobile": "contact-us.headings.upload-mobile",
"code-invalid": "Invalid SMS Code",
"code-verified": "Code Verified",
"send-code": "Send OTP",
"send-again": "Send Again",
"code-already-sent": "Code already sent. Try again after 30 seconds.",
"sms-input-placeholder": "Enter code",
"server-unreachable": "Server unreachable.",
}
;
</script>
<style>
body {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
}
[dir] body {
margin: 0;
}
body :lang(ar) {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif !important;
}
:lang(ar) input::-webkit-input-placeholder {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif !important;
}
:lang(ar) input:-ms-input-placeholder {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif !important;
}
:lang(ar) input:-moz-placeholder {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif !important;
}
:lang(ar) input::-moz-placeholder {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif !important;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#side-menu-overlay {
position: fixed;
z-index: 200;
top: 0;
bottom: 0;
opacity: 0;
}
[dir] #side-menu-overlay {
left: 0;
right: 0;
background-color: rgba(1, 9, 50, 0.7);
-webkit-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
#side-menu-overlay.active {
opacity: 1;
}
#side-menu {
position: fixed;
z-index: 200;
top: 0;
bottom: 0;
width: 20rem;
max-width: 100vw;
color: #03105f;
overflow-y: auto;
}
[dir] #side-menu {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background-color: white;
-webkit-transition: -webkit-transform 250ms ease-out;
transition: -webkit-transform 250ms ease-out;
transition: transform 250ms ease-out;
transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
}
[dir=ltr] #side-menu {
right: 0;
-webkit-box-shadow: -0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.8);
box-shadow: -0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.8);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
[dir=rtl] #side-menu {
left: 0;
-webkit-box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.8);
box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.8);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
[dir] #side-menu.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#side-menu button {
color: inherit;
font: inherit;
}
[dir] #side-menu button {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
}
#side-menu button:focus {
outline: none;
}
#side-menu .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] #side-menu .head {
padding-left: 1.8125rem;
padding-right: 1.8125rem;
}
#side-menu .head .language-menu-button {
font-size: 1rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
height: 1.5rem;
line-height: 1.5rem;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] #side-menu .head .language-menu-button {
cursor: pointer;
}
#side-menu .head .language-menu-button i {
font-weight: bolder;
font-size: 0.8em;
color: #bb914a;
}
[dir] #side-menu .head .language-menu-button i {
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
[dir=ltr] #side-menu .head .language-menu-button i {
margin-left: 0.75rem;
}
[dir=rtl] #side-menu .head .language-menu-button i {
margin-right: 0.75rem;
}
[dir=ltr] #side-menu .head .language-menu-button.active i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
[dir=rtl] #side-menu .head .language-menu-button.active i {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#side-menu .head .close-button {
line-height: 1;
}
[dir] #side-menu .head .close-button {
cursor: pointer;
}
[dir=ltr] #side-menu .head .close-button {
margin-left: auto;
}
[dir=rtl] #side-menu .head .close-button {
margin-right: auto;
}
#side-menu .head .close-button i {
font-weight: bolder;
font-size: 0.95em;
}
#side-menu .language-menu {
overflow-y: hidden;
}
[dir] #side-menu .language-menu {
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out;
}
#side-menu .language-menu a {
display: block;
height: 2.25rem;
text-decoration: none;
color: inherit;
text-transform: uppercase;
line-height: 2.25rem;
font-size: 0.875rem;
font-weight: 500;
}
[dir] #side-menu .language-menu a {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
#side-menu .language-menu a:hover {
color: #bb914a;
}
[dir] #side-menu .menu-list {
margin-top: 1.25rem;
}
[dir] #side-menu .menu-list .menu-item-group {
border-color: #dadada;
border-style: solid;
border-width: 0.0625rem 0 0 0;
border-radius: 0;
}
#side-menu .menu-list .menu-item-group .menu-item-btn {
font: inherit;
color: inherit;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 2.5rem;
text-transform: uppercase;
font-weight: 500;
font-size: 1rem;
}
[dir] #side-menu .menu-list .menu-item-group .menu-item-btn {
padding-left: 1.8125rem;
padding-right: 1.8125rem;
cursor: pointer;
-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#side-menu .menu-list .menu-item-group .menu-item-btn i {
color: #bb914a;
}
[dir] #side-menu .menu-list .menu-item-group .menu-item-btn i {
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
#side-menu .menu-list .menu-item-group .menu-item-links {
overflow-y: hidden;
}
[dir] #side-menu .menu-list .menu-item-group .menu-item-links {
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out;
}
#side-menu .menu-list .menu-item-group .menu-item-links a {
display: block;
color: inherit;
text-transform: uppercase;
text-decoration: none;
line-height: 2.25rem;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
[dir] #side-menu .menu-list .menu-item-group .menu-item-links a {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
#side-menu .menu-list .menu-item-group .menu-item-links a:hover {
color: #010D4B;
}
[dir] #side-menu .menu-list .menu-item-group:last-of-type {
border-bottom-width: 0.0625rem;
}
#side-menu .menu-list .menu-item-group:hover .menu-item-btn, #side-menu .menu-list .menu-item-group.active .menu-item-btn {
color: white;
}
[dir] #side-menu .menu-list .menu-item-group:hover .menu-item-btn, [dir] #side-menu .menu-list .menu-item-group.active .menu-item-btn {
background-color: #010D4B;
}
#side-menu .menu-list .menu-item-group:hover .menu-item-btn i, #side-menu .menu-list .menu-item-group.active .menu-item-btn i {
color: inherit;
}
[dir=ltr] #side-menu .menu-list .menu-item-group.active .menu-item-btn i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
[dir=rtl] #side-menu .menu-list .menu-item-group.active .menu-item-btn i {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
[dir] #side-menu .menu-buttons {
margin-top: 1.25rem;
padding-left: 1.8125rem;
padding-right: 1.8125rem;
}
#side-menu .menu-buttons .menu-btn {
height: 2.75rem;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1rem;
color: inherit;
}
[dir] #side-menu .menu-buttons .menu-btn {
border-radius: 0.4375rem;
margin-bottom: 0.625rem;
padding-left: 1rem;
padding-right: 1rem;
border-width: 0.0625rem;
border-style: solid;
background-color: white;
}
#side-menu .menu-buttons .menu-btn .button-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#side-menu .menu-buttons .menu-btn .button-icon i, #side-menu .menu-buttons .menu-btn .button-icon svg {
display: block;
}
#side-menu .menu-buttons .menu-btn .button-text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
[dir] #side-menu .menu-buttons .menu-btn .button-text {
text-align: center;
}
#side-menu .menu-buttons .menu-btn .button-text.buttons-join-text {
white-space: normal;
}
[dir] #side-menu .menu-buttons .menu-btn:last-of-type {
margin-bottom: 0;
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-gold, [dir] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue, [dir] #side-menu .menu-buttons .menu-btn.menu-btn-gray, [dir] #side-menu .menu-buttons .menu-btn.menu-btn-blue {
background-size: 200% auto;
-webkit-transition: background-position 300ms ease-in-out;
transition: background-position 300ms ease-in-out;
}
[dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-gold, [dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue, [dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-gray, [dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-blue {
background-position: left;
}
[dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-gold, [dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue, [dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-gray, [dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-blue {
background-position: right;
}
[dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-gold:hover, [dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue:hover, [dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-gray:hover, [dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-blue:hover {
background-position: right;
}
[dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-gold:hover, [dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue:hover, [dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-gray:hover, [dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-blue:hover {
background-position: left;
}
#side-menu .menu-buttons .menu-btn.menu-btn-dark-blue {
color: white;
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue {
border-color: #000832;
background-color: #010f54;
}
[dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue {
background-image: -webkit-gradient(linear, left top, right top, from(#031677), color-stop(25%, #010f54), color-stop(50%, #000832), color-stop(75%, #010f54), to(#031677));
background-image: linear-gradient(90deg, #031677 0%, #010f54 25%, #000832 50%, #010f54 75%, #031677 100%);
}
[dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-dark-blue {
background-image: -webkit-gradient(linear, right top, left top, from(#031677), color-stop(25%, #010f54), color-stop(50%, #000832), color-stop(75%, #010f54), to(#031677));
background-image: linear-gradient(-90deg, #031677 0%, #010f54 25%, #000832 50%, #010f54 75%, #031677 100%);
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-gold {
border-color: #d5ab64;
background-color: #ebcc64;
}
[dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-gold {
background-image: -webkit-gradient(linear, left top, right top, from(#ffef98), color-stop(25%, #ebcc64), color-stop(50%, #bb914a), color-stop(75%, #ebcc64), to(#ffef98));
background-image: linear-gradient(90deg, #ffef98 0%, #ebcc64 25%, #bb914a 50%, #ebcc64 75%, #ffef98 100%);
}
[dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-gold {
background-image: -webkit-gradient(linear, right top, left top, from(#ffef98), color-stop(25%, #ebcc64), color-stop(50%, #bb914a), color-stop(75%, #ebcc64), to(#ffef98));
background-image: linear-gradient(-90deg, #ffef98 0%, #ebcc64 25%, #bb914a 50%, #ebcc64 75%, #ffef98 100%);
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-gray {
border-color: #b7b8c6;
background-color: #d7d8de;
}
[dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-gray {
background-image: -webkit-gradient(linear, left top, right top, from(#eeeeee), color-stop(25%, #d7d8de), color-stop(50%, #9091a3), color-stop(75%, #d7d8de), to(#eeeeee));
background-image: linear-gradient(90deg, #eeeeee 0%, #d7d8de 25%, #9091a3 50%, #d7d8de 75%, #eeeeee 100%);
}
[dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-gray {
background-image: -webkit-gradient(linear, right top, left top, from(#eeeeee), color-stop(25%, #d7d8de), color-stop(50%, #9091a3), color-stop(75%, #d7d8de), to(#eeeeee));
background-image: linear-gradient(-90deg, #eeeeee 0%, #d7d8de 25%, #9091a3 50%, #d7d8de 75%, #eeeeee 100%);
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-white {
border-color: #d5ab64;
background-color: white;
-webkit-transition: background-color 300ms ease-in-out;
transition: background-color 300ms ease-in-out;
}
#side-menu .menu-buttons .menu-btn.menu-btn-white:hover {
color: white;
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-white:hover {
background-color: #010d4b;
}
#side-menu .menu-buttons .menu-btn.menu-btn-blue {
color: white;
}
[dir] #side-menu .menu-buttons .menu-btn.menu-btn-blue {
border-color: #3aadd1;
background-color: #10b9d4;
}
[dir=ltr] #side-menu .menu-buttons .menu-btn.menu-btn-blue {
background-image: -webkit-gradient(linear, left top, right top, from(#2fd7f2), color-stop(25%, #10b9d4), color-stop(50%, #006991), color-stop(75%, #10b9d4), to(#2fd7f2));
background-image: linear-gradient(90deg, #2fd7f2 0%, #10b9d4 25%, #006991 50%, #10b9d4 75%, #2fd7f2 100%);
}
[dir=rtl] #side-menu .menu-buttons .menu-btn.menu-btn-blue {
background-image: -webkit-gradient(linear, right top, left top, from(#2fd7f2), color-stop(25%, #10b9d4), color-stop(50%, #006991), color-stop(75%, #10b9d4), to(#2fd7f2));
background-image: linear-gradient(-90deg, #2fd7f2 0%, #10b9d4 25%, #006991 50%, #10b9d4 75%, #2fd7f2 100%);
}
#side-menu .menu-buttons .menu-btn.buttons-join {
height: auto;
}
[dir] #side-menu .menu-buttons .menu-btn.buttons-join {
padding: 0.625rem 1rem;
}
:root {
--navbar-height: 7.5rem;
}
:root.main-navbar-scrolled {
--navbar-height: 4rem;
}
@media (min-width: 768px) {
:root {
--navbar-height: 5rem;
}
}
@media (min-width: 1400px) {
:root {
--navbar-height: 7.5rem;
}
}
[dir] body {
padding-top: var(--navbar-height);
}
#main-navbar {
position: fixed;
top: 0;
z-index: 101;
color: white;
}
[dir] #main-navbar {
left: 0;
right: 0;
}
[dir=ltr] #main-navbar {
background-image: -webkit-gradient(linear, left top, right top, from(#020862), to(#000832));
background-image: linear-gradient(90deg, #020862 0%, #000832 100%);
}
[dir=rtl] #main-navbar {
background-image: -webkit-gradient(linear, right top, left top, from(#020862), to(#000832));
background-image: linear-gradient(-90deg, #020862 0%, #000832 100%);
}
#main-navbar .mex-global-btn-container .mex-global-lang-btn {
color: #020862;
font-weight: 500;
font-size: 0.875rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
line-height: 2.375em;
}
[dir] #main-navbar .mex-global-btn-container .mex-global-lang-btn {
border: 0.0625rem solid #bb914a;
background-color: #bb914a;
background-size: 200% auto;
-webkit-transition: background-position 200ms ease-in-out;
transition: background-position 200ms ease-in-out;
-webkit-box-shadow: 0 0 0 0.0625rem #bb914a inset;
box-shadow: 0 0 0 0.0625rem #bb914a inset;
border-radius: 0.4167em;
padding: 0 1.25em 0 1.25em;
}
[dir=ltr] #main-navbar .mex-global-btn-container .mex-global-lang-btn {
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: left center;
}
[dir=rtl] #main-navbar .mex-global-btn-container .mex-global-lang-btn {
background-image: -webkit-gradient(linear, right top, left top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(-90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: right center;
}
[dir=ltr] #main-navbar .mex-global-btn-container .mex-global-lang-btn:hover {
background-position: right center;
}
[dir=rtl] #main-navbar .mex-global-btn-container .mex-global-lang-btn:hover {
background-position: left center;
}
#main-navbar .dfp-mobile-icon-button-col {
display: none;
}
#main-navbar .dfp-mobile-icon-button {
display: block;
}
#main-navbar .navbar-toolbar {
height: var(--navbar-height);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
[dir] #main-navbar .navbar-toolbar {
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out;
}
}
[dir] #main-navbar .navbar-section {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 768px) {
[dir] #main-navbar .navbar-section {
-webkit-transition: border-top-color 200ms ease-in-out, height 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
transition: border-top-color 200ms ease-in-out, height 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
transition: border-top-color 200ms ease-in-out, height 200ms ease-in-out, transform 200ms ease-in-out;
transition: border-top-color 200ms ease-in-out, height 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
}
[dir] #main-navbar .navbar-section + .navbar-section {
border-top: 0.0625rem solid #363d6b;
}
#main-navbar .navbar-section-logo {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#main-navbar .navbar-section-top {
font-size: 0.75rem;
height: 2.8125rem;
}
#main-navbar .navbar-section-top .navbar-btn {
font-size: 0.875rem;
}
#main-navbar .navbar-section-top {
overflow: hidden;
}
[dir] #main-navbar .navbar-section-top {
-webkit-transform-origin: top center;
transform-origin: top center;
}
[dir] #main-navbar .navbar-section-bottom {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
#main-navbar .navbar-section-bottom {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir] #main-navbar .navbar-section-bottom {
padding-top: 0;
padding-bottom: 0;
}
}
#main-navbar button {
display: block;
color: inherit;
font: inherit;
}
[dir] #main-navbar button {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
cursor: pointer;
}
#main-navbar button:focus {
outline: none;
}
#main-navbar .navbar-link {
color: white;
text-decoration: none;
}
#main-navbar .navbar-link:hover, #main-navbar .navbar-link:focus {
color: #bb914a;
}
#main-navbar .navbar-link-contact {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 0.875rem;
}
#main-navbar .navbar-btn {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: inherit;
line-height: 2.375em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] #main-navbar .navbar-btn {
border-radius: 0.4167em;
padding-left: 1.25em;
padding-right: 1.25em;
-webkit-transition: background-color 250ms ease-in-out;
transition: background-color 250ms ease-in-out;
}
#main-navbar .navbar-btn.navbar-btn-gold {
color: #020862;
font-weight: 500;
}
[dir] #main-navbar .navbar-btn.navbar-btn-gold {
background-color: #bb914a;
background-size: 200% auto;
-webkit-transition: background-position 200ms ease-in-out;
transition: background-position 200ms ease-in-out;
-webkit-box-shadow: 0 0 0 0.0625rem #BB914A inset;
box-shadow: 0 0 0 0.0625rem #BB914A inset;
}
[dir=ltr] #main-navbar .navbar-btn.navbar-btn-gold {
background-image: -webkit-gradient(linear, left top, right top, from(#FFE098), color-stop(25%, #EBBE64), color-stop(50%, #bb914a), color-stop(75%, #EBBE64), to(#FFE098));
background-image: linear-gradient(90deg, #FFE098 0%, #EBBE64 25%, #bb914a 50%, #EBBE64 75%, #FFE098 100%);
background-position: left center;
}
[dir=rtl] #main-navbar .navbar-btn.navbar-btn-gold {
background-image: -webkit-gradient(linear, right top, left top, from(#FFE098), color-stop(25%, #EBBE64), color-stop(50%, #bb914a), color-stop(75%, #EBBE64), to(#FFE098));
background-image: linear-gradient(-90deg, #FFE098 0%, #EBBE64 25%, #bb914a 50%, #EBBE64 75%, #FFE098 100%);
background-position: right center;
}
[dir] #main-navbar .navbar-btn.navbar-btn-gold:hover {
background-color: #EBBE64;
}
[dir=ltr] #main-navbar .navbar-btn.navbar-btn-gold:hover {
background-position: right center;
}
[dir=rtl] #main-navbar .navbar-btn.navbar-btn-gold:hover {
background-position: left center;
}
[dir] #main-navbar .navbar-btn.navbar-btn-gold-outlined {
-webkit-box-shadow: 0 0 0 0.0625rem #bb914a inset;
box-shadow: 0 0 0 0.0625rem #bb914a inset;
}
#main-navbar .navbar-btn.navbar-btn-gold-outlined:hover {
color: #020862;
}
[dir] #main-navbar .navbar-btn.navbar-btn-gold-outlined:hover {
background-color: white;
}
#main-navbar .navbar-btn.navbar-btn-gold-outlined svg, #main-navbar .navbar-btn.navbar-btn-gold-outlined i {
color: #bb914a;
}
[dir=ltr] #main-navbar .navbar-btn svg, [dir=ltr] #main-navbar .navbar-btn i {
margin-right: 0.625rem;
}
[dir=rtl] #main-navbar .navbar-btn svg, [dir=rtl] #main-navbar .navbar-btn i {
margin-left: 0.625rem;
}
#main-navbar .h-100 {
height: 100%;
}
#main-navbar .navbar-outlined-link a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: inherit;
text-decoration: none;
text-transform: uppercase;
}
[dir] #main-navbar .navbar-outlined-link a {
padding-left: 1.3333em;
padding-right: 1.3333em;
}
#main-navbar .navbar-outlined-link a:hover, #main-navbar .navbar-outlined-link a:focus {
color: #bb914a;
}
[dir=ltr] #main-navbar .navbar-outlined-link:first-of-type a {
padding-left: 0;
}
[dir=rtl] #main-navbar .navbar-outlined-link:first-of-type a {
padding-right: 0;
}
[dir=ltr] #main-navbar .navbar-outlined-link:last-of-type a {
padding-right: 0;
}
[dir=rtl] #main-navbar .navbar-outlined-link:last-of-type a {
padding-left: 0;
}
[dir=ltr] #main-navbar .navbar-outlined-link + .navbar-outlined-link {
border-left: 0.0625rem solid #363d6b;
}
[dir=rtl] #main-navbar .navbar-outlined-link + .navbar-outlined-link {
border-right: 0.0625rem solid #363d6b;
}
#main-navbar .navbar-logo-mobile {
display: block;
width: 100%;
}
#main-navbar .navbar-logo-mobile img {
width: auto;
max-width: 50%;
display: block;
}
#main-navbar .navbar-logo-mobile.navbar-logo-mobile-mexgroup {
width: auto;
}
#main-navbar .navbar-logo-mobile.navbar-logo-mobile-mexgroup img {
height: 3rem;
}
#main-navbar .navbar-logo-mobile.navbar-logo-mobile-mexjituan {
width: auto;
}
[dir] #main-navbar .navbar-logo-mobile.navbar-logo-mobile-mexjituan {
margin-left: auto;
margin-right: auto;
}
#main-navbar .navbar-logo-mobile.navbar-logo-mobile-mexjituan img {
height: 2rem;
}
#main-navbar .navbar-logo {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 2.375rem;
}
[dir] #main-navbar .navbar-logo {
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out;
}
#main-navbar .navbar-logo.navbar-logo-multibankfx-cn {
height: auto;
}
#main-navbar .navbar-logo.navbar-logo-mexgroup {
height: 4.0625rem;
}
#main-navbar .navbar-logo img {
height: 80%;
width: auto;
max-width: 100%;
display: block;
}
#main-navbar .navbar-link-list {
list-style: none;
display: block;
}
@media (min-width: 300px) {
#main-navbar .navbar-link-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
[dir=ltr] #main-navbar .navbar-link-list > li + li {
margin-left: 2rem;
}
[dir=rtl] #main-navbar .navbar-link-list > li + li {
margin-right: 2rem;
}
#main-navbar .navbar-link-list .navbar-link {
text-transform: uppercase;
font-size: 0.75rem;
}
#main-navbar .navbar-language-btn {
text-transform: uppercase;
font-size: 1.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] #main-navbar .navbar-language-btn {
cursor: pointer;
}
#main-navbar .navbar-language-btn i {
font-size: 0.75rem;
}
[dir=ltr] #main-navbar .navbar-language-btn i {
margin-left: 0.625rem;
}
[dir=rtl] #main-navbar .navbar-language-btn i {
margin-right: 0.625rem;
}
#main-navbar .navbar-language-btn:hover {
color: #bb914a;
}
#main-navbar .navbar-menu-btn {
font-size: 1.875rem;
}
[dir=ltr] #main-navbar .navbar-mobile-slide {
margin-right: auto;
}
[dir=rtl] #main-navbar .navbar-mobile-slide {
margin-left: auto;
}
@media (min-width: 768px) {
[dir=ltr] #main-navbar .navbar-mobile-slide {
margin-right: 0;
}
[dir=rtl] #main-navbar .navbar-mobile-slide {
margin-left: 0;
}
}
#main-navbar .navbar-mobile-slide .navbar-btn {
font-size: 0.875rem;
}
#main-navbar .navbar-logo-candels {
display: block;
font-size: 2rem;
}
#main-navbar .navbar-logo-candels svg {
display: block;
}
#main-navbar .navbar-mobile-slide-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#main-navbar .navbar-mobile-slide-item:nth-child(2) {
display: none;
}
#main-navbar .language-menu {
position: absolute;
top: 100%;
list-style: none;
min-width: 12.5rem;
}
[dir] #main-navbar .language-menu {
background-color: #010d4b;
border-top: 0.0625rem solid #363d6b;
margin-top: 0;
margin-bottom: 0;
}
[dir=ltr] #main-navbar .language-menu {
right: 0;
padding-left: 0;
}
[dir=rtl] #main-navbar .language-menu {
left: 0;
padding-right: 0;
}
[dir] #main-navbar .language-menu li {
padding: 0.375rem 1.5rem;
}
#main-navbar .language-menu a {
display: block;
color: inherit;
text-decoration: none;
}
#main-navbar .language-menu a:hover, #main-navbar .language-menu a:focus {
color: #bb914a;
}
#main-navbar .nav-details {
position: absolute;
top: 100%;
}
[dir] #main-navbar .nav-details {
left: 0;
right: 0;
background-color: #010d4b;
border-top: 0.0625rem solid #363d6b;
border-bottom: 0.0625rem solid #363d6b;
}
#main-navbar .nav-details .nav-details-container {
max-width: 90rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[dir] #main-navbar .nav-details .nav-details-container {
margin-right: auto;
margin-left: auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
#main-navbar .nav-details .nav-details-container > div {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
[dir] #main-navbar .nav-details .nav-details-container > div {
padding-left: 1rem;
padding-right: 1rem;
}
#main-navbar .nav-details .nav-details-content h2 {
font-size: 2.5rem;
line-height: 3rem;
text-transform: uppercase;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: normal;
}
[dir] #main-navbar .nav-details .nav-details-content h2 {
margin: 0;
}
#main-navbar .nav-details .nav-details-content p {
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
font-size: 1.125rem;
line-height: 1.875rem;
}
[dir] #main-navbar .nav-details .nav-details-content p {
margin: 0;
}
#main-navbar .nav-details .nav-details-header {
font-size: 1.5rem;
font-weight: 500;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
[dir] #main-navbar .nav-details .nav-details-header {
padding-top: 0.375rem;
padding-bottom: 0.75rem;
border-bottom: 0.0625rem solid #363d6b;
text-align: center;
}
#main-navbar .nav-details .nav-details-header .navbar-link {
font: inherit;
}
[dir] #main-navbar .nav-details .nav-details-links {
border-left: 0.0625rem solid #363d6b;
border-right: 0.0625rem solid #363d6b;
text-align: center;
}
#main-navbar .nav-details .nav-details-links .nav-details-item ul {
list-style: none;
}
[dir] #main-navbar .nav-details .nav-details-links .nav-details-item ul {
margin: 1.5rem 0 0 0;
}
[dir=ltr] #main-navbar .nav-details .nav-details-links .nav-details-item ul {
padding-left: 0;
}
[dir=rtl] #main-navbar .nav-details .nav-details-links .nav-details-item ul {
padding-right: 0;
}
[dir] #main-navbar .nav-details .nav-details-links .nav-details-item ul li + li {
margin-top: 0.75rem;
}
#main-navbar .nav-details .nav-details-links .nav-details-item ul .navbar-link {
line-height: 1.5;
text-transform: uppercase;
display: block;
}
[dir] #main-navbar .nav-details .nav-details-open-account {
text-align: center;
}
[dir] #main-navbar .nav-details .nav-details-open-account .nav-details-header {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
border-bottom: 0.0625rem solid #363d6b;
}
[dir] #main-navbar .nav-details .nav-details-open-account .nav-details-body {
margin-top: 1.5rem;
}
#main-navbar .nav-details .nav-details-open-account .nav-details-body img {
width: auto;
height: auto;
max-width: 100%;
}
#main-navbar .navbar-slide-item {
height: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[dir] #main-navbar .navbar-slide-item {
-webkit-transition: height 200ms ease-in-out, opacity 200ms ease-in-out;
transition: height 200ms ease-in-out, opacity 200ms ease-in-out;
}
#main-navbar .navbar-slide-item .navbar-btn {
font-size: 0.875rem;
}
#main-navbar .navbar-slide-item:nth-child(2) {
height: 0;
opacity: 0;
}
#main-navbar.main-navbar-scrolled .dfp-mobile-icon-button-col {
display: block;
}
@media (min-width: 768px) {
#main-navbar.main-navbar-scrolled .dfp-mobile-icon-button-col {
display: none;
}
}
#main-navbar.main-navbar-scrolled .navbar-section-logo {
display: none;
}
@media (min-width: 768px) {
#main-navbar.main-navbar-scrolled .navbar-slide-item:nth-child(1) {
height: 0;
opacity: 0;
}
#main-navbar.main-navbar-scrolled .navbar-slide-item:nth-child(2) {
height: 4rem;
opacity: 1;
}
#main-navbar.main-navbar-scrolled .navbar-section-top {
height: 0;
}
[dir] #main-navbar.main-navbar-scrolled .navbar-section-top {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
#main-navbar.main-navbar-scrolled .navbar-logo {
height: 2rem;
}
#main-navbar.main-navbar-scrolled .navbar-logo.navbar-logo-mexjituan {
height: 1.75rem;
}
#main-navbar.main-navbar-scrolled .navbar-logo.navbar-logo-multibankfx-cn {
height: 3.5rem;
}
#main-navbar.main-navbar-scrolled .navbar-logo.navbar-logo-mexgroup {
height: 2.5rem;
}
}
#main-navbar.main-navbar-scrolled .navbar-toolbar {
height: 4rem;
}
#main-navbar.main-navbar-scrolled .navbar-mobile-slide-item:nth-child(1) {
display: none;
}
@media (min-width: 768px) {
#main-navbar.main-navbar-scrolled .navbar-mobile-slide-item:nth-child(1) {
display: block;
}
}
#main-navbar.main-navbar-scrolled .navbar-mobile-slide-item:nth-child(2) {
display: block;
}
@media (min-width: 768px) {
#main-navbar.main-navbar-scrolled .navbar-mobile-slide-item:nth-child(2) {
display: none;
}
}
[dir] #main-navbar.main-navbar-scrolled .navbar-section + .navbar-section {
border-top-color: transparent;
}
[dir] .live-input, [dir] .live-otp-button {
margin-top: 0.375rem;
}
@-webkit-keyframes arrow-bounce {
0% {
-webkit-transform: none;
transform: none;
}
80% {
-webkit-transform: translateY(0.25rem);
transform: translateY(0.25rem);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes arrow-bounce {
0% {
-webkit-transform: none;
transform: none;
}
80% {
-webkit-transform: translateY(0.25rem);
transform: translateY(0.25rem);
}
100% {
-webkit-transform: none;
transform: none;
}
}
[dir] .dfp-mobile-icon-arrow {
-webkit-animation: arrow-bounce ease 1s infinite;
animation: arrow-bounce ease 1s infinite;
}
#main_call_back_footer_form .send-verification-code-btn {
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;
font: inherit;
color: white;
width: 100%;
font-size: 0.875rem;
}
[dir] #main_call_back_footer_form .send-verification-code-btn {
background-color: #010d4b;
border: 0.0625rem solid #bb914a;
text-align: center;
border-radius: 0.25em;
padding: 0.5em 0.625em;
}
@media (min-width: 768px) {
#main_call_back_footer_form .send-verification-code-btn {
font-size: 1rem;
}
}
#main_call_back_footer_form .send-verification-code-btn:disabled {
opacity: 0.45;
}
[dir] #main_call_back_footer_form .send-verification-code-btn:not(:disabled) {
cursor: pointer;
}
[dir] #main_call_back_footer_form .send-verification-code-btn:not(:disabled):hover, [dir] #main_call_back_footer_form .send-verification-code-btn:not(:disabled):focus {
background-color: #0818a2;
}
#main_call_back_footer_form .sms_verif_code {
color: white;
font: inherit;
display: block;
width: 100%;
font-size: 0.875rem;
}
[dir] #main_call_back_footer_form .sms_verif_code {
background-color: #1b265d;
border: 0.0625rem solid #29346c;
border-radius: 0.25em;
padding: 0.5em 0.625em;
}
@media (min-width: 768px) {
#main_call_back_footer_form .sms_verif_code {
font-size: 1rem;
}
}
#main_call_back_footer_form .sms_verif_code::-webkit-input-placeholder {
color: #868E96;
}
#main_call_back_footer_form .sms_verif_code::-moz-placeholder {
color: #868E96;
}
#main_call_back_footer_form .sms_verif_code:-ms-input-placeholder {
color: #868E96;
}
#main_call_back_footer_form .sms_verif_code::-ms-input-placeholder {
color: #868E96;
}
#main_call_back_footer_form .sms_verif_code::placeholder {
color: #868E96;
}
#main_call_back_footer_form .sms_verif_code:not(:-moz-read-only):focus {
outline: none;
}
#main_call_back_footer_form .sms_verif_code:not(:read-only):focus {
outline: none;
}
[dir] #main_call_back_footer_form .sms_verif_code:not(:-moz-read-only):focus {
border-color: #8f9fcc;
}
[dir] #main_call_back_footer_form .sms_verif_code:not(:read-only):focus {
border-color: #8f9fcc;
}
#main_call_back_footer_form .sms_verif_code:disabled {
opacity: 0.45;
}
[dir] #main_call_back_footer_form .sms_verif_code.error {
border-color: #dc3545;
}
[dir] #main_call_back_footer_form .sms_verif_code.success {
border-color: #28a745;
}
.form-loader {
width: 1.5em;
height: 1.5em;
}
[dir] .form-loader {
border: 0.25em solid #f3f3f3;
border-top: 0.25em solid #bb914a;
border-radius: 50%;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
label.error {
font-size: 0.8125rem;
color: #dc3545;
}
label.success {
font-size: 0.8125rem;
color: #28a745;
}
/* ARMC add direction */
#dfp .dfp-tab, #dfp {
display: none !important;
}
#main-navbar .navbar-logo-mexatlantic {
height: 3.125rem;
}
#main-navbar .navbar-logo-mobile-mexatlantic img {
max-height: 2.3125rem;
}
.candles-loader-overlay-1 {
position: fixed;
z-index: 9999999;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
}
[dir] .candles-loader-overlay-1 {
background: rgb(1, 13, 75) !important;
left: 0;
right: 0;
}
.candles-loader-overlay-1 .candles-loader {
position: absolute;
top: 50%;
}
[dir=ltr] .candles-loader-overlay-1 .candles-loader {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] .candles-loader-overlay-1 .candles-loader {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.candles-loader {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
[dir] .candles-loader {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.candles-loader > .candles-loader-candle {
height: 1.75rem;
width: 0.85rem;
}
[dir] .candles-loader > .candles-loader-candle {
border-radius: 0.75rem;
background-color: #bb914a;
-webkit-animation: candles-loader 1s ease-in-out infinite;
animation: candles-loader 1s ease-in-out infinite;
}
[dir=ltr] .candles-loader > .candles-loader-candle {
margin-right: 0.5rem;
}
[dir=rtl] .candles-loader > .candles-loader-candle {
margin-left: 0.5rem;
}
[dir=ltr] .candles-loader > .candles-loader-candle:last-of-type {
margin-right: 0;
}
[dir=rtl] .candles-loader > .candles-loader-candle:last-of-type {
margin-left: 0;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(2) {
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(3) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(4) {
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(even) {
-webkit-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
:root[dir=rtl] .candles-loader > .candles-loader-candle:nth-child(even) {
-webkit-transform: translateY(0.5rem);
transform: translateY(0.5rem);
}
[dir] .candles-loader > .candles-loader-candle:nth-child(odd) {
-webkit-transform: translateY(0.5rem);
transform: translateY(0.5rem);
}
:root[dir=rtl] .candles-loader > .candles-loader-candle:nth-child(odd) {
-webkit-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
@-webkit-keyframes candles-loader {
0%, 100% {
-webkit-box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
}
50% {
-webkit-box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
}
}
@keyframes candles-loader {
0%, 100% {
-webkit-box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
}
50% {
-webkit-box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
}
}
[dir] .opacity {
background: rgb(1, 13, 75) !important;
}
.mex-europe .mex-global-btn-container {
display: none;
}
.mex-europe #main-navbar .nav-details .nav-details-links .nav-details-item ul .navbar-link {
text-transform: none;
}</style>
<script>"use strict";
var gccCountriesList = ['AE'];
var unfilteredDomains = ['multibank.iq', 'mexgroup.com', 'mexatlantic.com', 'mexatlantic.ae', 'mexglobalmarkets.com', 'staging.mexeurope.com', 'mexeurope.com', 'www.mexeurope.com', 'multibankgroup.com.br'];
var isFilteredDomain = unfilteredDomains.includes(window.location.hostname) || language === 'cone';
var cCode = document.querySelector("meta[name=c_code]").content;
var isGCC = gccCountriesList.includes(cCode);
var changeNavbarLogo = function changeNavbarLogo() {
if (window.location.pathname === '/en/mexglobal' || isGCC && !isFilteredDomain) {
$(".navbar-logo-multibankfx picture img").attr("src", "assets/newfront/images/header-footer/logos/MultibankFxShortLogo.png");
$(".navbar-logo-mobile picture img").attr("src", "assets/newfront/images/header-footer/logos/MultibankFxShortLogo2.png");
}
};
document.onreadystatechange = function () {
if (document.readyState === 'interactive') {
changeNavbarLogo();
} else if (document.readyState === 'complete') {
if (window.location.pathname === '/en/mexglobal' && isGCC && !isFilteredDomain) {
var myBtn = document.getElementsByClassName('mex-global-lang-btn');
myBtn[0].addEventListener('click', function () {
window.location.href = "/ar/mexglobal";
});
$('.login-mex').attr('href', 'https://my.mex.ae/en/traders/login');
// $('.navbar-link .Account .Funding').attr('href','https://my.mex.ae/en/traders/login');
$(".navbar-logo-multibankfx").attr('href', "/en/mexglobal");
$(".mex-global-btn-container").css('display', 'block');
$('.mex-exchange-btn-container').css('display', 'none');
$('.language-menu-button').css('display', 'none');
$('#main_email_us_form > div:nth-child(16) > div > label > a:nth-child(1)').attr('href', 'https://multibankfx.com/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf');
$('#main_email_us_form > div:nth-child(16) > div > label > a:nth-child(2)').attr('href', 'https://mex.ae/public_files/images/enmc/8-Privacy-Policy-V1-20220603-MEX.pdf');
$('#main_email_us_form > div:nth-child(16) > div > label > a:nth-child(3)').attr('href', 'https://mex.ae/public_files/images/enmc/7-Cookie-Policy-V1-20220603-MEX.pdf');
} else if (window.location.pathname === '/ar/mexglobal' || isGCC && window.location.pathname.substring(1, 2) === 'ar' && !isFilteredDomain) {
var _myBtn = document.getElementsByClassName('mex-global-lang-btn');
_myBtn[0].addEventListener('click', function () {
window.location.href = "https://multibankfx.com/en/mexglobal";
});
$('.login-mex').attr('href', 'https://my.mex.ae/ar/traders/login');
// $('.navbar-link .Account .Funding').attr('href','https://my.mex.ae/en/traders/login');
$(".navbar-logo-multibankfx picture img").attr("src", "/public_files/images/header-footer/logos/logo-mexae.svg?v2");
$(".navbar-logo-mobile picture img").attr("src", "/public_files/images/header-footer/logos/logo-mexae.svg?v2");
$('.footer-logo picture img').attr('src', '/public_files/images/header-footer/logos/logo-mexae.svg?v2');
$('.footer-logo').attr('href', '/ar/mexglobal');
$('.footer-logo picture source').remove();
$(".navbar-logo-multibankfx").attr('href', "/ar/mexglobal");
$(".mex-global-btn-container").css('display', 'block');
$('.mex-exchange-btn-container').css('display', 'none');
$('.language-menu-button').css('display', 'none');
$('#main_email_us_form > div:nth-child(16) > div > label > a:nth-child(1)').attr('href', 'https://multibankfx.com/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf');
$('#main_email_us_form > div:nth-child(16) > div > label > a:nth-child(2)').attr('href', 'https://mex.ae/public_files/images/enmc/8-Privacy-Policy-V1-20220603-MEX.pdf');
$('#main_email_us_form > div:nth-child(16) > div > label > a:nth-child(3)').attr('href', 'https://mex.ae/public_files/images/enmc/7-Cookie-Policy-V1-20220603-MEX.pdf');
} else {
$(".mex-global-btn-container").css('display', 'none');
$('.mex-exchange-btn-container').css('display', 'block');
}
}
if (language === 'cone') {
$('.mex-exchange-btn-container').hide();
}
$(".navbar-logo").removeClass("d-none");
$(".navbar-logo-mobile").removeClass("d-none");
};
(function () {
var navbar = document.getElementById("main-navbar");
var sideMenu = document.getElementById("side-menu");
/* SIDE MENU */
var sideMenuOverlay = document.getElementById("side-menu-overlay");
var showMenu = function showMenu() {
sideMenu.style.removeProperty("display");
sideMenuOverlay.style.removeProperty("display");
setTimeout(function () {
sideMenu.classList.add("active");
sideMenuOverlay.classList.add("active");
}, 50);
};
var hideMenu = function hideMenu() {
sideMenu.classList.remove("active");
sideMenuOverlay.classList.remove("active");
};
sideMenu.addEventListener("transitionend", function () {
if (!sideMenu.classList.contains("active")) {
sideMenu.style.display = "none";
}
if (!sideMenuOverlay.classList.contains("active")) {
sideMenuOverlay.style.display = "none";
}
});
navbar.querySelector(".navbar-menu-btn").addEventListener("click", showMenu);
sideMenu.querySelector(".close-button").addEventListener("click", hideMenu);
var collapseInstances = [];
window.addEventListener("resize", function () {
return collapseInstances.forEach(function (element) {
return !element.isCollapsed() && element.updateHeight();
});
});
var collapse = function collapse(element) {
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
_ref$initiallyHidden = _ref.initiallyHidden,
initiallyHidden = _ref$initiallyHidden === void 0 ? true : _ref$initiallyHidden,
onShow = _ref.onShow,
onHide = _ref.onHide;
var isCollapsed = function isCollapsed() {
return !element.clientHeight;
};
var updateHeight = function updateHeight() {
element.style.height = element.scrollHeight + "px";
};
var show = function show() {
updateHeight();
onShow && onShow();
collapseInstances.forEach(function (instance) {
return instance.element !== element && instance.hide();
});
};
var hide = function hide() {
element.style.height = 0;
onHide && onHide();
};
var toggle = function toggle() {
return isCollapsed() ? show() : hide();
};
if (initiallyHidden) hide();
var instance = {
element: element,
isCollapsed: isCollapsed,
updateHeight: updateHeight,
show: show,
hide: hide,
toggle: toggle
};
collapseInstances.push(instance);
return instance;
};
var menuButton = sideMenu.querySelector(".language-menu-button");
var languageMenu = sideMenu.querySelector(".language-menu");
if (menuButton && languageMenu) {
var langMenuCollapse = collapse(languageMenu, {
onShow: function onShow() {
menuButton.classList.add("active");
},
onHide: function onHide() {
menuButton.classList.remove("active");
}
});
languageMenu.querySelectorAll("a[data-href]").forEach(window.languageLink);
menuButton.addEventListener("click", langMenuCollapse.toggle);
}
sideMenu.querySelectorAll(".menu-item-group").forEach(function (menuItemGroup) {
var menuItemBtn = menuItemGroup.querySelector(".menu-item-btn");
var menuItemLinks = menuItemGroup.querySelector(".menu-item-links");
if (menuItemLinks) {
var itemCollapse = collapse(menuItemLinks, {
onShow: function onShow() {
return menuItemGroup.classList.add("active");
},
onHide: function onHide() {
return menuItemGroup.classList.remove("active");
}
});
menuItemBtn.addEventListener("click", itemCollapse.toggle);
}
});
/* SIDE MENU END */
/* NAVBAR */
var navDetails = navbar.querySelector(".nav-details");
if (navDetails) {
navbar.querySelectorAll(".navbar-link[data-nav-tab]").forEach(function (el) {
el.addEventListener("mouseenter", function () {
navDetails.style.removeProperty("display");
navDetails.querySelectorAll("[data-nav-tab]").forEach(function (tab) {
if (tab.dataset.navTab === el.dataset.navTab) {
tab.style.removeProperty("display");
} else {
tab.style.display = "none";
}
});
});
});
navbar.addEventListener("mouseleave", function () {
navDetails.style.display = "none";
});
}
var languageMenuEl = navbar.querySelector(".language-menu");
var icon = navbar.querySelector('.navbar-language-btn i');
if (languageMenuEl) {
var _navbar$querySelector;
(_navbar$querySelector = navbar.querySelector(".navbar-language-btn")) === null || _navbar$querySelector === void 0 ? void 0 : _navbar$querySelector.addEventListener("click", function () {
if (languageMenuEl.style.display === "none") {
icon.classList.remove('bi-chevron-down');
icon.classList.add('bi-chevron-up');
languageMenuEl.style.removeProperty("display");
} else {
languageMenuEl.style.display = "none";
icon.classList.remove('bi-chevron-up');
icon.classList.add('bi-chevron-down');
}
});
languageMenuEl.querySelectorAll("a[data-href]").forEach(window.languageLink);
}
var target = document.querySelector('.language-menu, .navbar-language-btn');
document.addEventListener('click', function (event) {
var withinBoundaries = event.composedPath().includes(target);
if (withinBoundaries) {} else {
if (languageMenuEl) {
languageMenuEl.style.display = 'none';
}
if (icon) {
icon.classList.remove('bi-chevron-up');
icon.classList.add('bi-chevron-down');
}
}
});
var scrollPosition = 0;
var handleScroll = function handleScroll() {
if (scrollY > scrollPosition && scrollY > 120) {
navbar.classList.add("main-navbar-scrolled");
document.documentElement.classList.add("main-navbar-scrolled");
} else if (scrollY < scrollPosition) {
navbar.classList.remove("main-navbar-scrolled");
document.documentElement.classList.remove("main-navbar-scrolled");
}
scrollPosition = scrollY;
};
handleScroll();
addEventListener("scroll", handleScroll);
/* NAVBAR END */
})();
</script>
<main id="page-wrapper">
<section id="heading-section">
<div class="gh-heading-section">
<div class="gh-background-video-wrapper">
<img class="gh-background-video gh-background-video-loop d-xl-block d-lg-block" src="assets/newfront/forex-trading.jpeg" alt="">
</div>
<div class="gh-front-content">
<div class="gh-container">
<div class="row content-slider-wrapper">
<div class="col-xl-8 row movetop">
<div class="col-xl-10 ">
<h1 class="gh-title" style="margin-bottom: 1.6rem;font-weight: 600;font-size: 2rem;line-height: 2.85rem;letter-spacing: 0.5px;text-transform: uppercase;">
The Most Regulated SMART TRADING ON FINANCIAL MARKETS
</h1>
<div class="board2" style="color:#fff; font-size: 1rem;">Mirror An Expert To Grow Value & Knowledge Through Copy Trading, Wide
Range Of <br>Trading Offers, Options Trading, Stocks, Derivatives, Currency Pairs...</div><br>
<div class="board">
<a class="gold-btn" href="?a=login">
Login
</a> <a class="gold-btn" href="?a=signup">
Register
</a></div>
</div>
<div class="col-xl-2 "></div>
</div>
<div class="gh-video-placeholder">
</div>
<div class="col-xl-4 align-self-xl-end content-slider-wrapper">
<div class="row g-0 align-items-center">
<div class="col-md-5">
<div class="tabs-slide-wrapper">
<span class="tabs-slide">
<div class="tabs-slide-background"></div>
<div class="tabs-slide-body">
<picture>
<img loading="lazy" class="tabs-slide-icon" src="assets/newfront/images/group-home/tab-mex-social-trading.svg" alt="MCT SOCIAL TRADING">
</picture>
<div class="tabs-slide-title">SOCIAL TRADING</div>
<div class="tabs-slide-collapsible">
<div class="tabs-slide-content">Profit from the knowledge of trading experts</div>
</div>
</div>
</span>
</div>
</div>
<div class=" col-md-2">
</div>
<div class=" col-md-5">
<div class="tabs-slide-wrapper">
<span class="tabs-slide">
<div class="tabs-slide-background"></div>
<div class="tabs-slide-body">
<picture>
<img loading="lazy" class="tabs-slide-icon" src="assets/newfront/images/group-home/tab-mex-digital.svg" alt="Trade IO">
</picture>
<div class="tabs-slide-title">currency-xchange IO</div>
<div class="tabs-slide-collapsible">
<div class="tabs-slide-content">Leverage up to 20x on quarterly and perpetual contracts</div>
</div>
</div>
</span>
</div>
</div>
<div class="col-md-12">
<br>
<br>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container d-xl-none d-lg-none d-md-block d-block" style="width: 100%; height: 72px;">
<iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://www.tradingview-widget.com/embed-widget/ticker-tape/?locale=en#%7B%22symbols%22%3A%5B%7B%22proName%22%3A%22FOREXCOM%3ASPXUSD%22%2C%22title%22%3A%22S%26P%20500%22%7D%2C%7B%22proName%22%3A%22FOREXCOM%3ANSXUSD%22%2C%22title%22%3A%22US%20100%22%7D%2C%7B%22proName%22%3A%22FX_IDC%3AEURUSD%22%2C%22title%22%3A%22EUR%2FUSD%22%7D%2C%7B%22proName%22%3A%22BITSTAMP%3ABTCUSD%22%2C%22title%22%3A%22Bitcoin%22%7D%2C%7B%22proName%22%3A%22BITSTAMP%3AETHUSD%22%2C%22title%22%3A%22Ethereum%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3ATSLA%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3ANVDA%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AAAPL%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AAMZN%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AMSFT%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AGOOGL%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22TVC%3AGOLD%22%7D%5D%2C%22showSymbolLogo%22%3Atrue%2C%22colorTheme%22%3A%22dark%22%2C%22isTransparent%22%3Atrue%2C%22displayMode%22%3A%22compact%22%2C%22width%22%3A%22100%25%22%2C%22height%22%3A72%2C%22utm_source%22%3A%22currency-xchanges.com%22%2C%22utm_medium%22%3A%22widget%22%2C%22utm_campaign%22%3A%22ticker-tape%22%2C%22page-uri%22%3A%22currency-xchanges.com%2F%22%7D" title="ticker tape TradingView widget" lang="en" style="user-select: none; box-sizing: border-box; display: block; height: 72px; width: 100%;"></iframe>
<style>
.tradingview-widget-copyright {
font-size: 13px !important;
line-height: 32px !important;
text-align: center !important;
vertical-align: middle !important;
/* @mixin sf-pro-display-font; */
font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif !important;
color: #B2B5BE !important;
}
.tradingview-widget-copyright .blue-text {
color: #2962FF !important;
}
.tradingview-widget-copyright a {
text-decoration: none !important;
color: #B2B5BE !important;
}
.tradingview-widget-copyright a:visited {
color: #B2B5BE !important;
}
.tradingview-widget-copyright a:hover .blue-text {
color: #1E53E5 !important;
}
.tradingview-widget-copyright a:active .blue-text {
color: #1848CC !important;
}
.tradingview-widget-copyright a:visited .blue-text {
color: #2962FF !important;
}
</style></div>
<!-- TradingView Widget END -->
</div>
</div>
</div>
</div>
<div class="col-xl-4 d-none d-xl-flex align-items-center align-self-end">
<br><br><br><br><br><br><br>
</div>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container d-xl-block d-lg-block d-md-none d-none" style="width: 100%; height: 72px;">
<iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://www.tradingview-widget.com/embed-widget/ticker-tape/?locale=en#%7B%22symbols%22%3A%5B%7B%22proName%22%3A%22FOREXCOM%3ASPXUSD%22%2C%22title%22%3A%22S%26P%20500%22%7D%2C%7B%22proName%22%3A%22FOREXCOM%3ANSXUSD%22%2C%22title%22%3A%22US%20100%22%7D%2C%7B%22proName%22%3A%22FX_IDC%3AEURUSD%22%2C%22title%22%3A%22EUR%2FUSD%22%7D%2C%7B%22proName%22%3A%22BITSTAMP%3ABTCUSD%22%2C%22title%22%3A%22Bitcoin%22%7D%2C%7B%22proName%22%3A%22BITSTAMP%3AETHUSD%22%2C%22title%22%3A%22Ethereum%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3ATSLA%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3ANVDA%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AAAPL%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AAMZN%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AMSFT%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22NASDAQ%3AGOOGL%22%7D%2C%7B%22description%22%3A%22%22%2C%22proName%22%3A%22TVC%3AGOLD%22%7D%5D%2C%22showSymbolLogo%22%3Atrue%2C%22colorTheme%22%3A%22dark%22%2C%22isTransparent%22%3Atrue%2C%22displayMode%22%3A%22compact%22%2C%22width%22%3A%22100%25%22%2C%22height%22%3A72%2C%22utm_source%22%3A%22currency-xchanges.com%22%2C%22utm_medium%22%3A%22widget%22%2C%22utm_campaign%22%3A%22ticker-tape%22%2C%22page-uri%22%3A%22currency-xchanges.com%2F%22%7D" title="ticker tape TradingView widget" lang="en" style="user-select: none; box-sizing: border-box; display: block; height: 72px; width: 100%;"></iframe>
<style>
.tradingview-widget-copyright {
font-size: 13px !important;
line-height: 32px !important;
text-align: center !important;
vertical-align: middle !important;
/* @mixin sf-pro-display-font; */
font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif !important;
color: #B2B5BE !important;
}
.tradingview-widget-copyright .blue-text {
color: #2962FF !important;
}
.tradingview-widget-copyright a {
text-decoration: none !important;
color: #B2B5BE !important;
}
.tradingview-widget-copyright a:visited {
color: #B2B5BE !important;
}
.tradingview-widget-copyright a:hover .blue-text {
color: #1E53E5 !important;
}
.tradingview-widget-copyright a:active .blue-text {
color: #1848CC !important;
}
.tradingview-widget-copyright a:visited .blue-text {
color: #2962FF !important;
}
</style></div>
<!-- TradingView Widget END -->
</div>
</div>
</div>
</section>
<script>
var lang = "en"
</script>
<style>
.gold-btn {
text-decoration: none;
white-space: inherit !important;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.875rem;
letter-spacing: 0;
color: #020862;
}
.gold-btn {
border: 0.0625rem solid #bb914a;
background-color: #bb914a;
background-size: 200% auto;
-webkit-transition: 0.3s all;
transition: 0.3s all;
padding: 0.5em 1.5em;
border-radius: 0.3125rem;
cursor: pointer;
text-align: center;
}
.gold-btn {
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: center right;
}
.gold-btn:hover {
background-position: center left;
}
@media (max-width: 991px) {
.follow-success .gold-btn {
width: 100%;
display: block;
}
}
@media (max-width: 991px) {
.board {
display: flex;
justify-content: center;
}
.board2 {
text-align: center;
}
.movetop{
margin-top: 16% !important;
}
}
@media (min-width: 1000px) {
.board {
display: flex;
justify-content: left;
}
.board2 {
text-align: left;
}
.movetop{
margin-top: 0%;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[dir] body {
background: #000832;
}
#heading-section {
overflow: hidden;
}
[dir] #heading-section {
background: #010C3E;
}
.gh-heading-section {
position: relative;
}
.gh-background-video-wrapper {
position: absolute;
height: 0;
top: 3%;
}
[dir] .gh-background-video-wrapper {
left: 0;
right: 0;
padding-top: 84.3881%;
background: #010C3E;
}
@media (min-width: 768px) {
[dir] .gh-background-video-wrapper {
padding-top: 75%;
}
}
@media (min-width: 1200px) {
[dir] .gh-background-video-wrapper {
padding-top: 51.041%;
}
}
@media (min-width: 1400px) {
[dir] .gh-background-video-wrapper {
margin-top: 0;
}
}
@media (min-width: 1600px) {
.gh-background-video-wrapper {
top: -9%;
}
}
@media (min-width: 800px) {
.gh-background-video {
display: block;
position: absolute;
top: -8%;
bottom: 0;
width: 150%;
max-width: 200%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1000px) {
.gh-background-video {
display: block;
position: absolute;
top: -8%;
bottom: 0;
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
[dir] .gh-background-video {
left: 0;
right: 0;
}
.gh-background-video-images {
display: block;
position: absolute;
top: -8%;
bottom: 0;
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[dir] .gh-background-video-images {
left: 0;
right: 0;
}
@media (min-width: 1200px) {
.gh-background-video-images {
top: -2%;
}
}
@media (min-width: 1600px) {
.gh-background-video-images {
height: auto;
top: -3%;
}
}
.gh-background-video-gradient {
position: absolute;
width: 100%;
height: 30%;
bottom: 8%;
}
[dir] .gh-background-video-gradient {
left: 0;
right: 0;
}
[dir=ltr] .gh-background-video-gradient {
background: transparent -webkit-gradient(linear, left bottom, left top, from(#010C3E), to(rgba(1, 12, 62, 0))) 0 0 no-repeat padding-box;
background: transparent linear-gradient(0deg, #010C3E 0%, rgba(1, 12, 62, 0) 100%) 0 0 no-repeat padding-box;
}
[dir=rtl] .gh-background-video-gradient {
background: transparent -webkit-gradient(linear, left bottom, left top, from(#010C3E), to(rgba(1, 12, 62, 0))) 100% 0 no-repeat padding-box;
background: transparent linear-gradient(0deg, #010C3E 0%, rgba(1, 12, 62, 0) 100%) 100% 0 no-repeat padding-box;
}
.gh-front-content {
position: relative;
}
[dir] .gh-front-content {
padding-top: 1rem;
}
@media (min-width: 768px) {
[dir] .gh-front-content {
padding-top: 3.5rem;
}
}
@media (min-width: 992px) {
[dir] .gh-front-content {
padding-top: 8.5rem;
}
}
@media (min-width: 1200px) {
[dir] .gh-front-content {
background: transparent -webkit-gradient(linear, left bottom, left top, from(#010C3E), color-stop(20%, rgba(1, 12, 62, 0)));
background: transparent linear-gradient(0deg, #010C3E 0%, rgba(1, 12, 62, 0) 20%);
padding-top: 14rem;
}
}
@media (min-width: 1600px) {
[dir] .gh-front-content {
padding-top: 14rem;
}
}
.gh-front-content .gh-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
:root[dir=rtl] .gh-front-content .gh-container .arabic-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (min-width: 992px) {
.gh-front-content .gh-container {
max-width: 102rem;
}
[dir] .gh-front-content .gh-container {
padding-left: 1.875rem;
padding-right: 1.875rem;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
[dir=ltr] .gh-front-content .gh-container {
padding-left: 3rem;
padding-right: 5rem;
}
[dir=rtl] .gh-front-content .gh-container {
padding-right: 3rem;
padding-left: 5rem;
}
}
@media (min-width: 1600px) {
[dir] .gh-front-content .gh-container {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
.gh-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #FFFFFF;
font-weight: 400;
line-height: 1.2727;
min-height: 2.5454em;
font-size: 0.875rem;
height: 2.5454rem;
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] .gh-title {
margin: 0;
text-align: center;
}
:root[dir=rtl] .gh-title {
text-align: left;
}
@media (max-width: 991px) {
.gh-title {
max-width: 102rem;
}
[dir] .gh-title {
padding-left: 1.875rem;
padding-right: 1.875rem;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 576px) {
.gh-title {
font-size: 1.125rem;
height: auto;
}
}
@media (min-width: 768px) {
.gh-title {
font-size: 1.75rem;
min-height: auto;
}
}
@media (min-width: 1200px) {
.gh-title {
font-size: 1.375rem;
display: block;
}
[dir=ltr] .gh-title {
padding-left: 1.5%;
text-align: left;
}
[dir=rtl] .gh-title {
padding-right: 1.5%;
text-align: right;
}
:root[dir=rtl] .gh-title {
padding-left: 18.5%;
padding-right: 0;
}
}
@media (min-width: 1400px) {
.gh-title {
font-size: 1.5rem;
}
[dir=ltr] .gh-title {
padding-left: 1.5%;
}
[dir=rtl] .gh-title {
padding-right: 1.5%;
}
:root[dir=rtl] .gh-title {
padding-left: 16.5%;
padding-right: 0;
}
}
@media (min-width: 1600px) {
[dir=ltr] .gh-title {
padding-left: 1.5%;
}
[dir=rtl] .gh-title {
padding-right: 1.5%;
}
:root[dir=rtl] .gh-title {
padding-left: 14.5%;
padding-right: 0;
}
}
.gh-video-placeholder {
height: 0;
}
[dir] .gh-video-placeholder {
padding-top: 56%;
}
@media (min-width: 768px) {
[dir] .gh-video-placeholder {
padding-top: 15%;
}
}
@media (min-width: 1200px) {
.gh-video-placeholder {
display: none;
}
}
.gh-tabs-slider {
overflow-x: hidden;
}
@media (min-width: 992px) {
[dir] .gh-tabs-slider {
margin-top: 2rem;
margin-left: 0;
margin-right: 0;
}
}
.home-inner-container {
width: 100%;
}
.home-inner-container .heading-buttons {
width: 100%;
}
@media (min-width: 1200px) {
[dir] .home-inner-container .heading-buttons {
margin-top: 4rem;
}
}
.home-inner-container .heading-buttons .heading-primary-btn {
width: 75%;
}
@media (min-width: 1200px) {
.home-inner-container .heading-buttons .heading-primary-btn {
width: 100%;
}
}
.home-inner-container .heading-buttons .home-btn {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 1.125rem;
}
@media (min-width: 1200px) {
.home-inner-container .heading-buttons .home-btn {
font-size: 1.25rem;
}
}
.home-inner-container .heading-buttons .desktop-two-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home-inner-container .heading-buttons .desktop-two-buttons > div {
width: 48%;
}
[dir] .home-inner-container .heading-buttons .desktop-two-buttons > div {
border-radius: 0.625rem;
}
[dir] .home-inner-container .heading-buttons .desktop-app-button {
padding: 1.25rem 0.9375rem;
-webkit-box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.3019607843);
box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.3019607843);
}
[dir=ltr] .home-inner-container .heading-buttons .desktop-app-button {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(#05137D));
background: transparent linear-gradient(180deg, #000832 0%, #05137D 100%);
}
[dir=rtl] .home-inner-container .heading-buttons .desktop-app-button {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(#05137D));
background: transparent linear-gradient(-180deg, #000832 0%, #05137D 100%);
}
.home-inner-container .heading-buttons .desktop-app-button .button-title {
color: #BF9F60;
font-size: 0.875rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
[dir] .home-inner-container .heading-buttons .desktop-app-button .button-title {
margin-top: 0;
margin-bottom: 0.9375rem;
text-align: center;
}
@media (min-width: 992px) {
.home-inner-container .heading-buttons .desktop-app-button .button-title {
font-size: 1.125rem;
}
}
[dir] .home-inner-container .heading-buttons .open-live-account {
padding: 0.625rem 3.125rem;
-webkit-box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.3019607843);
box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.3019607843);
border-radius: 0.625rem 0.625rem 0 0;
}
[dir=ltr] .home-inner-container .heading-buttons .open-live-account {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(#05137D));
background: transparent linear-gradient(180deg, #000832 0%, #05137D 100%);
}
[dir=rtl] .home-inner-container .heading-buttons .open-live-account {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(#05137D));
background: transparent linear-gradient(-180deg, #000832 0%, #05137D 100%);
}
.home-inner-container .heading-buttons .open-live-account p {
color: #BF9F60;
font-size: 1rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
[dir] .home-inner-container .heading-buttons .open-live-account p {
margin: 0;
text-align: center;
}
.home-inner-container .heading-buttons .open-live-btn-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 60%;
}
[dir] .home-inner-container .heading-buttons .open-live-btn-wrapper {
margin-top: 0;
}
@media (min-width: 992px) {
.home-inner-container .heading-buttons .web-reg-title {
display: none;
}
}
.home-inner-container .heading-buttons .open-live-click {
font-size: 0.75rem;
font-weight: 400;
}
.home-inner-container .heading-buttons .institutional-click {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.25rem;
}
.home-inner-container .heading-buttons .ensg-live-account-bt {
line-height: 1.0625rem;
}
.home-inner-container .heading-buttons .ensg-inst-account-bt {
font-size: 1.125rem;
font-weight: normal;
line-height: 1.125rem;
}
.home-inner-container .heading-buttons .ensg-demo-account-bt {
line-height: 1.1875rem;
font-weight: normal;
}
.banner-slides {
overflow: hidden;
}
.banner-slides .swiper-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner-btn {
color: #BB914A;
opacity: 0.8;
}
[dir] .banner-btn {
cursor: pointer;
}
.banner-btn {
font-size: 2rem;
}
@media screen and (min-width: 375px) {
.banner-btn {
font-size: calc(2rem + 16 * ((100vw - 23.4375rem) / 825));
}
}
@media screen and (min-width: 1200px) {
.banner-btn {
font-size: 3rem;
}
}
.banner-btn:hover, .banner-btn:focus-visible {
opacity: 1;
}
[dir] .banner-slide {
padding-left: 0.25rem;
padding-right: 0.25rem;
text-align: center;
}
.banner-slide .banner-slide-subtitle {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
line-height: 1.5;
color: white;
}
.banner-slide .banner-slide-subtitle {
font-size: 1rem;
}
@media screen and (min-width: 375px) {
.banner-slide .banner-slide-subtitle {
font-size: calc(1rem + 2 * ((100vw - 23.4375rem) / 825));
}
}
@media screen and (min-width: 1200px) {
.banner-slide .banner-slide-subtitle {
font-size: 1.125rem;
}
}
.banner-slide .banner-slide-subtitle + .banner-slide-title {
text-transform: uppercase;
}
.banner-slide .banner-slide-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] .banner-slide .banner-slide-title {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] .banner-slide .banner-slide-title {
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] .banner-slide .banner-slide-title {
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%);
}
.banner-slide .banner-slide-title {
font-size: 1.5rem;
}
@media screen and (min-width: 375px) {
.banner-slide .banner-slide-title {
font-size: calc(1.5rem + 28 * ((100vw - 23.4375rem) / 825));
}
}
@media screen and (min-width: 1200px) {
.banner-slide .banner-slide-title {
font-size: 3.25rem;
}
}
@media (min-width: 768px) {
.banner-slide .banner-slide-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
.banner-slide .banner-slide-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
.banner-slide .banner-slide-title {
font-size: 3.25rem;
}
}
@media (min-width: 768px) {
[dir] .banner-slide .banner-slide-title + .banner-slide-content {
margin-top: 0.25rem;
}
}
.banner-slide .banner-slide-content .banner-slide-content-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
line-height: 1.5;
color: white;
}
.banner-slide .banner-slide-content .banner-slide-content-title {
font-size: 1rem;
}
@media screen and (min-width: 375px) {
.banner-slide .banner-slide-content .banner-slide-content-title {
font-size: calc(1rem + 2 * ((100vw - 23.4375rem) / 825));
}
}
@media screen and (min-width: 1200px) {
.banner-slide .banner-slide-content .banner-slide-content-title {
font-size: 1.125rem;
}
}
.banner-slide .banner-slide-content .banner-slide-content-bonus-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .banner-slide .banner-slide-content .banner-slide-content-bonus-list {
margin-top: -0.25rem;
margin-bottom: -0.25rem;
}
@media (min-width: 1400px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
[dir] .banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus-wrapper {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
[dir=ltr] .banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus-wrapper {
margin-right: -0.0625rem;
}
[dir=rtl] .banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus-wrapper {
margin-left: -0.0625rem;
}
@media (min-width: 992px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
}
@media (min-width: 1200px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
@media (min-width: 1400px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
}
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
height: 100%;
}
[dir] .banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus {
border-width: 0 0.0625rem;
border-style: solid;
border-color: #80859e;
padding: 0.5rem;
}
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-title {
color: white;
white-space: nowrap;
font-size: 0.875rem;
}
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-subtitle {
color: #BB914A;
font-size: 0.75rem;
display: none;
}
@media (min-width: 992px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-subtitle {
display: block;
}
}
@media (min-width: 1200px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-subtitle {
display: none;
}
}
@media (min-width: 1400px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-subtitle {
display: block;
}
}
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
color: white;
font-size: 1.25rem;
display: none;
}
@media (min-width: 992px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
display: block;
}
}
@media (min-width: 1200px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
display: none;
}
}
@media (min-width: 1400px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
display: block;
font-size: 0.8125rem;
}
[dir] .banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
margin-top: 0.125rem;
}
}
@media (min-width: 1600px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
font-size: 1rem;
}
[dir] .banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
margin-top: 0;
}
}
@media (min-width: 1800px) {
.banner-slide .banner-slide-content .banner-slide-content-bonus-list .banner-slide-content-bonus .banner-slide-content-bonus-amount {
font-size: 1.125rem;
}
}
.home-btn {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 500;
white-space: nowrap;
font-size: 1rem;
line-height: 1.3333;
text-decoration: none;
}
[dir] .home-btn {
padding: 0.5em 1em;
border-radius: 0.3125rem;
cursor: pointer;
text-align: center;
}
.home-btn.home-btn-block {
width: 100%;
display: block;
}
.home-btn.home-btn-gold {
color: #020862;
}
[dir] .home-btn.home-btn-gold {
border: 0.0625rem solid #bb914a;
background-color: #bb914a;
background-size: 200% auto;
-webkit-transition: background-position 300ms ease;
transition: background-position 300ms ease;
}
[dir=ltr] .home-btn.home-btn-gold {
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: left center;
}
[dir=rtl] .home-btn.home-btn-gold {
background-image: -webkit-gradient(linear, right top, left top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(-90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: right center;
}
[dir=ltr] .home-btn.home-btn-gold:hover, [dir=ltr] .home-btn.home-btn-gold:focus-visible {
background-position: right center;
}
[dir=rtl] .home-btn.home-btn-gold:hover, [dir=rtl] .home-btn.home-btn-gold:focus-visible {
background-position: left center;
}
.home-btn.home-btn-gold:focus {
outline: none;
}
.home-btn.home-btn-outlined {
color: white;
}
[dir] .home-btn.home-btn-outlined {
border: 0.0625rem solid #BB914A;
background-color: #010A3C;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
[dir] .home-btn.home-btn-outlined:hover, [dir] .home-btn.home-btn-outlined:focus-visible {
background-color: #031A8A;
}
.home-btn.home-btn-outlined:focus {
outline: none;
}
.home-btn.become-ib-institutional {
color: #020862;
white-space: inherit !important;
font-size: 1.125rem;
}
[dir] .home-btn.become-ib-institutional {
border: 0.0625rem solid #bb914a;
background-color: #bb914a;
background-size: 200% auto;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
[dir=ltr] .home-btn.become-ib-institutional {
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: center right;
}
[dir=rtl] .home-btn.become-ib-institutional {
background-image: -webkit-gradient(linear, right top, left top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(-90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: center left;
}
.home-btn.become-ib-institutional:hover, .home-btn.become-ib-institutional:focus-visible {
color: #fff;
}
[dir] .home-btn.become-ib-institutional:hover, [dir] .home-btn.become-ib-institutional:focus-visible {
background: #031777;
}
[dir=ltr] .home-btn.become-ib-institutional:hover, [dir=ltr] .home-btn.become-ib-institutional:focus-visible {
background-position: center right;
}
[dir=rtl] .home-btn.become-ib-institutional:hover, [dir=rtl] .home-btn.become-ib-institutional:focus-visible {
background-position: center left;
}
.home-btn.become-ib-institutional:focus {
outline: none;
}
[dir] .banner-pagination {
text-align: center;
}
.banner-pagination .swiper-pagination-bullet {
width: 0.375rem;
height: 0.375rem;
opacity: 1;
}
[dir] .banner-pagination .swiper-pagination-bullet {
background-color: #3D5085;
margin-left: 0.3125rem;
margin-right: 0.3125rem;
}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 1.6875rem;
}
[dir] .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #BB914A;
border-radius: 0.25rem;
}
.tabs-downloads-slide-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 0.25rem;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
line-height: 0.8;
}
[dir=ltr] .tabs-downloads-slide-content .button-1 {
margin-left: 0.5rem;
}
[dir=rtl] .tabs-downloads-slide-content .button-1 {
margin-right: 0.5rem;
}
.tabs-downloads-slide-content .home-btn {
font-size: 1rem;
}
[dir] .tabs-downloads-slide-content .home-btn {
padding: 0.25em 1em;
}
@media (max-width: 480px) {
.tabs-downloads-slide-content .home-btn {
width: 90%;
}
}
@media (max-width: 1200px) {
.tabs-downloads-slide-content .home-btn {
width: 70%;
}
[dir] .tabs-downloads-slide-content .home-btn {
padding: 0.25rem 0;
}
}
.tabs-downloads-link .tabs-downloads-img:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs-downloads-link .tabs-downloads-img:last-child {
display: none;
}
.tabs-downloads-link:hover .tabs-downloads-img:first-child {
display: none;
}
.tabs-downloads-link:hover .tabs-downloads-img:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 2500px) {
.tabs-downloads-img-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
}
.tabs-downloads-img {
max-width: 6.5rem;
}
[dir] .tabs-downloads-img {
cursor: pointer;
}
@media (min-width: 992px) {
.tabs-slides .swiper-wrapper {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 16.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 1199px) {
.tabs-slides .swiper-wrapper .swiper-slide {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
.swiper-slide {flex-shrink:0;width:50%;height:100%;position:relative;transition-property:transform}
.swiper-slide .tabs-slide-wrapper, .swiper-slide .tabs-downloads-slide-wrapper {
height: 100%;
}
[dir] .swiper-slide .tabs-slide-wrapper, [dir] .swiper-slide .tabs-downloads-slide-wrapper {
margin-top: 1.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media (min-width: 992px) {
[dir] .swiper-slide .tabs-slide-wrapper, [dir] .swiper-slide .tabs-downloads-slide-wrapper {
margin-top: 2.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (min-width: 1200px) {
[dir] .swiper-slide .tabs-slide-wrapper, [dir] .swiper-slide .tabs-downloads-slide-wrapper {
padding-left: 1.125rem;
padding-right: 1.125rem;
}
}
[dir] .swiper-slide .tabs-downloads-slide-wrapper {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 992px) {
[dir=ltr] .swiper-slide:first-of-type .tabs-slide-wrapper, [dir=ltr] .swiper-slide .tabs-downloads-slide-wrapper {
padding-left: 1.5rem;
}
[dir=rtl] .swiper-slide:first-of-type .tabs-slide-wrapper, [dir=rtl] .swiper-slide .tabs-downloads-slide-wrapper {
padding-right: 1.5rem;
}
}
@media (min-width: 1200px) {
[dir=ltr] .swiper-slide:first-of-type .tabs-slide-wrapper, [dir=ltr] .swiper-slide .tabs-downloads-slide-wrapper {
padding-left: 0;
}
[dir=rtl] .swiper-slide:first-of-type .tabs-slide-wrapper, [dir=rtl] .swiper-slide .tabs-downloads-slide-wrapper {
padding-right: 0;
}
}
@media (min-width: 992px) {
[dir=ltr] .swiper-slide:last-of-type .tabs-slide-wrapper, [dir=ltr] .swiper-slide .tabs-downloads-slide-wrapper {
padding-right: 1.5rem;
}
[dir=rtl] .swiper-slide:last-of-type .tabs-slide-wrapper, [dir=rtl] .swiper-slide .tabs-downloads-slide-wrapper {
padding-left: 1.5rem;
}
}
@media (min-width: 1200px) {
[dir=ltr] .swiper-slide:last-of-type .tabs-slide-wrapper, [dir=ltr] .swiper-slide .tabs-downloads-slide-wrapper {
padding-right: 0;
}
[dir=rtl] .swiper-slide:last-of-type .tabs-slide-wrapper, [dir=rtl] .swiper-slide .tabs-downloads-slide-wrapper {
padding-left: 0;
}
}
.tabs-slide {
height: 100%;
color: white;
text-decoration: none;
position: relative;
display: block;
}
[dir] .tabs-slide {
text-align: center;
}
.tabs-slide .tabs-slide-body {
position: relative;
overflow-y: hidden;
}
[dir] .tabs-slide .tabs-slide-body {
padding: 1.875rem 1rem 1.25rem;
}
@media (min-width: 992px) {
[dir] .tabs-slide .tabs-slide-body {
padding-top: 2rem;
padding-bottom: 1.5rem;
}
}
.tabs-slide .tabs-slide-icon {
display: block;
height: 2.25rem;
}
[dir] .tabs-slide .tabs-slide-icon {
margin-left: auto;
margin-right: auto;
}
.tabs-slide .tabs-slide-title {
font-size: 1.375rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 400;
color: #BF9F60;
line-height: 1.2272;
}
[dir] .tabs-slide .tabs-slide-title {
margin-top: 0.5rem;
}
@media (min-width: 768px) {
.tabs-slide .tabs-slide-title br {
display: none;
}
}
@media (min-width: 1200px) {
.tabs-slide .tabs-slide-title br {
display: block;
}
}
@media (min-width: 1400px) {
.tabs-slide .tabs-slide-title br {
display: none;
}
}
[lang=ar] .tabs-slide .tabs-slide-title br {
display: block;
}
.tabs-slide .tabs-slide-subtitle {
font-weight: bold;
line-height: 1.3125;
}
[dir] .tabs-slide .tabs-slide-subtitle {
margin-top: 0.375rem;
}
.tabs-slide .tabs-slide-content {
line-height: 1.3125;
}
[dir] .tabs-slide .tabs-slide-content {
margin-top: 0.375rem;
}
.tabs-slide .tabs-slide-background {
position: absolute;
top: 0;
bottom: 0;
}
[dir] .tabs-slide .tabs-slide-background {
left: 0;
right: 0;
background-color: #04106a;
border-radius: 0.625rem;
-webkit-box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.3);
box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.3);
}
[dir=ltr] .tabs-slide .tabs-slide-background {
background-image: -webkit-gradient(linear, left top, left bottom, from(#000832), to(#05137D));
background-image: linear-gradient(180deg, #000832, #05137D);
}
[dir=rtl] .tabs-slide .tabs-slide-background {
background-image: -webkit-gradient(linear, left top, left bottom, from(#000832), to(#05137D));
background-image: linear-gradient(-180deg, #000832, #05137D);
}
@media (min-width: 1200px) {
.tabs-slide .tabs-slide-collapsible {
max-height: 0;
opacity: 0;
}
[dir] .tabs-slide .tabs-slide-collapsible {
-webkit-transition: opacity 300ms ease-out, max-height 300ms ease-out;
transition: opacity 300ms ease-out, max-height 300ms ease-out;
}
}
.tabs-slide .tabs-slide-coming-soon {
color: #bf9f60;
text-transform: uppercase;
}
[dir] .tabs-slide .tabs-slide-coming-soon {
margin-top: 0.5rem;
}
@media (min-width: 1200px) {
.tabs-slide:hover .tabs-slide-collapsible {
max-height: 7.5rem;
opacity: 1;
}
}
.tabs-downloads-slide-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.125rem;
line-height: 1.2272;
color: #BF9F60;
font-weight: 500;
text-transform: unset;
}
[dir] .tabs-downloads-slide-title {
margin-top: 0.4375rem;
margin-bottom: 0.75rem;
}
:root[lang=ru] .tabs-downloads-slide-title {
font-size: 1rem;
}
:root[lang^=zh] .tabs-downloads-slide-title {
font-size: 1rem;
}
:root[lang^=ar] .tabs-downloads-slide-title {
font-size: 1.125rem;
}
@media (max-width: 1200px) {
.tabs-downloads-slide-title {
font-size: 1.125rem;
}
}
[dir] .tabs-pagination {
margin-top: 3.125rem;
text-align: center;
}
.tabs-pagination .swiper-pagination-bullet {
width: 0.375rem;
height: 0.375rem;
opacity: 1;
}
[dir] .tabs-pagination .swiper-pagination-bullet {
background-color: #3D5085;
margin-left: 0.3125rem;
margin-right: 0.3125rem;
}
.tabs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 1.6875rem;
}
[dir] .tabs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #BB914A;
border-radius: 0.25rem;
}
.tabs-slider-wrapper {
overflow: hidden;
}
@media (min-width: 992px) {
[dir] .tabs-slider-wrapper {
margin-top: 7rem;
}
}
@media (max-width: 991px) {
[dir] .tabs-slider-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
}
.tabs-slider-wrapper .swiper-slide {
width: 19.0625rem;
}
[dir] .content-slider-wrapper {
margin-top: -1rem;
}
@media (min-width: 1200px) {
.content-slider-wrapper {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
}
@media (min-width: 992px) {
:root[dir=rtl] .content-slider-wrapper {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
}
@media (max-width: 991px) {
[dir] .content-slider-wrapper {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
@media (min-width: 1200px) {
[dir] .content-slider-wrapper {
margin-top: 0;
}
}
[dir=ltr] .multibank-iraq .gh-front-content {
direction: ltr;
}
[dir=rtl] .multibank-iraq .gh-front-content {
direction: rtl;
}
[dir=ltr] .multibank-iraq .products-wrapper .products-paragraph {
padding-right: 0;
}
[dir=rtl] .multibank-iraq .products-wrapper .products-paragraph {
padding-left: 0;
}
[dir=ltr] .multibank-iraq #brochure-section .brochure-content-title {
text-align: right;
}
[dir=rtl] .multibank-iraq #brochure-section .brochure-content-title {
text-align: left;
}
[dir=ltr] .multibank-iraq #trading-platforms-section .trading-platforms-wrapper .trading-platforms-swiper {
direction: ltr;
}
[dir=rtl] .multibank-iraq #trading-platforms-section .trading-platforms-wrapper .trading-platforms-swiper {
direction: rtl;
}
[dir=ltr] .multibank-iraq #trading-platforms-section .trading-platforms-wrapper .platform-slide .flex-xl-fill,
[dir=ltr] .multibank-iraq #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-title {
text-align: right;
direction: rtl;
}
[dir=rtl] .multibank-iraq #trading-platforms-section .trading-platforms-wrapper .platform-slide .flex-xl-fill,
[dir=rtl] .multibank-iraq #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-title {
text-align: left;
direction: ltr;
}
[dir=ltr] .multibank-iraq .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
text-align: right;
direction: rtl;
}
[dir=rtl] .multibank-iraq .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
text-align: left;
direction: ltr;
}
@media (max-width: 400px) {
[dir] .tabs-slide .tabs-slide-title {
padding: 0 2.3125rem;
}
}
.gh-background-video-images {
display: none;
}
.enat-banner .gh-background-video {
display: none !important;
}
.enat-banner .gh-background-video-images {
display: block;
}</style>
<script>"use strict";
if (document.readyState === 'loading' || document.readyState === 'complete') {
document.getElementsByTagName("html")[0].style.visibility = 'visible';
}
$(document).ready(function () {
document.getElementsByTagName("html")[0].style.visibility = 'visible';
});
var videoSize;
var video = document.querySelector(".gh-background-video-static");
var loopVideo = document.querySelector(".gh-background-video-loop");
video.addEventListener("ended", function () {
});
var handleResize = function handleResize() {
var newSize = "mobile";
if (window.innerWidth > 768) {
newSize = "-";
}
if (window.innerWidth >= 1200) {
newSize = "-";
}
if (videoSize !== newSize) {
videoSize = newSize;
video.pause();
video.currentTime = 0;
video.innerHTML = ["mp4", "webm"].map(function (format) {
return lang === 'mxes' || lang === 'mxru' || lang === 'mxtr' ? "<source src=\"assets/newfront/social".concat(videoSize, "trading.").concat(format, "\" type=\"video/").concat(format, "\" />") : "<source src=\"assets/newfront/social".concat(videoSize, "trading.").concat(format, "\" type=\"video/").concat(format, "\" />");
}).join("");
video.load();
video.play();
}
};
handleResize();
var headingSection = document.getElementById("heading-section");
var bannerSwiper = new Swiper(headingSection.querySelector(".banner-slides"), {
rtl: document.documentElement.dir === "rtl",
loop: true,
grabCursor: true,
autoplay: true,
delay: 3000,
pagination: {
el: headingSection.querySelector(".banner-pagination")
},
navigation: {
nextEl: headingSection.querySelector(".banner-btn-next"),
prevEl: headingSection.querySelector(".banner-btn-prev")
}
});
var tabsSwiper = new Swiper(document.querySelector(".tabs-slides"), {
rtl: document.documentElement.dir === "rtl",
slidesPerView: 1.5,
freeMode: true,
breakpoints: {
480: {
slidesPerView: "auto"
},
1200: {
slidesPerView: 4
}
},
pagination: {
el: document.querySelector(".tabs-pagination")
}
});
var tabsDownloadSwiper = new Swiper(headingSection.querySelector(".tabs-downloads-slides"), {
rtl: document.documentElement.dir === "rtl",
slidesPerView: 1,
freeMode: true,
spaceBetween: 15,
breakpoints: {
375: {
slidesPerView: 1.35,
spaceBetween: 15
},
420: {
slidesPerView: "auto"
},
680: {
slidesPerView: 1.75
},
768: {
slidesPerView: 2
}
}
});</script>
<section id="our-products-section">
<div class="products-bg-candles"></div>
<div class="products-wrapper">
<div class="col-12 col-xl-6">
<div class="product-title">
Invest like currency-xchange’s top investors
</div>
<p class="products-paragraph">
Replicate the investment moves of other traders in real time, automatically. Social trading can be extremely beneficial when it comes to trading financial markets.<br><br>
We put your investments in new highly remunerative innovative projects,
which offers great returns along. Today our company has a professional team
to develop a business..
</p>
<div class="products-buttons">
<a class="products-button-wrapper" href="?a=social-copy-trading" id="forex">
<div class="products-button">Copy Trading</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=forex" id="forex">
<div class="products-button">Forex</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=forex" id="metals">
<div class="products-button">Metals</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=stocks-shares" id="shares">
<div class="products-button">Shares</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=indices" id="indices">
<div class="products-button">Indices</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=commodities" id="commodities">
<div class="products-button">Commodities</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=infrastructure" id="commodities">
<div class="products-button">Infrastructure</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=realestate" id="commodities">
<div class="products-button">Real Estate</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
<a class="products-button-wrapper" href="?a=crypto" id="digital-assets">
<div class="products-button">Crypto ASSETS</div>
<div class="products-button-desc">Please click here to see more specifications</div>
</a>
</div>
</div>
<div class="products-icons col-12 col-xl-6">
<div class="products-mixed-icon" id="COTTON%202">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/COTTON%202@[email protected] 2x" type="image/png" alt="COTTON%202">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/COTTON%202@[email protected] 2x" type="image/webp" alt="COTTON%202">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/COTTON%[email protected] 1x" type="image/png" alt="COTTON%202">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/COTTON%[email protected]" typeof="image/webp" alt="COTTON%202">
</picture>
</div>
<div class="products-mixed-icon" id="OIL">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/OIL@[email protected] 2x" type="image/png" alt="OIL">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/OIL@[email protected] 2x" type="image/webp" alt="OIL">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="OIL">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="OIL">
</picture>
</div>
<div class="products-mixed-icon" id="Pound">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Pound@[email protected] 2x" type="image/png" alt="Pound">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Pound@[email protected] 2x" type="image/webp" alt="Pound">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Pound">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Pound">
</picture>
</div>
<div class="products-mixed-icon" id="COTTON">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/COTTON@[email protected] 2x" type="image/png" alt="COTTON">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/COTTON@[email protected] 2x" type="image/webp" alt="COTTON">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="COTTON">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="COTTON">
</picture>
</div>
<div class="products-mixed-icon" id="Background%201">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%201@[email protected] 2x" type="image/png" alt="Background%201">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%201@[email protected] 2x" type="image/webp" alt="Background%201">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected] 1x" type="image/png" alt="Background%201">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected]" typeof="image/webp" alt="Background%201">
</picture>
</div>
<div class="products-mixed-icon" id="Background%203">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%203@[email protected] 2x" type="image/png" alt="Background%203">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%203@[email protected] 2x" type="image/webp" alt="Background%203">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected] 1x" type="image/png" alt="Background%203">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected]" typeof="image/webp" alt="Background%203">
</picture>
</div>
<div class="products-mixed-icon" id="POLKA%20DOT">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/POLKA%20DOT@[email protected] 2x" type="image/png" alt="POLKA%20DOT">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/POLKA%20DOT@[email protected] 2x" type="image/webp" alt="POLKA%20DOT">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/POLKA%[email protected] 1x" type="image/png" alt="POLKA%20DOT">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/POLKA%[email protected]" typeof="image/webp" alt="POLKA%20DOT">
</picture>
</div>
<div class="products-mixed-icon" id="Tesla">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Tesla@[email protected] 2x" type="image/png" alt="Tesla">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Tesla@[email protected] 2x" type="image/webp" alt="Tesla">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Tesla">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Tesla">
</picture>
</div>
<div class="products-mixed-icon" id="Amazon">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Amazon@[email protected] 2x" type="image/png" alt="Amazon">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Amazon@[email protected] 2x" type="image/webp" alt="Amazon">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Amazon">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Amazon">
</picture>
</div>
<div class="products-mixed-icon" id="Background%202">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%202@[email protected] 2x" type="image/png" alt="Background%202">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%202@[email protected] 2x" type="image/webp" alt="Background%202">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected] 1x" type="image/png" alt="Background%202">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected]" typeof="image/webp" alt="Background%202">
</picture>
</div>
<div class="products-mixed-icon" id="STELLAR">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/STELLAR@[email protected] 2x" type="image/png" alt="STELLAR">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/STELLAR@[email protected] 2x" type="image/webp" alt="STELLAR">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="STELLAR">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="STELLAR">
</picture>
</div>
<div class="products-mixed-icon" id="BITCOIN">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/BITCOIN@[email protected] 2x" type="image/png" alt="BITCOIN">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/BITCOIN@[email protected] 2x" type="image/webp" alt="BITCOIN">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="BITCOIN">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="BITCOIN">
</picture>
</div>
<div class="products-mixed-icon" id="Lira">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Lira@[email protected] 2x" type="image/png" alt="Lira">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Lira@[email protected] 2x" type="image/webp" alt="Lira">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Lira">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Lira">
</picture>
</div>
<div class="products-mixed-icon" id="ETHEREUM">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/ETHEREUM@[email protected] 2x" type="image/png" alt="ETHEREUM">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/ETHEREUM@[email protected] 2x" type="image/webp" alt="ETHEREUM">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="ETHEREUM">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="ETHEREUM">
</picture>
</div>
<div class="products-mixed-icon" id="META">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/META@[email protected] 2x" type="image/png" alt="META">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/META@[email protected] 2x" type="image/webp" alt="META">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="META">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="META">
</picture>
</div>
<div class="products-mixed-icon" id="NVIDIA">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/NVIDIA@[email protected] 2x" type="image/png" alt="NVIDIA">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/NVIDIA@[email protected] 2x" type="image/webp" alt="NVIDIA">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="NVIDIA">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="NVIDIA">
</picture>
</div>
<div class="products-mixed-icon" id="SILVER">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/SILVER@[email protected] 2x" type="image/png" alt="SILVER">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/SILVER@[email protected] 2x" type="image/webp" alt="SILVER">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="SILVER">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="SILVER">
</picture>
</div>
<div class="products-mixed-icon" id="GOLD">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/GOLD@[email protected] 2x" type="image/png" alt="GOLD">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/GOLD@[email protected] 2x" type="image/webp" alt="GOLD">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="GOLD">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="GOLD">
</picture>
</div>
<div class="products-mixed-icon" id="EOS">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/EOS@[email protected] 2x" type="image/png" alt="EOS">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/EOS@[email protected] 2x" type="image/webp" alt="EOS">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="EOS">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="EOS">
</picture>
</div>
<div class="products-mixed-icon" id="TETHER">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/TETHER@[email protected] 2x" type="image/png" alt="TETHER">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/TETHER@[email protected] 2x" type="image/webp" alt="TETHER">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="TETHER">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="TETHER">
</picture>
</div>
<div class="products-mixed-icon" id="Background%205">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%205@[email protected] 2x" type="image/png" alt="Background%205">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%205@[email protected] 2x" type="image/webp" alt="Background%205">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected] 1x" type="image/png" alt="Background%205">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected]" typeof="image/webp" alt="Background%205">
</picture>
</div>
<div class="products-mixed-icon" id="Frank">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Frank@[email protected] 2x" type="image/png" alt="Frank">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Frank@[email protected] 2x" type="image/webp" alt="Frank">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Frank">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Frank">
</picture>
</div>
<div class="products-mixed-icon" id="NASDAQ">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/NASDAQ@[email protected] 2x" type="image/png" alt="NASDAQ">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/NASDAQ@[email protected] 2x" type="image/webp" alt="NASDAQ">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="NASDAQ">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="NASDAQ">
</picture>
</div>
<div class="products-mixed-icon" id="US30">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/US30@[email protected] 2x" type="image/png" alt="US30">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/US30@[email protected] 2x" type="image/webp" alt="US30">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="US30">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="US30">
</picture>
</div>
<div class="products-mixed-icon" id="CARDANO">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/CARDANO@[email protected] 2x" type="image/png" alt="CARDANO">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/CARDANO@[email protected] 2x" type="image/webp" alt="CARDANO">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="CARDANO">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="CARDANO">
</picture>
</div>
<div class="products-mixed-icon" id="Euro">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Euro@[email protected] 2x" type="image/png" alt="Euro">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Euro@[email protected] 2x" type="image/webp" alt="Euro">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Euro">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Euro">
</picture>
</div>
<div class="products-mixed-icon" id="Dollar">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Dollar@[email protected] 2x" type="image/png" alt="Dollar">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Dollar@[email protected] 2x" type="image/webp" alt="Dollar">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="Dollar">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="Dollar">
</picture>
</div>
<div class="products-mixed-icon" id="Background%204">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%204@[email protected] 2x" type="image/png" alt="Background%204">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%204@[email protected] 2x" type="image/webp" alt="Background%204">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected] 1x" type="image/png" alt="Background%204">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/Background%[email protected]" typeof="image/webp" alt="Background%204">
</picture>
</div>
<div class="products-mixed-icon" id="S&P500">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/S&P500@[email protected] 2x" type="image/png" alt="S&P500">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/S&P500@[email protected] 2x" type="image/webp" alt="S&P500">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/S&[email protected] 1x" type="image/png" alt="S&P500">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/S&[email protected]" typeof="image/webp" alt="S&P500">
</picture>
</div>
<div class="products-mixed-icon" id="US500">
<picture>
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/US500@[email protected] 2x" type="image/png" alt="US500">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/US500@[email protected] 2x" type="image/webp" alt="US500">
<source class="mixed-icon" srcset="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected] 1x" type="image/png" alt="US500">
<img class="mixed-icon" src="assets/newfront/images/home/animated-home/products-mixed-icons/[email protected]" typeof="image/webp" alt="US500">
</picture>
</div>
</div>
</div>
</section>
<script>
var products = [{"key":"forex","title":"Forex","url":"products/forex","icons":[{"title":"BG4","url":"/public_files/images/home/animated-home/products-icons/forex/background-4"},{"title":"BG1","url":"/public_files/images/home/animated-home/products-icons/forex/background-1"},{"title":"Lira","url":"/public_files/images/home/animated-home/products-icons/forex/Lira"},{"title":"Yiena","url":"/public_files/images/home/animated-home/products-icons/forex/Yiena"},{"title":"BG3","url":"/public_files/images/home/animated-home/products-icons/forex/background-3"},{"title":"Dollar","url":"/public_files/images/home/animated-home/products-icons/forex/Dollar"},{"title":"Yen","url":"/public_files/images/home/animated-home/products-icons/forex/Yen"},{"title":"BG6","url":"/public_files/images/home/animated-home/products-icons/forex/background-6"},{"title":"BG2","url":"/public_files/images/home/animated-home/products-icons/forex/background-2"},{"title":"BG","url":"/public_files/images/home/animated-home/products-icons/forex/background"},{"title":"Frank","url":"/public_files/images/home/animated-home/products-icons/forex/Frank"},{"title":"BG8","url":"/public_files/images/home/animated-home/products-icons/forex/background-8"},{"title":"BG5","url":"/public_files/images/home/animated-home/products-icons/forex/background-5"},{"title":"BG10","url":"/public_files/images/home/animated-home/products-icons/forex/background-10"},{"title":"Euro","url":"/public_files/images/home/animated-home/products-icons/forex/Euro"},{"title":"Pound","url":"/public_files/images/home/animated-home/products-icons/forex/Pound"},{"title":"BG9","url":"/public_files/images/home/animated-home/products-icons/forex/background-9"}]},{"key":"metals","title":"Metals","url":"products/metals","icons":[{"title":"BG1","url":"/public_files/images/home/animated-home/products-icons/metals/Background%201"},{"title":"Silver","url":"/public_files/images/home/animated-home/products-icons/metals/Silver"},{"title":"XPTUSD","url":"/public_files/images/home/animated-home/products-icons/metals/XPTUSD"},{"title":"BG4","url":"/public_files/images/home/animated-home/products-icons/metals/Background%204"},{"title":"XPOUSD","url":"/public_files/images/home/animated-home/products-icons/metals/XPOUSD"},{"title":"Platinum","url":"/public_files/images/home/animated-home/products-icons/metals/Platinum"},{"title":"XAGUSD","url":"/public_files/images/home/animated-home/products-icons/metals/XAGUSD"},{"title":"BG3","url":"/public_files/images/home/animated-home/products-icons/metals/Background%203"},{"title":"Palladium","url":"/public_files/images/home/animated-home/products-icons/metals/Palladium"},{"title":"XAUUSD","url":"/public_files/images/home/animated-home/products-icons/metals/XAUUSD"},{"title":"BG2","url":"/public_files/images/home/animated-home/products-icons/metals/Background%202"},{"title":"Gold","url":"/public_files/images/home/animated-home/products-icons/metals/Gold"}]},{"key":"shares","title":"Shares","url":"products/shares","icons":[{"title":"Tesla-bg","url":"/public_files/images/home/animated-home/products-icons/shares/Background%204"},{"title":"Meta","url":"/public_files/images/home/animated-home/products-icons/shares/META"},{"title":"NVIDIA","url":"/public_files/images/home/animated-home/products-icons/shares/NVIDIA"},{"title":"Amazon-bg","url":"/public_files/images/home/animated-home/products-icons/shares/Background%203"},{"title":"Netflix","url":"/public_files/images/home/animated-home/products-icons/shares/Netflix"},{"title":"Netflix-bg","url":"/public_files/images/home/animated-home/products-icons/shares/Background%201"},{"title":"Meta-bg","url":"/public_files/images/home/animated-home/products-icons/shares/Background%202"},{"title":"Microsoft","url":"/public_files/images/home/animated-home/products-icons/shares/Microsoft"},{"title":"Microsoft-bg","url":"/public_files/images/home/animated-home/products-icons/shares/Background%205"},{"title":"Amazon","url":"/public_files/images/home/animated-home/products-icons/shares/Amazon"},{"title":"Tesla","url":"/public_files/images/home/animated-home/products-icons/shares/Tesla"}]},{"key":"indices","title":"Indices","url":"products/indices","icons":[{"title":"BG1","url":"/public_files/images/home/animated-home/products-icons/indicies/Background%201"},{"title":"UK100","url":"/public_files/images/home/animated-home/products-icons/indicies/UK100"},{"title":"BG3","url":"/public_files/images/home/animated-home/products-icons/indicies/Background%203"},{"title":"BG4","url":"/public_files/images/home/animated-home/products-icons/indicies/Background%204"},{"title":"NASDAQ","url":"/public_files/images/home/animated-home/products-icons/indicies/NASDAQ"},{"title":"US30","url":"/public_files/images/home/animated-home/products-icons/indicies/US30"},{"title":"BG2","url":"/public_files/images/home/animated-home/products-icons/indicies/Background%202"},{"title":"DE30","url":"/public_files/images/home/animated-home/products-icons/indicies/DE30"},{"title":"BG5","url":"/public_files/images/home/animated-home/products-icons/indicies/Background%205"},{"title":"S&P500","url":"/public_files/images/home/animated-home/products-icons/indicies/S&P500"},{"title":"US500","url":"/public_files/images/home/animated-home/products-icons/indicies/US500"}]},{"key":"commodities","title":"Commodities","url":"products/commodities","icons":[{"title":"BG5","url":"/public_files/images/home/animated-home/products-icons/commodities/Background%206"},{"title":"CORN","url":"/public_files/images/home/animated-home/products-icons/commodities/CORN"},{"title":"Coffee beans","url":"/public_files/images/home/animated-home/products-icons/commodities/coffee%20beans"},{"title":"BG1","url":"/public_files/images/home/animated-home/products-icons/commodities/Background%201"},{"title":"SUGAR 2","url":"/public_files/images/home/animated-home/products-icons/commodities/SUGAR%202"},{"title":"SOY","url":"/public_files/images/home/animated-home/products-icons/commodities/SOY"},{"title":"SUGAR","url":"/public_files/images/home/animated-home/products-icons/commodities/SUGAR"},{"title":"SUGAR 1","url":"/public_files/images/home/animated-home/products-icons/commodities/SUGAR%201"},{"title":"BG4","url":"/public_files/images/home/animated-home/products-icons/commodities/Background%205"},{"title":"BG3","url":"/public_files/images/home/animated-home/products-icons/commodities/Background%204"},{"title":"COCOA","url":"/public_files/images/home/animated-home/products-icons/commodities/COCOA"},{"title":"COCOA BEANS","url":"/public_files/images/home/animated-home/products-icons/commodities/COCOA%20BEANS"},{"title":"COCOA LEAVES2","url":"/public_files/images/home/animated-home/products-icons/commodities/COCOA%20LEAVES%202"},{"title":"COCOA LEAVES","url":"/public_files/images/home/animated-home/products-icons/commodities/COCOA%20LEAVES"},{"title":"COCOA 2","url":"/public_files/images/home/animated-home/products-icons/commodities/COCOA%202"},{"title":"BG3","url":"/public_files/images/home/animated-home/products-icons/commodities/Background%203"},{"title":"OIL","url":"/public_files/images/home/animated-home/products-icons/commodities/OIL"},{"title":"COTTON 2","url":"/public_files/images/home/animated-home/products-icons/commodities/COTTON%202"},{"title":"COTTON","url":"/public_files/images/home/animated-home/products-icons/commodities/COTTON"}]},{"key":"digital-assets","title":"DIGITAL ASSETS","url":"products/cryptocurrencies","icons":[{"title":"BG4","url":"/public_files/images/home/animated-home/products-icons/digital-assets/Background%204"},{"title":"BG2","url":"/public_files/images/home/animated-home/products-icons/digital-assets/Background%202"},{"title":"CARDANO","url":"/public_files/images/home/animated-home/products-icons/digital-assets/CARDANO"},{"title":"BG1","url":"/public_files/images/home/animated-home/products-icons/digital-assets/Background%201"},{"title":"TETHER","url":"/public_files/images/home/animated-home/products-icons/digital-assets/TETHER"},{"title":"BG7","url":"/public_files/images/home/animated-home/products-icons/digital-assets/Background%207"},{"title":"ETHEREUM","url":"/public_files/images/home/animated-home/products-icons/digital-assets/ETHEREUM"},{"title":"BG3","url":"/public_files/images/home/animated-home/products-icons/digital-assets/Background%203"},{"title":"STELLAR","url":"/public_files/images/home/animated-home/products-icons/digital-assets/STELLAR"},{"title":"BG5","url":"/public_files/images/home/animated-home/products-icons/digital-assets/Background%205"},{"title":"POLKA DOT","url":"/public_files/images/home/animated-home/products-icons/digital-assets/POLKA%20DOT"},{"title":"EOS","url":"/public_files/images/home/animated-home/products-icons/digital-assets/EOS"},{"title":"BITCOIN","url":"/public_files/images/home/animated-home/products-icons/digital-assets/BITCOIN"}]}]
</script>
<style>
#our-products-section {
position: relative;
}
[dir] #our-products-section {
padding-top: 2.8125rem;
padding-bottom: 2.8125rem;
}
[dir=ltr] #our-products-section {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#010C3E), to(#03105F)) no-repeat scroll center;
background: transparent linear-gradient(180deg, #010C3E 0%, #03105F 100%) no-repeat scroll center;
}
[dir=rtl] #our-products-section {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#010C3E), to(#03105F)) no-repeat scroll center;
background: transparent linear-gradient(-180deg, #010C3E 0%, #03105F 100%) no-repeat scroll center;
}
@media (min-width: 1200px) {
[dir] #our-products-section {
padding-top: 0.375rem;
padding-bottom: 7rem;
}
}
.products-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 102rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .products-wrapper {
padding-left: 1.875rem;
padding-right: 1.875rem;
margin-left: auto;
margin-right: auto;
margin-top: 3rem;
}
@media (min-width: 1200px) {
.products-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
[dir] .products-wrapper {
padding-left: 4rem;
padding-right: 4rem;
}
}
.products-wrapper .product-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.25rem;
font-weight: 500;
}
[dir] .products-wrapper .product-title {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] .products-wrapper .product-title {
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] .products-wrapper .product-title {
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) {
.products-wrapper .product-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
.products-wrapper .product-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
.products-wrapper .product-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
.products-wrapper .product-title {
font-size: 3.25rem;
}
}
.products-wrapper .products-paragraph {
color: white;
line-height: 1.375rem;
}
.products-wrapper .products-paragraph a {
color: white;
text-decoration: none;
}
@media (min-width: 1200px) {
.products-wrapper .products-paragraph {
line-height: 1.33;
font-size: 1.25rem;
}
[dir=ltr] .products-wrapper .products-paragraph {
padding-right: 3em;
}
[dir=rtl] .products-wrapper .products-paragraph {
padding-left: 3em;
}
}
.products-wrapper .products-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.625em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .products-wrapper .products-buttons {
margin-top: 2rem;
}
@media (min-width: 1200px) {
.products-wrapper .products-buttons {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
}
}
.products-wrapper .products-buttons .products-button-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] .products-wrapper .products-buttons .products-button-wrapper {
padding: 0.5em 0.5625em;
background: rgba(9, 31, 142, 0.3019607843);
border-radius: 0.5rem;
border: 0.0625rem solid #C79942;
}
@media (min-width: 992px) {
.products-wrapper .products-buttons .products-button-wrapper {
height: 6rem;
}
}
.products-wrapper .products-buttons .products-button-wrapper .products-button {
font-size: 0.8rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
[dir] .products-wrapper .products-buttons .products-button-wrapper .products-button {
text-align: center;
-webkit-transition: color linear 0.1s;
transition: color linear 0.1s;
}
@media (min-width: 576px) {
.products-wrapper .products-buttons .products-button-wrapper .products-button {
font-size: 0.8125rem;
}
}
@media (min-width: 768px) {
.products-wrapper .products-buttons .products-button-wrapper .products-button {
font-size: 1rem;
}
}
@media (min-width: 992px) {
.products-wrapper .products-buttons .products-button-wrapper .products-button {
font-size: 1.2rem;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-buttons .products-button-wrapper .products-button {
font-size: 1.5rem;
font-weight: 500;
}
}
.products-wrapper .products-buttons .products-button-wrapper .products-button-desc {
opacity: 0;
height: 0;
font-size: 0.8125rem;
color: #010C3E;
font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
font-weight: 500;
}
[dir] .products-wrapper .products-buttons .products-button-wrapper .products-button-desc {
text-align: center;
-webkit-transition: height ease-in-out 0.5s;
transition: height ease-in-out 0.5s;
}
@media (min-width: 992px) {
[dir] .products-wrapper .products-buttons .products-button-wrapper:hover {
cursor: pointer;
}
[dir=ltr] .products-wrapper .products-buttons .products-button-wrapper:hover {
background: transparent -webkit-gradient(linear, right top, left top, from(#A0762F), color-stop(51%, #DEC481), to(#A0762F)) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(270deg, #A0762F 0%, #DEC481 51%, #A0762F 100%) 0% 0% no-repeat padding-box;
}
[dir=rtl] .products-wrapper .products-buttons .products-button-wrapper:hover {
background: transparent -webkit-gradient(linear, left top, right top, from(#A0762F), color-stop(51%, #DEC481), to(#A0762F)) 100% 0% no-repeat padding-box;
background: transparent linear-gradient(-270deg, #A0762F 0%, #DEC481 51%, #A0762F 100%) 100% 0% no-repeat padding-box;
}
.products-wrapper .products-buttons .products-button-wrapper:hover .products-button {
color: #010C3E;
}
.products-wrapper .products-buttons .products-button-wrapper:hover .products-button-desc {
opacity: 1;
height: 2rem;
}
}
.products-wrapper .products-icons {
position: relative;
overflow: hidden;
z-index: 0;
background: #03105F;
height: 30rem;
}
[dir] .products-wrapper .products-icons {
background: radial-gradient(closest-side at 50% 50%, #03105F 0%, rgba(3, 16, 95, 0) 100%);
margin-top: 3rem;
}
@media (min-width: 576px) {
.products-wrapper .products-icons {
overflow: unset;
}
[dir=ltr] .products-wrapper .products-icons {
left: -2rem;
}
[dir=rtl] .products-wrapper .products-icons {
right: -2rem;
}
}
@media (min-width: 768px) {
.products-wrapper .products-icons {
height: 40rem;
}
}
@media (min-width: 992px) {
[dir=ltr] .products-wrapper .products-icons {
left: 0;
}
[dir=rtl] .products-wrapper .products-icons {
right: 0;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-icons {
height: auto;
}
[dir] .products-wrapper .products-icons {
margin-top: 0;
}
}
.products-wrapper .products-icons .products-mixed-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
row-gap: 0.75rem;
}
[dir] .products-wrapper .products-icons .products-mixed-wrapper {
text-align: center;
}
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
font-size: 2rem;
text-transform: uppercase;
line-height: 1.25;
font-weight: 500;
}
[dir] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
margin: 0;
-webkit-background-clip: text;
padding: 0 2.5rem;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
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] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
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) {
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
font-size: 3.25rem;
}
}
@media (min-width: 768px) {
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
line-height: 1.33;
}
[dir] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
padding: 0 4.6875rem;
}
}
@media (min-width: 992px) {
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
font-size: 3.25rem;
}
[dir] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-title {
padding: 0;
}
}
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-description {
font-size: 1rem;
color: #FFFFFF;
text-transform: uppercase;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
line-height: 1.5;
}
[dir] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-description {
padding: 0 5.5rem;
}
@media (min-width: 992px) {
.products-wrapper .products-icons .products-mixed-wrapper .products-mixed-description {
font-size: 1.5rem;
line-height: 1.33;
}
[dir] .products-wrapper .products-icons .products-mixed-wrapper .products-mixed-description {
margin-top: 0.5rem;
padding: 0;
}
}
.products-wrapper .products-icons .products-mixed-icon {
position: absolute;
}
[dir] .products-wrapper .products-icons .products-mixed-icon img {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
@media (min-width: 576px) {
[dir] .products-wrapper .products-icons .products-mixed-icon img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@media (min-width: 768px) {
[dir] .products-wrapper .products-icons .products-mixed-icon img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@media (min-width: 992px) {
[dir] .products-wrapper .products-icons .products-mixed-icon img {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@media (min-width: 1200px) {
[dir] .products-wrapper .products-icons .products-mixed-icon img {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
}
@media (min-width: 2500px) {
[dir] .products-wrapper .products-icons .products-mixed-icon img {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
top: 60%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
-webkit-animation: leftBottomFloat 8s ease-in-out infinite;
animation: leftBottomFloat 8s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
left: 69%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
right: 69%;
}
@media (min-width: 480px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
top: 54%;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
left: 65%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
right: 65%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
left: 75%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(1) {
right: 75%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
top: 4%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
-webkit-animation: leftBottomFloat 7s ease-in-out infinite;
animation: leftBottomFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
left: -8%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
right: -8%;
}
@media (min-width: 480px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
left: 0%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
right: 0%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
left: 10%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
right: 10%;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(2) {
top: -1%;
}
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) img {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
@media (min-width: 2500px) {
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(2) img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
top: -6%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
-webkit-animation: rightTopFloat 9s ease-in-out infinite;
animation: rightTopFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
left: 4%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
right: 4%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
left: 14%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
right: 14%;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(3) {
top: -10%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
top: 78%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
-webkit-animation: leftBottomFloat 8s ease-in-out infinite;
animation: leftBottomFloat 8s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
left: -4%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
right: -4%;
}
@media (min-width: 576px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
top: 70%;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
left: 6%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(4) {
right: 6%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
top: 2%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
-webkit-animation: rightTopFloat 9s ease-in-out infinite;
animation: rightTopFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
left: 33%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
right: 33%;
}
@media (min-width: 480px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
left: 22%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
right: 22%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
left: 32%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(5) {
right: 32%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(6) {
top: 67%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(6) {
-webkit-animation: rightBottomFloat 11s ease-in-out infinite;
animation: rightBottomFloat 11s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(6) {
left: 3%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(6) {
right: 3%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(6) {
left: 13%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(6) {
right: 13%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
top: 35%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
-webkit-animation: rightTopFloat 7s ease-in-out infinite;
animation: rightTopFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
left: -20%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
right: -20%;
}
@media (min-width: 480px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
left: -10%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
right: -10%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
left: 0%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(7) {
right: 0%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(8) {
top: 40%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(8) {
-webkit-animation: leftBottomFloat 11s ease-in-out infinite;
animation: leftBottomFloat 11s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(8) {
left: 7%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(8) {
right: 7%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(8) {
left: 17%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(8) {
right: 17%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(9) {
top: 67%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(9) {
-webkit-animation: rightBottomFloat 7s ease-in-out infinite;
animation: rightBottomFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(9) {
left: 4%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(9) {
right: 4%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(9) {
left: 14%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(9) {
right: 14%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(10) {
top: 25%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(10) {
-webkit-animation: leftTopFloat 10s ease-in-out infinite;
animation: leftTopFloat 10s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(10) {
left: 40%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(10) {
right: 40%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(10) {
left: 50%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(10) {
right: 50%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(11) {
top: 13%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(11) {
-webkit-animation: rightBottomFloat 11s ease-in-out infinite;
animation: rightBottomFloat 11s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(11) {
left: -13%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(11) {
right: -13%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(11) {
left: 3%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(11) {
right: 3%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
top: 48%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
-webkit-animation: leftTopFloat 7s ease-in-out infinite;
animation: leftTopFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
left: 28%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
right: 28%;
}
@media (min-width: 480px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
left: 24%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
right: 24%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
left: 34%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(12) {
right: 34%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(13) {
top: 67%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(13) {
-webkit-animation: leftBottomFloat 10s ease-in-out infinite;
animation: leftBottomFloat 10s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(13) {
left: 35%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(13) {
right: 35%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(13) {
left: 45%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(13) {
right: 45%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(14) {
top: 39%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(14) {
-webkit-animation: rightTopFloat 11s ease-in-out infinite;
animation: rightTopFloat 11s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(14) {
left: 40%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(14) {
right: 40%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(14) {
left: 50%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(14) {
right: 50%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
top: 76%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
-webkit-animation: leftTopFloat 11s ease-in-out infinite;
animation: leftTopFloat 11s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
left: 45%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
right: 45%;
}
@media (min-width: 576px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
top: 69%;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
left: 55%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(15) {
right: 55%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
top: 76%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
-webkit-animation: leftBottomFloat 7s ease-in-out infinite;
animation: leftBottomFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
left: 22%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
right: 22%;
}
@media (min-width: 576px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
top: 74%;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
left: 32%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(16) {
right: 32%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(17) {
top: 74%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(17) {
-webkit-animation: rightTopFloat 7s ease-in-out infinite;
animation: rightTopFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(17) {
left: 76%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(17) {
right: 76%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(17) {
left: 86%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(17) {
right: 86%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
top: 68%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
-webkit-animation: leftTopFloat 9s ease-in-out infinite;
animation: leftTopFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
left: 69%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
right: 69%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
left: 65%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
right: 65%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
left: 75%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(18) {
right: 75%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(19) {
top: 54%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(19) {
-webkit-animation: rightTopFloat 7s ease-in-out infinite;
animation: rightTopFloat 7s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(19) {
left: 81%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(19) {
right: 81%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(19) {
left: 91%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(19) {
right: 91%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
top: 20%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
-webkit-animation: leftTopFloat 10s ease-in-out infinite;
animation: leftTopFloat 10s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
left: 60%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
right: 60%;
}
@media (min-width: 480px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
left: 64%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
right: 64%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
left: 74%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(20) {
right: 74%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(21) {
top: 0%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(21) {
-webkit-animation: rightBottomFloat 10s ease-in-out infinite;
animation: rightBottomFloat 10s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(21) {
left: 0%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(21) {
right: 0%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(21) {
left: 10%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(21) {
right: 10%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(22) {
top: 34%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(22) {
-webkit-animation: leftTopFloat 9s ease-in-out infinite;
animation: leftTopFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(22) {
left: 55%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(22) {
right: 55%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(22) {
left: 65%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(22) {
right: 65%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
top: -9%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
-webkit-animation: rightBottomFloat 9s ease-in-out infinite;
animation: rightBottomFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
left: 58%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
right: 58%;
}
@media (min-width: 480px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
left: 70%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
right: 70%;
}
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
left: 77%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
right: 77%;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
top: -13%;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
left: 80%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(23) {
right: 80%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
top: 7%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
-webkit-animation: leftBottomFloat 8s ease-in-out infinite;
animation: leftBottomFloat 8s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
left: 53%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
right: 53%;
}
@media (min-width: 576px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
top: 3%;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
left: 67%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(24) {
right: 67%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
top: -6%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
-webkit-animation: leftTopFloat 9s ease-in-out infinite;
animation: leftTopFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
left: 45%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
right: 45%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
left: 55%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
right: 55%;
}
}
@media (min-width: 1200px) {
.products-wrapper .products-icons .products-mixed-icon:nth-child(25) {
top: -12%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(26) {
top: 19%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(26) {
-webkit-animation: rightTopFloat 11s ease-in-out infinite;
animation: rightTopFloat 11s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(26) {
left: 36%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(26) {
right: 36%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(26) {
left: 51%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(26) {
right: 51%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(27) {
top: -10%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(27) {
-webkit-animation: leftBottomFloat 9s ease-in-out infinite;
animation: leftBottomFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(27) {
left: 33%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(27) {
right: 33%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(27) {
left: 43%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(27) {
right: 43%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(28) {
top: 40%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(28) {
-webkit-animation: rightTopFloat 8s ease-in-out infinite;
animation: rightTopFloat 8s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(28) {
left: 23%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(28) {
right: 23%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(28) {
left: 33%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(28) {
right: 33%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(29) {
top: 2%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(29) {
-webkit-animation: leftBottomFloat 9s ease-in-out infinite;
animation: leftBottomFloat 9s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(29) {
left: 20%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(29) {
right: 20%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(29) {
left: 30%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(29) {
right: 30%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(30) {
top: 30%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(30) {
-webkit-animation: rightTopFloat 10s ease-in-out infinite;
animation: rightTopFloat 10s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(30) {
left: 30%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(30) {
right: 30%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(30) {
left: 40%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(30) {
right: 40%;
}
}
.products-wrapper .products-icons .products-mixed-icon:nth-child(31) {
top: 19%;
}
[dir] .products-wrapper .products-icons .products-mixed-icon:nth-child(31) {
-webkit-animation: leftTopFloat 10s ease-in-out infinite;
animation: leftTopFloat 10s ease-in-out infinite;
}
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(31) {
left: 24%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(31) {
right: 24%;
}
@media (min-width: 576px) {
[dir=ltr] .products-wrapper .products-icons .products-mixed-icon:nth-child(31) {
left: 34%;
}
[dir=rtl] .products-wrapper .products-icons .products-mixed-icon:nth-child(31) {
right: 34%;
}
}
@-webkit-keyframes float {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(11%, -7%);
transform: translate(11%, -7%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes float {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(11%, -7%);
transform: translate(11%, -7%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@-webkit-keyframes leftTopFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-7%, -9%);
transform: translate(-7%, -9%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes leftTopFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-7%, -9%);
transform: translate(-7%, -9%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@-webkit-keyframes rightTopFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(7%, -11%);
transform: translate(7%, -11%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes rightTopFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(7%, -11%);
transform: translate(7%, -11%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@-webkit-keyframes rightBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(11%, 9%);
transform: translate(11%, 9%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes rightBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(11%, 9%);
transform: translate(11%, 9%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@-webkit-keyframes leftBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-7%, 9%);
transform: translate(-7%, 9%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes leftBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-7%, 9%);
transform: translate(-7%, 9%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@-webkit-keyframes topBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-11%, 8%);
transform: translate(-11%, 8%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes topBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-11%, 8%);
transform: translate(-11%, 8%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}</style>
<script>// const productsButtons = $('.products-buttons')
// const productIconsWrapper = $('.products-icons')
// const secondsToChange = 2;
// let buttonIndex = 1;
//
// const activateButton = (element) => {
// const id = element.attr("id")
//
// const productIcons = products.find(({key}) => key === id)
// let icons = '';
// productIcons?.icons.map((product) => {
// icons += `<div class='products-icon ${id}' id=${product.title}>
// <picture>
// <source srcset="${product.url}.png" type="image/png" />
// <img class="icon" src="${product.url}.webp" alt=${product.title}/>
// </picture>
// </div>`
// });
// icons += `<h2 class="product-title">${productIcons.title}</h2>`
// productIconsWrapper.empty();
// productIconsWrapper.append(icons).hide().fadeIn(1000)
// }
//
// activateButton($('.products-button').first())
//
// const interval = setInterval(() => {
// if( buttonIndex >= $('.products-buttons>a').length ) {
// activateButton(productsButtons.children().first())
// buttonIndex = 1;
// } else {
// activateButton(productsButtons.children().eq(buttonIndex))
// buttonIndex++
// }
// }, secondsToChange * 1000);
//
//
"use strict";</script>
<!-- Banner Top -->
<section class="follow-success" style="
padding-left: 4rem;
padding-right: 4rem;
">
<div class="container-fluid">
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-12 col-12">
<h2 class="follow-success-heading">
EARN LIKE TOP TRADERS
</h2>
<p>
Social trading can be extremely beneficial when it comes to trading financial markets. Experienced traders can earn additional income by having followers on our platform that replicate their trading strategy. On top of their own trading profits, they can receive a commission from the followers that are replicating their trades.
</p>
<p>
Beginners can mimic the trades of more experienced traders, having the chance to learn and benefit from their success. They only have to choose their favorite trader to copy on our platform and automatically copy their trades on our platform.
</p>
<div class="mobile-show d-xl-none d-lg-none d-md-block d-block">
<div class="relative-div">
<div class="child-absolute" style="position: relative;">
<div class="relative-first">
<div class="a-first">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="a-second">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="a-third">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="a-fourth">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-statCard1.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-statCard1.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
</div>
</div>
<div class="child-absolute-second">
<div class="relative-second">
<div class="b-first">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble5.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble5.png 1x,https://mexgroup.com/public_files/images/social_trading/new/img-socialTradingsideBubble5%402x.png 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="b-second">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="b-third">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="b-fourth">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-statCard2.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-statCard2.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
</div>
</div>
<div class="child-absolute-third">
<div class="relative-third">
<div class="c-first">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3.webp 1x, assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3.png 1x, assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="c-second">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="c-third">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble4.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble4.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="c-fourth">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-statCard3.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-statCard3.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
</div>
</div>
</div><br><br><br><br><br><br>
</div>
<ul>
<li><span class="img-list-success"><img src="assets/newfront/images/social_trading/new/svgs/icon-successfulTrader.svg"></span>
Copy successful traders from around the world
</li>
<li><span class="img-list-success"><img src="assets/newfront/images/social_trading/new/svgs/icon-investPortfolio.svg"></span>
Hassle-free investing service & portfolio management
</li>
<li><span class="img-list-success"><img src="assets/newfront/images/social_trading/new/svgs/icon-customerService.svg"></span>
Highly rated 24/7 customer service
</li>
<li><span class="img-list-success"><img src="assets/newfront/images/social_trading/new/svgs/icon-globalRegulated.svg"></span>
Globally regulated & licensed
</li>
</ul>
<div class="btn-div mt-md-5 mt-2">
<a class="gold-btn" href="assets/newfront/13519515_MULTICOPYTRADE_2021-07-20-Copy.pdf">
View Certificate of Incoporation
</a>
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-12 col-12 d-xl-block d-lg-block d-md-none d-none">
<div class="relative-div">
<div class="child-absolute">
<div class="relative-first">
<div class="a-first">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="a-second">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="a-third">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="a-fourth">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-statCard1.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-statCard1.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
</div>
</div>
<div class="child-absolute-second">
<div class="relative-second">
<div class="b-first">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble5.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble5.png 1x,https://mexgroup.com/public_files/images/social_trading/new/img-socialTradingsideBubble5%402x.png 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="b-second">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="b-third">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="b-fourth">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-statCard2.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-statCard2.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
</div>
</div>
<div class="child-absolute-third">
<div class="relative-third">
<div class="c-first">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3.webp 1x, assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3.png 1x, assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="c-second">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="c-third">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble4.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble4.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
<div class="c-fourth">
<picture>
<source srcset="assets/newfront/images/social_trading/new/img-statCard3.webp 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/social_trading/new/img-statCard3.png 1x,assets/newfront/images/social_trading/new/[email protected] 2x" type="image/png">
<img class="mobile-img-bg" src="assets/newfront/images/social_trading/new/[email protected]">
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
</script>
<style>
.follow-success {
position: relative;
}
[dir] .follow-success {
padding: 7rem 0 5rem 0;
}
[dir=ltr] .follow-success {
background: #f5f5f5 0% 0% no-repeat padding-box;
}
[dir=rtl] .follow-success {
background: #00062B 100% 0% no-repeat padding-box;
}
@media (max-width: 767px) {
[dir] .follow-success {
padding: 2.5rem 0;
}
}
.follow-success h2 {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
letter-spacing: 0;
font-size: 1.75rem;
text-transform: uppercase;
}
[dir] .follow-success h2 {
margin: 0 0 0.9375rem 0;
-webkit-background-clip: text;
}
[dir=ltr] .follow-success h2 {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), color-stop(51%, #CAAB67), to(#AD8640));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 51%, #AD8640 100%);
}
[dir=rtl] .follow-success h2 {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), color-stop(51%, #CAAB67), to(#AD8640));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 51%, #AD8640 100%);
}
@media (min-width: 768px) {
.follow-success h2 {
font-size: 2.25rem;
}
[dir] .follow-success h2 {
margin: 0 0 0.9375rem 0;
}
}
@media (min-width: 992px) {
.follow-success h2 {
font-size: 2.875rem;
}
[dir] .follow-success h2 {
margin: 0 0 1.25rem 0;
}
}
@media (min-width: 1200px) {
.follow-success h2 {
font-size: 2.8rem;
}
[dir] .follow-success h2 {
margin: 0 0 1.875rem 0;
}
}
.follow-success p {
font-size: 1.25rem;
line-height: 1.875rem;
}
[dir] .follow-success p {
margin: 0 0 0.9375rem 0;
}
@media (max-width: 767px) {
.follow-success p {
font-size: 0.9375rem;
line-height: 1.375rem;
}
}
.follow-success .mobile-show {
display: block;
}
[dir] .follow-success .mobile-show {
margin: 0 auto;
text-align: center;
}
.follow-success .mobile-show .mobile-img-bg {
max-width: 100%;
width: 100%;
}
.follow-success .gold-btn {
text-decoration: none;
white-space: inherit !important;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.875rem;
letter-spacing: 0;
color: #020862;
}
[dir] .follow-success .gold-btn {
border: 0.0625rem solid #bb914a;
background-color: #bb914a;
background-size: 200% auto;
-webkit-transition: 0.3s all;
transition: 0.3s all;
padding: 0.5em 1.5em;
border-radius: 0.3125rem;
cursor: pointer;
text-align: center;
}
[dir=ltr] .follow-success .gold-btn {
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: center right;
}
[dir=rtl] .follow-success .gold-btn {
background-image: -webkit-gradient(linear, right top, left top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(-90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: center left;
}
[dir=ltr] .follow-success .gold-btn:hover {
background-position: center left;
}
[dir=rtl] .follow-success .gold-btn:hover {
background-position: center right;
}
@media (max-width: 991px) {
.follow-success .gold-btn {
width: 100%;
display: block;
}
}
.follow-success ul {
list-style: none;
}
[dir=ltr] .follow-success ul {
padding-left: 0;
}
[dir=rtl] .follow-success ul {
padding-right: 0;
}
.follow-success ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] .follow-success ul li {
margin-bottom: 0.3125rem;
}
@media (max-width: 991px) {
[dir] .follow-success ul li {
margin-bottom: 0.625rem;
}
}
[dir=ltr] .follow-success ul li span {
margin-right: 1.5625rem;
}
[dir=rtl] .follow-success ul li span {
margin-left: 1.5625rem;
}
@media (max-width: 767px) {
[dir=ltr] .follow-success ul li span {
margin-right: 1rem;
}
[dir=rtl] .follow-success ul li span {
margin-left: 1rem;
}
}
@media (max-width: 767px) {
.follow-success ul li span img {
width: 1.875rem;
height: 1.875rem;
}
}
.follow-success .relative-div {
position: relative;
width: 100%;
height: 100%;
}
.follow-success .relative-div .mobile-img-bg {
max-width: 100%;
}
.follow-success .relative-div .child-absolute {
position: absolute;
min-height: 25rem;
width: 42%;
height: 100%;
}
[dir=ltr] .follow-success .relative-div .child-absolute {
left: 38%;
}
[dir=rtl] .follow-success .relative-div .child-absolute {
right: 38%;
}
.follow-success .relative-div .child-absolute .relative-first {
position: relative;
}
.follow-success .relative-div .child-absolute .relative-first .a-first {
position: absolute;
}
[dir] .follow-success .relative-div .child-absolute .relative-first .a-first {
-webkit-animation: actionRight 3s infinite alternate;
animation: actionRight 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute .relative-first .a-first {
left: -2.125rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute .relative-first .a-first {
right: -2.125rem;
}
.follow-success .relative-div .child-absolute .relative-first .a-second {
position: absolute;
z-index: 1;
}
[dir] .follow-success .relative-div .child-absolute .relative-first .a-second {
-webkit-animation: action 3s infinite alternate;
animation: action 3s infinite alternate;
}
.follow-success .relative-div .child-absolute .relative-first .a-third {
position: absolute;
top: -1.875rem;
}
[dir] .follow-success .relative-div .child-absolute .relative-first .a-third {
-webkit-animation: actionLeft 3s infinite alternate;
animation: actionLeft 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute .relative-first .a-third {
left: 58%;
}
[dir=rtl] .follow-success .relative-div .child-absolute .relative-first .a-third {
right: 58%;
}
.follow-success .relative-div .child-absolute .relative-first .a-fourth {
position: absolute;
z-index: 1;
top: 6.75rem;
}
[dir] .follow-success .relative-div .child-absolute .relative-first .a-fourth {
-webkit-animation: actionDown 3s infinite alternate;
animation: actionDown 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute .relative-first .a-fourth {
left: 11.5rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute .relative-first .a-fourth {
right: 11.5rem;
}
@media (max-width: 1200px) {
.follow-success .relative-div .child-absolute {
min-height: 23rem;
width: 23rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute {
left: 37%;
}
[dir=rtl] .follow-success .relative-div .child-absolute {
right: 37%;
}
}
.follow-success .relative-div .child-absolute-second {
position: absolute;
width: 30%;
min-height: 25rem;
height: 100%;
bottom: -10.5625rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-second {
right: 58%;
}
[dir=rtl] .follow-success .relative-div .child-absolute-second {
left: 58%;
}
.follow-success .relative-div .child-absolute-second .relative-second {
position: relative;
}
.follow-success .relative-div .child-absolute-second .relative-second .b-first {
position: absolute;
top: -2.125rem;
}
[dir] .follow-success .relative-div .child-absolute-second .relative-second .b-first {
-webkit-animation: actionRight 3s infinite alternate;
animation: actionRight 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-second .relative-second .b-first {
left: -1.8125rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-second .relative-second .b-first {
right: -1.8125rem;
}
.follow-success .relative-div .child-absolute-second .relative-second .b-second {
position: absolute;
z-index: 1;
top: -2.3125rem;
}
[dir] .follow-success .relative-div .child-absolute-second .relative-second .b-second {
-webkit-animation: actionLeft 3s infinite alternate;
animation: actionLeft 3s infinite alternate;
}
.follow-success .relative-div .child-absolute-second .relative-second .b-third {
position: absolute;
top: 10.875rem;
}
[dir] .follow-success .relative-div .child-absolute-second .relative-second .b-third {
-webkit-animation: action 3s infinite alternate;
animation: action 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-second .relative-second .b-third {
left: 8.6875rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-second .relative-second .b-third {
right: 8.6875rem;
}
.follow-success .relative-div .child-absolute-second .relative-second .b-fourth {
position: absolute;
z-index: 1;
top: 4.4375rem;
}
[dir] .follow-success .relative-div .child-absolute-second .relative-second .b-fourth {
-webkit-animation: actionDown 3s infinite alternate;
animation: actionDown 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-second .relative-second .b-fourth {
left: -4.8125rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-second .relative-second .b-fourth {
right: -4.8125rem;
}
@media (max-width: 1200px) {
.follow-success .relative-div .child-absolute-second {
width: 14.75rem;
min-height: 22rem;
bottom: -12.5625rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-second {
right: 50%;
}
[dir=rtl] .follow-success .relative-div .child-absolute-second {
left: 50%;
}
}
.follow-success .relative-div .child-absolute-third {
position: absolute;
width: 30%;
min-height: 25rem;
height: 100%;
bottom: -24rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third {
right: 0;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third {
left: 0;
}
@media (max-width: 1440px) {
.follow-success .relative-div .child-absolute-third {
bottom: -27rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third {
right: 2.125rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third {
left: 2.125rem;
}
}
.follow-success .relative-div .child-absolute-third .relative-third {
position: relative;
}
.follow-success .relative-div .child-absolute-third .relative-third .c-first {
position: absolute;
top: 9.375rem;
}
[dir] .follow-success .relative-div .child-absolute-third .relative-third .c-first {
-webkit-animation: actionDown 3s infinite alternate;
animation: actionDown 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-first {
left: -4.4375rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-first {
right: -4.4375rem;
}
.follow-success .relative-div .child-absolute-third .relative-third .c-second {
position: absolute;
z-index: 1;
}
[dir] .follow-success .relative-div .child-absolute-third .relative-third .c-second {
-webkit-animation: action 3s infinite alternate;
animation: action 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-second {
left: -2.75rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-second {
right: -2.75rem;
}
.follow-success .relative-div .child-absolute-third .relative-third .c-third {
position: absolute;
top: 11.1875rem;
}
[dir] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
-webkit-animation: actionLeft 3s infinite alternate;
animation: actionLeft 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
left: 9.375rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
right: 9.375rem;
}
@media (min-width: 2000px) {
.follow-success .relative-div .child-absolute-third .relative-third .c-third {
top: 10.1875rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
left: 5.375rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
right: 5.375rem;
}
}
@media (max-width: 1440px) {
.follow-success .relative-div .child-absolute-third .relative-third .c-third {
top: 14.1875rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
left: 10.375rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
right: 10.375rem;
}
}
@media (max-width: 1280px) {
.follow-success .relative-div .child-absolute-third .relative-third .c-third {
top: 11.1875rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
left: 6.375rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-third {
right: 6.375rem;
}
}
.follow-success .relative-div .child-absolute-third .relative-third .c-fourth {
position: absolute;
z-index: 1;
top: -7.0625rem;
}
[dir] .follow-success .relative-div .child-absolute-third .relative-third .c-fourth {
-webkit-animation: actionRight 3s infinite alternate;
animation: actionRight 3s infinite alternate;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third .relative-third .c-fourth {
left: 5.0625rem;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third .relative-third .c-fourth {
right: 5.0625rem;
}
@media (max-width: 1200px) {
.follow-success .relative-div .child-absolute-third {
width: 16.75rem;
min-height: 23rem;
height: 100%;
bottom: -26rem;
}
[dir=ltr] .follow-success .relative-div .child-absolute-third {
right: 0;
}
[dir=rtl] .follow-success .relative-div .child-absolute-third {
left: 0;
}
}
@-webkit-keyframes action {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-0.625rem);
transform: translateY(-0.625rem);
}
}
@keyframes action {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-0.625rem);
transform: translateY(-0.625rem);
}
}
@-webkit-keyframes actionRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(0.625rem);
transform: translateX(0.625rem);
}
}
@keyframes actionRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(0.625rem);
transform: translateX(0.625rem);
}
}
@-webkit-keyframes actionLeft {
0% {
-webkit-transform: translateY(0.625rem);
transform: translateY(0.625rem);
}
100% {
-webkit-transform: translateY(-0.625rem);
transform: translateY(-0.625rem);
}
}
@keyframes actionLeft {
0% {
-webkit-transform: translateY(0.625rem);
transform: translateY(0.625rem);
}
100% {
-webkit-transform: translateY(-0.625rem);
transform: translateY(-0.625rem);
}
}
@-webkit-keyframes actionDown {
0% {
-webkit-transform: translateX(0.625rem);
transform: translateX(0.625rem);
}
100% {
-webkit-transform: translateX(-0.625rem);
transform: translateX(-0.625rem);
}
}
@keyframes actionDown {
0% {
-webkit-transform: translateX(0.625rem);
transform: translateX(0.625rem);
}
100% {
-webkit-transform: translateX(-0.625rem);
transform: translateX(-0.625rem);
}
}
[dir] .btn-div .gold-btn {
padding: 0.5em 3.5em !important;
}</style>
<script>"use strict";
var imgBtns = document.getElementsByClassName('brochure-download-img');
if (lang === "en") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/download-brochure-desktop.png");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/download-brochure-desktop-hover.png');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/download-brochure-desktop.png');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/download-brochure-mob.png");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/download-brochure-mob-hover.png');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/download-brochure-mob.png');
});
}
if (lang === "ar") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-ar.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-ar-hover.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-ar.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-ar.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-ar-hover.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-ar.svg');
});
} else if (lang === "fr") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-fr.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-fr-hovered.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-fr.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-fr.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-fr-hovered.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-fr.svg');
});
} else if (lang === "it") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-it.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-it-hovered.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-it.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-it.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-it-hovered.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-it.svg');
});
} else if (lang === "latam") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-latam.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-latam-hovered.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-latam.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-latam.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-latam-hovered.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-latam.svg');
});
} else if (lang === "ru") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-ru.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-ru-hovered.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-ru.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-ru.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-ru-hovered.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-ru.svg');
});
} else if (lang === "tw") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-tw.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-tw-hovered.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-tw.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-tw.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-tw-hovered.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-tw.svg');
});
} else if (lang === "zh") {
imgBtns[0].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-zh.svg");
imgBtns[1].addEventListener("mouseover", function () {
imgBtns[1].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-zh-hovered.svg');
});
imgBtns[0].addEventListener("mouseleave", function () {
imgBtns[0].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-desktop-zh.svg');
});
imgBtns[2].setAttribute('src', "/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-zh.svg");
imgBtns[3].addEventListener("mouseover", function () {
imgBtns[3].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-zh-hovered.svg');
});
imgBtns[2].addEventListener("mouseleave", function () {
imgBtns[2].setAttribute('src', '/public_files/images/platforms/download_center/buttons/download-mfx-brochure-mobile-zh.svg');
});
}</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.min.js" text="text/javascript"></script>
<section id="heading-section1">
<div class="gh-heading-section1">
<div class="gh-background-video-wrapper1">
<video class="gh-background-video1 gh-background-video-loop1 d-xl-block d-lg-block d-md-none d-none" muted="" playsinline="" autoplay="" loop="" preload="auto">
<source src="https://cdn.multibankfx.com/pages/social-trading/social-trading.webm" type="video/webm">
<source src="https://cdn.multibankfx.com/pages/social-trading/social-trading.webm" type="video/mp4">
</video>
<div class="mobile-img d-xl-none d-lg-none d-md-block d-block">
<video class="gh-background-video1 gh-background-video-loop1 d-xl-block d-lg-block mobile-img-bg" muted="" playsinline="" autoplay="" loop="" preload="auto">
<source src="https://cdn.multibankfx.com/pages/social-trading/social-trading.webm" type="video/webm">
<source src="https://cdn.multibankfx.com/pages/social-trading/social-trading.webm" type="video/mp4">
</video>
</div>
</div>
<div class="gh-front-content1">
<div class="gh-container1 ">
<div class="gh-video-placeholder1"></div>
<div class="col-xl-5 col-12 mx-auto text-center">
<div class="banner-slides mobilehide">
<h1>COPY TRADE NETWORK</h1>
</div>
<div class="banner-slides mobileshow">
<h1>COPY TRADE NETWORK</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");
.mobileshow {
display: none;
}
@media (max-width: 991px){
.mobileshow {
display: block;
margin-top: -30px;
}
.mobilehide {
display: none;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#heading-section1 {
overflow: hidden;
position: relative;
}
[dir] #heading-section1 {
background: #010C3E;
}
.gh-heading-section1 {
position: relative;
}
.gh-background-video-wrapper1 {
position: absolute;
height: 0;
}
[dir] .gh-background-video-wrapper1 {
left: 0;
right: 0;
padding-top: 45.041%;
background: #010C3E;
}
@media (max-width: 1400px) {
.gh-background-video-wrapper1 {
top: 1.9375rem;
}
[dir] .gh-background-video-wrapper1 {
margin-top: 0;
}
}
@media (max-width: 1200px) {
[dir] .gh-background-video-wrapper1 {
padding-top: 45.041%;
}
}
@media (max-width: 1199px) {
.gh-background-video-wrapper1 {
top: 0;
}
[dir] .gh-background-video-wrapper {
padding-top: 42.041%;
}
}
@media (max-width: 1040px) {
[dir] .gh-background-video-wrapper1 {
padding-top: 46.041%;
}
}
@media (max-width: 991px) {
.gh-background-video-wrapper1 {
position: relative;
top: 0;
height: auto;
}
[dir] .gh-background-video-wrapper1 {
padding-top: 0;
}
}
.gh-background-video-wrapper1 .mobile-img-bg {
position: absolute;
top: -25%;
bottom: 0;
width: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
.gh-background-video-wrapper1 .mobile-img-bg {
position: relative;
}
}
.gh-background-video1 {
display: block;
position: absolute;
top: -5%;
bottom: 0;
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
[dir] .gh-background-video1 {
left: 0;
right: 0;
}
.gh-background-video-gradient1 {
position: absolute;
width: 100%;
height: 15%;
bottom: -1.6875rem;
}
[dir] .gh-background-video-gradient1 {
left: 0;
right: 0;
}
[dir=ltr] .gh-background-video-gradient1 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 10, 58, 0)), color-stop(90%, #00062b)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(180deg, rgba(0, 10, 58, 0) 0%, #00062b 90%) 0 0 no-repeat padding-box;
}
[dir=rtl] .gh-background-video-gradient1 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 10, 58, 0)), color-stop(90%, #00062b)) 100% 0 no-repeat padding-box;
background: transparent linear-gradient(-180deg, rgba(0, 10, 58, 0) 0%, #00062b 90%) 100% 0 no-repeat padding-box;
}
@media (max-width: 1199px) {
.gh-background-video-gradient1 {
bottom: 0;
}
}
@media (max-width: 991px) {
.gh-background-video-gradient1 {
bottom: 0%;
height: 10%;
}
}
.gh-front-content1 {
position: relative;
}
[dir] .gh-front-content1 {
padding-top: 3rem;
padding-bottom: 33rem;
background: transparent -webkit-gradient(linear, left bottom, left top, from(#010C3E), color-stop(20%, rgba(1, 12, 62, 0)));
background: transparent linear-gradient(0deg, #010C3E 0%, rgba(1, 12, 62, 0) 20%);
}
@media (max-width: 1599px) {
[dir] .gh-front-content1 {
padding-top: 5rem;
padding-bottom: 31rem;
}
}
@media (max-width: 1399px) {
[dir] .gh-front-content1 {
padding-top: 5rem;
padding-bottom: 23rem;
}
}
@media (max-width: 1199px) {
[dir] .gh-front-content1 {
padding-top: 2rem;
padding-bottom: 19rem;
}
}
@media (max-width: 1140px) {
[dir] .gh-front-content1{
padding-bottom: 15rem;
}
}
@media (max-width: 991px) {
.gh-front-content1 {
position: absolute;
top: 3.625rem;
width: 100%;
}
[dir] .gh-front-content1 {
background: transparent;
margin: 0 auto;
padding-bottom: 0;
}
}
@media (max-width: 576px) {
.gh-front-content1 {
top: 0.625rem;
}
}
.gh-front-content1 .gh-container1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gh-front-content1 .gh-container1 h1 {
display: inline-block;
margin: 0.75rem 0 1rem 0;
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: 1rem;
text-transform: uppercase;
font: normal normal medium 3.25rem/4.1875rem "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
letter-spacing: 0px;
color: #BB914A;
text-transform: uppercase;
}
[dir] .gh-front-content1 .gh-container1 h1 {
margin: 0 0 0.9375rem 0;
-webkit-background-clip: text;
}
[dir=ltr] .gh-front-content1 .gh-container1 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] .gh-front-content1 .gh-container1 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) {
.gh-front-content1 .gh-container1 h1 {
font-size: 2.25rem;
}
[dir] .gh-front-content1 .gh-container1 h1 {
margin: 0 0 0.9375rem 0;
}
}
@media (min-width: 992px) {
.gh-front-content1 .gh-container1 h1 {
font-size: 2rem;
}
[dir] .gh-front-content1 .gh-container1 h1 {
margin: 0 0 1.25rem 0;
}
}
@media (min-width: 1200px) {
.gh-front-content1 .gh-container1 h1 {
font-size: 3rem;
}
[dir] .gh-front-content1 .gh-container1 h1 {
margin: 0 0 1.875rem 0;
}
}
.gh-front-content1 .gh-container1 .with-h1 {
display: inline-block;
margin: 0.75rem 0 1rem 0;
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: 1rem;
text-transform: uppercase;
font: normal normal medium 3.25rem/4.1875rem "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
letter-spacing: 0px;
font-weight: 600;
color: #BB914A;
text-transform: uppercase;
}
[dir] .gh-front-content1 .gh-container1 .with-h1 {
margin: 0 0 0.9375rem 0;
-webkit-background-clip: text;
}
[dir=ltr] .gh-front-content1 .gh-container1 .with-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] .gh-front-content1 .gh-container1 .with-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) {
.gh-front-content1 .gh-container1 .with-h1 {
font-size: 2.25rem;
}
[dir] .gh-front-content1 .gh-container1 .with-h1 {
margin: 0 0 0.9375rem 0;
}
}
@media (min-width: 992px) {
.gh-front-content1 .gh-container1 .with-h1 {
font-size: 2rem;
}
[dir] .gh-front-content1 .gh-container1 .with-h1 {
margin: 0 0 1.25rem 0;
}
}
@media (min-width: 1200px) {
.gh-front-content1 .gh-container1 .with-h1 {
font-size: 2.8rem;
}
[dir] .gh-front-content1 .gh-container1 .with-h1 {
margin: 0 0 1.875rem 0;
}
}
@media (min-width: 992px) {
.gh-front-content1 .gh-container1 {
max-width: 102rem;
}
[dir] .gh-front-content1 .gh-container1 {
padding-left: 1.875rem;
padding-right: 1.875rem;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
[dir=ltr] .gh-front-content1 .gh-container1 {
padding-left: 3rem;
padding-right: 5rem;
}
[dir=rtl] .gh-front-content1 .gh-container1 {
padding-right: 3rem;
padding-left: 5rem;
}
}
@media (min-width: 1600px) {
[dir] .gh-front-content1 .gh-container1 {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
.gh-video-placeholder1 {
height: 0;
}
[dir] .gh-video-placeholder1 {
padding-top: 0%;
}
@media (min-width: 768px) {
[dir] .gh-video-placeholder1 {
padding-top: 0%;
}
}
@media (min-width: 1200px) {
.gh-video-placeholder1{
display: none;
}
}
.candles-loader-overlay {
position: absolute;
z-index: 999;
bottom: 0;
top: 0;
}
[dir] .candles-loader-overlay {
background-color: rgba(1, 9, 50, 0.7);
left: 0;
right: 0;
}
.candles-loader-overlay .candles-loader {
position: absolute;
top: 50%;
}
[dir=ltr] .candles-loader-overlay .candles-loader {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] .candles-loader-overlay .candles-loader {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.candles-loader {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
[dir] .candles-loader {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.candles-loader > .candles-loader-candle {
height: 1.75rem;
width: 0.85rem;
}
[dir] .candles-loader > .candles-loader-candle {
border-radius: 0.75rem;
background-color: #bb914a;
-webkit-animation: candles-loader 1s ease-in-out infinite;
animation: candles-loader 1s ease-in-out infinite;
}
[dir=ltr] .candles-loader > .candles-loader-candle {
margin-right: 0.5rem;
}
[dir=rtl] .candles-loader > .candles-loader-candle {
margin-left: 0.5rem;
}
[dir=ltr] .candles-loader > .candles-loader-candle:last-of-type {
margin-right: 0;
}
[dir=rtl] .candles-loader > .candles-loader-candle:last-of-type {
margin-left: 0;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(2) {
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(3) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(4) {
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(even) {
-webkit-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
:root[dir=rtl] .candles-loader > .candles-loader-candle:nth-child(even) {
-webkit-transform: translateY(0.5rem);
transform: translateY(0.5rem);
}
[dir] .candles-loader > .candles-loader-candle:nth-child(odd) {
-webkit-transform: translateY(0.5rem);
transform: translateY(0.5rem);
}
:root[dir=rtl] .candles-loader > .candles-loader-candle:nth-child(odd) {
-webkit-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
@-webkit-keyframes candles-loader {
0%, 100% {
-webkit-box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
}
50% {
-webkit-box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
}
}
@keyframes candles-loader {
0%, 100% {
-webkit-box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
}
50% {
-webkit-box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
}
}
[dir] .opacity {
background: rgb(1, 13, 75) !important;
}</style>
<script>"use strict";
var params = new URL(document.location).searchParams;
var unfilteredDomains = ['multibank.iq', 'mexgroup.com', 'mexatlantic.com', 'mexglobalmarkets.com'];
var isFilteredDomain = unfilteredDomains.includes(window.location.hostname);
var isMex = params.get('isMex');
if (document.readyState === 'loading' && !isMex && !isFilteredDomain) {
var cCode = document.querySelector("meta[name=c_code]").content;
var gccCountriesList = ['AE', 'SA', 'BH', 'KW', 'QA', 'OM'];
// if(gccCountriesList.includes(cCode)) {
// window.location.replace("/en/mexglobal");
// }
}
if (document.readyState === 'loading' && isMex || document.readyState === 'complete') {
document.getElementsByTagName("html")[0].style.visibility = 'visible';
}
$(document).ready(function () {
document.getElementsByTagName("html")[0].style.visibility = 'visible';
});
// let videoSize;
// const loopVideo = document.querySelector(".gh-background-video-loop");
// loopVideo.style.removeProperty("display");
// loopVideo.play();
// const handleResize = () => {
// let newSize = "mobile";
// if (window.innerWidth > 768) {
// newSize = "tablet";
// }
// if (window.innerWidth >= 1200) {
// newSize = "desktop";
// }
// if (videoSize !== newSize) {
// loopVideo.innerHTML = [ "mp4", "webm" ].map(format => `<source src="https://cdn.multibankfx.com/pages/social-trading/social-trading.${format}" type="video/${format}" />`).join("");
// loopVideo.load();
// }
// };
// handleResize();
// $('body').append('<div class="candles-loader-overlay opacity" id="loadingDiv"><div class="candles-loader-wrapper"><div class="candles-loader"><div class="candles-loader-candle"></div><div class="candles-loader-candle"></div><div class="candles-loader-candle"></div><div class="candles-loader-candle"></div></div></div></div> ');
// $(window).on('load', function(){
// setTimeout(removeLoader, 2000); //wait for page load PLUS two seconds.
// });
// function removeLoader(){
// $( "#loadingDiv" ).fadeOut(500, function() {
// // fadeOut complete. Remove the loading div
// $( "#loadingDiv" ).remove(); //makes page more lightweight
// });
// }</script>
<section id="trade-products">
<div class="trade-products-wrapper">
<h1 class="title">TRADE OUR TOP PERFORMING PRODUCTS</h1>
<div class="products-slider" id="products-slider" style="visibility: visible;">
<div class="swiper products-swiper swiper-virtual swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-4346dcfb18186405" aria-live="off" style="transition-duration: 5000ms; transform: translate3d(-756.923px, 0px, 0px);">
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="2" role="group" aria-label="3 / 5" style="left: 504.615px; width: 222.308px; margin-right: 30px;"><div class="swiper-slide commodities">
<div class="product-card-wrapper">
<div class="product-card-header corn">
<div class="product-card-header-background corn"></div>
<div class="icon text-center col-6 col-md-5 d-flex justify-content-center">
<div class="icon-img-wrapper">
<img src="assets/newfront/images/home/animated-home/performing-products/CORN.svg" alt="icon-img" class="trade-icon">
<img src="assets/newfront/images/home/animated-home/performing-products/CORN.svg" alt="icon-img-hover" class="trade-icon-hover">
</div>
</div>
<div class="card-content col-6 px-0">
<span class="card-title"> CORN </span>
<span class="card-desc"> Corn Spot </span>
</div>
</div>
<div class="card-body" data-instrument="CORN">
<div class="graph-box d-none">
<div class="graph-svg corn" data-instrument-graph-svg="">
</div>
</div>
<div class="buy-sell-box">
<div class="sell-box col-6 d-flex flex-column align-items-center">
<span class="sell-value" data-instrument-sell=""></span>
<a class="card-btn sell-btn" data-instrument-sell-btn="">
Sell </a>
</div>
<div class="buy-box col-6 d-flex flex-column align-items-center">
<span class="buy-value" data-instrument-buy=""></span>
<a class="card-btn buy-btn" data-instrument-buy-btn="">
Buy</a>
</div>
<div class="trade-btn-box d-flex flex-column">
<a class="golden-btn trade-btn" href="account/login" target="_blank">TRADE CORN</a>
</div>
</div>
</div>
</div>
</div></div><div class="swiper-slide swiper-slide-visible swiper-slide-active" data-swiper-slide-index="3" role="group" aria-label="4 / 5" style="left: 504.615px; width: 222.308px; margin-right: 30px;"><div class="swiper-slide forex">
<div class="product-card-wrapper">
<div class="product-card-header usdchf">
<div class="product-card-header-background usdchf"></div>
<div class="icon text-center col-6 col-md-5 d-flex justify-content-center">
<div class="icon-img-wrapper">
<img src="assets/newfront/images/home/animated-home/performing-products/USDCHF.svg" alt="icon-img" class="trade-icon">
<img src="assets/newfront/images/home/animated-home/performing-products/USDCHF.svg" alt="icon-img-hover" class="trade-icon-hover">
</div>
</div>
<div class="card-content col-6 px-0">
<span class="card-title"> USDCHF </span>
<span class="card-desc"> US Dollar vs Swiss… </span>
</div>
</div>
<div class="card-body" data-instrument="USDCHF">
<div class="graph-box d-none">
<div class="graph-svg usdchf" data-instrument-graph-svg="">
</div>
</div>
<div class="buy-sell-box">
<div class="sell-box col-6 d-flex flex-column align-items-center">
<span class="sell-value" data-instrument-sell=""></span>
<a class="card-btn sell-btn" data-instrument-sell-btn="">
Sell </a>
</div>
<div class="buy-box col-6 d-flex flex-column align-items-center">
<span class="buy-value" data-instrument-buy=""></span>
<a class="card-btn buy-btn" data-instrument-buy-btn="">
Buy</a>
</div>
<div class="trade-btn-box d-flex flex-column">
<a class="golden-btn trade-btn" href="account/login" target="_blank">TRADE USDCHF</a>
</div>
</div>
</div>
</div>
</div></div><div class="swiper-slide swiper-slide-visible swiper-slide-next" data-swiper-slide-index="4" role="group" aria-label="5 / 5" style="left: 504.615px; width: 222.308px; margin-right: 30px;"><div class="swiper-slide commodities">
<div class="product-card-wrapper">
<div class="product-card-header coffee">
<div class="product-card-header-background coffee"></div>
<div class="icon text-center col-6 col-md-5 d-flex justify-content-center">
<div class="icon-img-wrapper">
<img src="assets/newfront/images/home/animated-home/performing-products/COFFEE.svg" alt="icon-img" class="trade-icon">
<img src="assets/newfront/images/home/animated-home/performing-products/COFFEE.svg" alt="icon-img-hover" class="trade-icon-hover">
</div>
</div>
<div class="card-content col-6 px-0">
<span class="card-title"> COFFEE </span>
<span class="card-desc"> Coffee Arabica Spot </span>
</div>
</div>
<div class="card-body" data-instrument="COFFEE">
<div class="graph-box d-none">
<div class="graph-svg coffee" data-instrument-graph-svg="">
</div>
</div>
<div class="buy-sell-box">
<div class="sell-box col-6 d-flex flex-column align-items-center">
<span class="sell-value" data-instrument-sell=""></span>
<a class="card-btn sell-btn" data-instrument-sell-btn="">
Sell </a>
</div>
<div class="buy-box col-6 d-flex flex-column align-items-center">
<span class="buy-value" data-instrument-buy=""></span>
<a class="card-btn buy-btn" data-instrument-buy-btn="">
Buy</a>
</div>
<div class="trade-btn-box d-flex flex-column">
<a class="golden-btn trade-btn" href="account/login" target="_blank">TRADE COFFEE</a>
</div>
</div>
</div>
</div>
</div></div><div class="swiper-slide swiper-slide-visible" data-swiper-slide-index="5" role="group" aria-label="6 / 5" style="left: 504.615px; width: 222.308px; margin-right: 30px;"><div class="swiper-slide indicies">
<div class="product-card-wrapper">
<div class="product-card-header us30">
<div class="product-card-header-background us30"></div>
<div class="icon text-center col-6 col-md-5 d-flex justify-content-center">
<div class="icon-img-wrapper">
<img src="assets/newfront/images/home/animated-home/performing-products/US30.svg" alt="icon-img" class="trade-icon">
<img src="assets/newfront/images/home/animated-home/performing-products/US30.svg" alt="icon-img-hover" class="trade-icon-hover">
</div>
</div>
<div class="card-content col-6 px-0">
<span class="card-title"> US30 </span>
<span class="card-desc"> US Wall Street 30 … </span>
</div>
</div>
<div class="card-body" data-instrument="US30">
<div class="graph-box d-none">
<div class="graph-svg us30" data-instrument-graph-svg="">
</div>
</div>
<div class="buy-sell-box">
<div class="sell-box col-6 d-flex flex-column align-items-center">
<span class="sell-value" data-instrument-sell=""></span>
<a class="card-btn sell-btn" data-instrument-sell-btn="">
Sell </a>
</div>
<div class="buy-box col-6 d-flex flex-column align-items-center">
<span class="buy-value" data-instrument-buy=""></span>
<a class="card-btn buy-btn" data-instrument-buy-btn="">
Buy</a>
</div>
<div class="trade-btn-box d-flex flex-column">
<a class="golden-btn trade-btn" href="account/login" target="_blank">TRADE US30</a>
</div>
</div>
</div>
</div>
</div></div><div class="swiper-slide swiper-slide-visible" data-swiper-slide-index="6" style="left: 504.615px; width: 222.308px; margin-right: 30px;"><div class="swiper-slide shares">
<div class="product-card-wrapper">
<div class="product-card-header netflix">
<div class="product-card-header-background netflix"></div>
<div class="icon text-center col-6 col-md-5 d-flex justify-content-center">
<div class="icon-img-wrapper">
<img src="assets/newfront/images/home/animated-home/performing-products/NFLXO.svg" alt="icon-img" class="trade-icon">
<img src="assets/newfront/images/home/animated-home/performing-products/NFLXO.svg" alt="icon-img-hover" class="trade-icon-hover">
</div>
</div>
<div class="card-content col-6 px-0">
<span class="card-title"> NFLX.O </span>
<span class="card-desc"> Netflix Inc </span>
</div>
</div>
<div class="card-body" data-instrument="NFLX.OQ">
<div class="graph-box d-none">
<div class="graph-svg netflix" data-instrument-graph-svg="">
</div>
</div>
<div class="buy-sell-box">
<div class="sell-box col-6 d-flex flex-column align-items-center">
<span class="sell-value" data-instrument-sell=""></span>
<a class="card-btn sell-btn" data-instrument-sell-btn="">
Sell </a>
</div>
<div class="buy-box col-6 d-flex flex-column align-items-center">
<span class="buy-value" data-instrument-buy=""></span>
<a class="card-btn buy-btn" data-instrument-buy-btn="">
Buy</a>
</div>
<div class="trade-btn-box d-flex flex-column">
<a class="golden-btn trade-btn" href="account/login" target="_blank">TRADE NFLX.O</a>
</div>
</div>
</div>
</div>
</div></div></div>
<div class="products-swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="products-slider-overlay left"></div>
<div class="products-slider-overlay right"></div>
</div>
</div>
</section>
<script>
var tradeProducts = [{"key":"tesla","title":"TSLA.OQ","type":"shares","description":"Tesla Inc","trade-btn":"TSLA.OQ","img":"TSLADE","instrument":"TSLA.OQ"},{"key":"apple","title":"AAPL.OQ","type":"shares","description":"Apple Inc","trade-btn":"AAPL.OQ","img":"AAPLDE","instrument":"AAPL.OQ"},{"key":"amazon","title":"AMZN.O","type":"shares","description":"Amazon.com Inc","trade-btn":"AMZN.O","img":"AMZNO","instrument":"AMZN.OQ"},{"key":"netflix","title":"NFLX.O","type":"shares","description":"Netflix Inc","trade-btn":"NFLX.O","img":"NFLXO","instrument":"NFLX.OQ"},{"key":"microsoft","title":"MSFT.DE","type":"shares","description":"Microsoft Corporation","trade-btn":"MSFT.DE","img":"MSFTDE","instrument":"MSFT.OQ"},{"key":"google","title":"GOOGL.O","type":"shares","description":"Alphabet Inc","trade-btn":"GOOGL.O","img":"GOOGLO","instrument":"GOOGL.OQ"},{"key":"btcusd","title":"BTCUSD","type":"crypto","description":"Bitcoin","trade-btn":"BTCUSD","img":"BTCUSD","instrument":"BTCUSD"},{"key":"ethusd","title":"ETHUSD","type":"crypto","description":"Ethereum","trade-btn":"ETHUSD","img":"ETHUSD","instrument":"ETHUSD"},{"key":"ltcusd","title":"LTCUSD","type":"crypto","description":"LiteCoin","trade-btn":"LTCUSD","img":"LTCUSD","instrument":"LTCUSD"},{"key":"dogusd","title":"DOGUSD","type":"crypto","description":"DogeCoin","trade-btn":"DOGUSD","img":"DOGUSD","instrument":"DOGUSD"},{"key":"rplusd","title":"RPLUSD","type":"crypto","description":"Ripple","trade-btn":"RPLUSD","img":"RPLUSD","instrument":"RPLUSD"},{"key":"adausd","title":"ADAUSD","type":"crypto","description":"Cardano","trade-btn":"ADAUSD","img":"ADAUSD","instrument":"ADAUSD"},{"key":"cocoa","title":"COCOA","type":"commodities","description":"NY Cocoa Spot","trade-btn":"COCOA","img":"COCOA","instrument":"COCOA"},{"key":"coffee","title":"COFFEE","type":"commodities","description":"Coffee Arabica Spot","trade-btn":"COFFEE","img":"COFFEE","instrument":"COFFEE"},{"key":"corn","title":"CORN","type":"commodities","description":"Corn Spot","trade-btn":"CORN","img":"CORN","instrument":"CORN"},{"key":"soy","title":"SOY","type":"commodities","description":"Soybeans Spot","trade-btn":"SOY","img":"SOY","instrument":"SOY"},{"key":"ukousd","title":"UKOUSD","type":"commodities","description":"UK Crude Spot","trade-btn":"UKOUSD","img":"UKOUSD","instrument":"UKOUSD"},{"key":"xauusd","title":"XAUUSD","type":"metals","description":"Gold vs US Dollar","trade-btn":"XAUUSD","img":"XAUUSD","instrument":"XAUUSD"},{"key":"xagusd","title":"XAGUSD","type":"metals","description":"Silver vs US Dollar","trade-btn":"XAGUSD","img":"XAGUSD","instrument":"XAGUSD"},{"key":"us500","title":"US500","type":"indicies","description":"US SPX 500 Index","trade-btn":"US500","img":"US500","instrument":"US500"},{"key":"us30","title":"US30","type":"indicies","description":"US Wall Street 30 …","trade-btn":"US30","img":"US30","instrument":"US30"},{"key":"de30","title":"DE30","type":"indicies","description":"Germany 30 Index","trade-btn":"DE30","img":"DE30","instrument":"DE30"},{"key":"ut100","title":"UT100","type":"indicies","description":"US tech 100 Index","trade-btn":"UT100","img":"UT100","instrument":"UT100"},{"key":"uk100","title":"UK100","type":"indicies","description":"UK 100 Index","trade-btn":"UK100","img":"UK100","instrument":"UK100"},{"key":"eurusd","title":"EURUSD","type":"forex","description":"Euro vs US Dollar","trade-btn":"EURUSD","img":"EURUSD","instrument":"EURUSD"},{"key":"audusd","title":"AUDUSD","type":"forex","description":"Australian Dollar vs US Dollar","trade-btn":"AUDUSD","img":"AUDUSD","instrument":"AUDUSD"},{"key":"gbpusd","title":"GBPUSD","type":"forex","description":"Great Britain Pound vs US Dollar","trade-btn":"GBPUSD","img":"GBPUSD","instrument":"GBPUSD"},{"key":"nzdusd","title":"NZDUSD","type":"forex","description":"New Zealand Dollar vs US Dollar","trade-btn":"NZDUSD","img":"NZDUSD","instrument":"NZDUSD"},{"key":"usdcad","title":"USDCAD","type":"forex","description":"US Dollar vs Canadian Dollar","trade-btn":"USDCAD","img":"USDCAD","instrument":"USDCAD"},{"key":"usdchf","title":"USDCHF","type":"forex","description":"US Dollar vs Swiss…","trade-btn":"USDCHF","img":"USDCHF","instrument":"USDCHF"}]
var sell = "Sell"
var buy = "Buy"
</script>
<style>
[dir] #trade-products {
background: #FFFFFF;
padding-top: 3rem;
}
@media (min-width: 1200px) {
[dir] #trade-products {
padding-top: 7.875rem;
}
}
#trade-products .title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.5;
}
[dir] #trade-products .title {
margin: 0;
-webkit-background-clip: text;
text-align: center;
}
[dir=ltr] #trade-products .title {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #trade-products .title {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#trade-products .title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#trade-products .title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#trade-products .title {
font-size: 3.25rem;
}
}
@media (min-width: 768px) {
[dir=ltr] #trade-products .title {
text-align: left;
}
[dir=rtl] #trade-products .title {
text-align: right;
}
}
@media (min-width: 1200px) {
#trade-products .title {
font-size: 3.25rem;
}
}
[dir] #trade-products .products-swiper {
padding: 0 1rem 1.875rem 1rem;
margin: 0;
}
[dir=ltr] #trade-products .products-swiper {
margin-left: -1rem;
}
[dir=rtl] #trade-products .products-swiper {
margin-right: -1rem;
}
@media (min-width: 768px) {
[dir] #trade-products .products-swiper {
padding: 1.875rem 1rem;
margin: 0 -1rem;
}
}
#trade-products .products-swiper .swiper-slide {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
width: 100%;
}
#trade-products #products-slider {
visibility: hidden;
}
#trade-products .products-slider {
position: relative;
height: 100%;
}
[dir] #trade-products .products-slider {
margin: 1rem 0 0;
}
@media (min-width: 1200px) {
[dir] #trade-products .products-slider {
margin: 1rem 0 2.8125rem;
}
}
#trade-products .products-slider .products-swiper-pagination {
position: relative;
display: none;
}
[dir] #trade-products .products-slider .products-swiper-pagination {
text-align: center;
margin-top: 2rem;
}
#trade-products .products-slider .products-swiper-pagination .swiper-pagination-bullet {
opacity: 1;
}
[dir] #trade-products .products-slider .products-swiper-pagination .swiper-pagination-bullet {
background-color: #D0D7E3;
margin-left: 0.3125rem;
margin-right: 0.3125rem;
}
[dir] #trade-products .products-slider .products-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #020862;
}
@media (min-width: 992px) {
#trade-products .products-slider-overlay {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 8rem;
z-index: 1;
}
[dir=ltr] #trade-products .products-slider-overlay {
background: transparent -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(rgba(255, 255, 255, 0))) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
}
[dir=rtl] #trade-products .products-slider-overlay {
background: transparent -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0))) 100% 0% no-repeat padding-box;
background: transparent linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) 100% 0% no-repeat padding-box;
}
[dir=ltr] #trade-products .products-slider-overlay.left {
left: 0;
}
[dir=rtl] #trade-products .products-slider-overlay.left {
right: 0;
}
[dir] #trade-products .products-slider-overlay.right {
-webkit-transform: scale(-1);
transform: scale(-1);
}
[dir=ltr] #trade-products .products-slider-overlay.right {
right: 0;
}
[dir=rtl] #trade-products .products-slider-overlay.right {
left: 0;
}
}
#trade-products .trade-products-wrapper {
overflow: hidden;
}
[dir] #trade-products .trade-products-wrapper {
text-align: center;
}
[dir=ltr] #trade-products .trade-products-wrapper {
background: transparent -webkit-gradient(linear, left top, right top, from(white), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(93%, transparent), to(#FFFFFF));
background: transparent linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 10%, transparent 93%, #FFFFFF 100%);
}
[dir=rtl] #trade-products .trade-products-wrapper {
background: transparent -webkit-gradient(linear, right top, left top, from(white), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(93%, transparent), to(#FFFFFF));
background: transparent linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 10%, transparent 93%, #FFFFFF 100%);
}
#trade-products .product-card-wrapper {
min-width: 11.25rem;
overflow: hidden;
height: auto;
}
[dir] #trade-products .product-card-wrapper {
border-radius: 0.9375rem;
-webkit-box-shadow: 0 0.1875rem 0.625rem rgba(38, 66, 159, 0.2196078431);
box-shadow: 0 0.1875rem 0.625rem rgba(38, 66, 159, 0.2196078431);
-webkit-transition: border-radius ease-in-out 0.3s;
transition: border-radius ease-in-out 0.3s;
}
[dir] #trade-products .product-card-wrapper:hover {
border-radius: 0 0 0.9375rem 0.9375rem;
}
#trade-products .product-card-wrapper:hover .product-card-header-background {
max-height: 7% !important;
}
#trade-products .product-card-wrapper:hover .card-title, #trade-products .product-card-wrapper:hover .card-desc {
color: #020862;
}
#trade-products .product-card-wrapper:hover .trade-btn-box {
bottom: 0 !important;
opacity: 1 !important;
}
#trade-products .product-card-wrapper:hover .sell-box, #trade-products .product-card-wrapper:hover .buy-box {
opacity: 0;
}
#trade-products .product-card-wrapper:hover .trade-icon-hover {
display: inline !important;
}
#trade-products .product-card-wrapper:hover .trade-icon {
display: none !important;
}
#trade-products .product-card-wrapper .product-card-header {
height: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
[dir] #trade-products .product-card-wrapper .product-card-header {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .product-card-header {
height: 7rem;
}
}
#trade-products .product-card-wrapper .product-card-header .icon-img-wrapper {
position: relative;
}
[dir] #trade-products .product-card-wrapper .product-card-header .icon-img-wrapper {
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: center !important;
}
#trade-products .product-card-wrapper .product-card-header .trade-icon {
width: 3.5em;
height: 3.5em;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .product-card-header .trade-icon {
width: 4.5em;
height: 4.5em;
}
}
#trade-products .product-card-wrapper .product-card-header .trade-icon-hover {
width: 3.5em;
height: 3.5em;
-o-object-fit: cover;
object-fit: cover;
display: none;
z-index: 99;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .product-card-header .trade-icon-hover {
width: 4.5em;
height: 4.5em;
}
}
#trade-products .product-card-wrapper .product-card-header .product-card-header-background {
width: 100%;
height: 100%;
max-height: 100%;
position: absolute;
top: 0;
}
[dir] #trade-products .product-card-wrapper .product-card-header .product-card-header-background {
-webkit-transition: max-height ease-in-out 0.2s;
transition: max-height ease-in-out 0.2s;
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.tesla {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#E51837), to(#960118));
background: transparent linear-gradient(180deg, #E51837 0%, #960118 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.tesla {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#E51837), to(#960118));
background: transparent linear-gradient(-180deg, #E51837 0%, #960118 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.apple {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#414141), to(#000000));
background: transparent linear-gradient(180deg, #414141 0%, #000000 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.apple {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#414141), to(#000000));
background: transparent linear-gradient(-180deg, #414141 0%, #000000 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.amazon {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#FD9900), to(#B94909));
background: transparent linear-gradient(180deg, #FD9900 0%, #B94909 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.amazon {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#FD9900), to(#B94909));
background: transparent linear-gradient(-180deg, #FD9900 0%, #B94909 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.netflix {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#E50914), to(#210002));
background: transparent linear-gradient(180deg, #E50914 0%, #210002 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.netflix {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#E50914), to(#210002));
background: transparent linear-gradient(-180deg, #E50914 0%, #210002 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.nvidia {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#87B637), to(#507E02));
background: transparent linear-gradient(180deg, #87B637 0%, #507E02 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.nvidia {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#87B637), to(#507E02));
background: transparent linear-gradient(-180deg, #87B637 0%, #507E02 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.microsoft {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#777777), to(#151515));
background: transparent linear-gradient(180deg, #777777 0%, #151515 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.microsoft {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#777777), to(#151515));
background: transparent linear-gradient(-180deg, #777777 0%, #151515 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.nasdaq {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#27AADB), to(#03668B));
background: transparent linear-gradient(180deg, #27AADB 0%, #03668B 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.nasdaq {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#27AADB), to(#03668B));
background: transparent linear-gradient(-180deg, #27AADB 0%, #03668B 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.google {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#878D93), to(#515458));
background: transparent linear-gradient(180deg, #878D93 0%, #515458 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.google {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#878D93), to(#515458));
background: transparent linear-gradient(-180deg, #878D93 0%, #515458 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xauusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D5B45E), to(#9A6C20));
background: transparent linear-gradient(180deg, #D5B45E 0%, #9A6C20 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xauusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D5B45E), to(#9A6C20));
background: transparent linear-gradient(-180deg, #D5B45E 0%, #9A6C20 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xagusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#838383));
background: transparent linear-gradient(180deg, #D8D8D8 0%, #838383 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xagusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#838383));
background: transparent linear-gradient(-180deg, #D8D8D8 0%, #838383 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xptusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#C7C5C0), to(#716E6B));
background: transparent linear-gradient(180deg, #C7C5C0 0%, #716E6B 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xptusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#C7C5C0), to(#716E6B));
background: transparent linear-gradient(-180deg, #C7C5C0 0%, #716E6B 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xpdusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#C6C1BE), to(#776E68));
background: transparent linear-gradient(180deg, #C6C1BE 0%, #776E68 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.xpdusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#C6C1BE), to(#776E68));
background: transparent linear-gradient(-180deg, #C6C1BE 0%, #776E68 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.eurusd, [dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.audusd, [dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.gbpusd, [dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.nzdusd, [dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.usdcad, [dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.usdchf {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#9BA7CB), to(#404E72));
background: transparent linear-gradient(180deg, #9BA7CB 0%, #404E72 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.eurusd, [dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.audusd, [dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.gbpusd, [dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.nzdusd, [dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.usdcad, [dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.usdchf {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#9BA7CB), to(#404E72));
background: transparent linear-gradient(-180deg, #9BA7CB 0%, #404E72 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.us500 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D04047), to(#8D171E));
background: transparent linear-gradient(180deg, #D04047 0%, #8D171E 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.us500 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D04047), to(#8D171E));
background: transparent linear-gradient(-180deg, #D04047 0%, #8D171E 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.us30 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#57ADDE), to(#026EAC));
background: transparent linear-gradient(180deg, #57ADDE 0%, #026EAC 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.us30 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#57ADDE), to(#026EAC));
background: transparent linear-gradient(-180deg, #57ADDE 0%, #026EAC 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.de30 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#EAC21B), to(#D59507));
background: transparent linear-gradient(180deg, #EAC21B 0%, #D59507 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.de30 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#EAC21B), to(#D59507));
background: transparent linear-gradient(-180deg, #EAC21B 0%, #D59507 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ut100 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#3D65BC), to(#1C3979));
background: transparent linear-gradient(180deg, #3D65BC 0%, #1C3979 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ut100 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#3D65BC), to(#1C3979));
background: transparent linear-gradient(-180deg, #3D65BC 0%, #1C3979 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.uk100 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#791C1C), to(#491B31));
background: transparent linear-gradient(180deg, #791C1C 0%, #491B31 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.uk100 {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#791C1C), to(#491B31));
background: transparent linear-gradient(-180deg, #791C1C 0%, #491B31 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.cocoa {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#572B32), to(#210D10));
background: transparent linear-gradient(180deg, #572B32 0%, #210D10 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.cocoa {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#572B32), to(#210D10));
background: transparent linear-gradient(-180deg, #572B32 0%, #210D10 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.coffee {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#8E5D30), to(#39220C));
background: transparent linear-gradient(180deg, #8E5D30 0%, #39220C 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.coffee {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#8E5D30), to(#39220C));
background: transparent linear-gradient(-180deg, #8E5D30 0%, #39220C 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.corn {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#F5DF65), to(#CE992C));
background: transparent linear-gradient(180deg, #F5DF65 0%, #CE992C 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.corn {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#F5DF65), to(#CE992C));
background: transparent linear-gradient(-180deg, #F5DF65 0%, #CE992C 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.soy {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#51BF57), to(#2E7732));
background: transparent linear-gradient(180deg, #51BF57 0%, #2E7732 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.soy {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#51BF57), to(#2E7732));
background: transparent linear-gradient(-180deg, #51BF57 0%, #2E7732 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ukousd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#432F18), to(#171111));
background: transparent linear-gradient(180deg, #432F18 0%, #171111 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ukousd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#432F18), to(#171111));
background: transparent linear-gradient(-180deg, #432F18 0%, #171111 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.cotton {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#DBCCB2), to(#BBAC91));
background: transparent linear-gradient(180deg, #DBCCB2 0%, #BBAC91 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.cotton {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#DBCCB2), to(#BBAC91));
background: transparent linear-gradient(-180deg, #DBCCB2 0%, #BBAC91 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.btcusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#F7931A), to(#CE7304));
background: transparent linear-gradient(180deg, #F7931A 0%, #CE7304 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.btcusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#F7931A), to(#CE7304));
background: transparent linear-gradient(-180deg, #F7931A 0%, #CE7304 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ethusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#748FF8), to(#4B62BC));
background: transparent linear-gradient(180deg, #748FF8 0%, #4B62BC 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ethusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#748FF8), to(#4B62BC));
background: transparent linear-gradient(-180deg, #748FF8 0%, #4B62BC 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ltcusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#6487CC), to(#2C4577));
background: transparent linear-gradient(180deg, #6487CC 0%, #2C4577 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.ltcusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#6487CC), to(#2C4577));
background: transparent linear-gradient(-180deg, #6487CC 0%, #2C4577 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.dogusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D9BB3F), to(#A08925));
background: transparent linear-gradient(180deg, #D9BB3F 0%, #A08925 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.dogusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#D9BB3F), to(#A08925));
background: transparent linear-gradient(-180deg, #D9BB3F 0%, #A08925 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.rplusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#51A7DC), to(#2C6295));
background: transparent linear-gradient(180deg, #51A7DC 0%, #2C6295 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.rplusd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#51A7DC), to(#2C6295));
background: transparent linear-gradient(-180deg, #51A7DC 0%, #2C6295 100%);
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.adausd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#0441D6), to(#032067));
background: transparent linear-gradient(180deg, #0441D6 0%, #032067 100%);
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .product-card-header-background.adausd {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#0441D6), to(#032067));
background: transparent linear-gradient(-180deg, #0441D6 0%, #032067 100%);
}
#trade-products .product-card-wrapper .product-card-header .card-content {
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
}
[dir=ltr] #trade-products .product-card-wrapper .product-card-header .card-content {
text-align: left;
}
[dir=rtl] #trade-products .product-card-wrapper .product-card-header .card-content {
text-align: right;
}
#trade-products .product-card-wrapper .product-card-header .card-content .card-title {
text-transform: uppercase;
font-size: 1.18em;
font-weight: bold;
}
[dir] #trade-products .product-card-wrapper .product-card-header .card-content .card-title {
-webkit-transition: color ease-in-out 0.1s;
transition: color ease-in-out 0.1s;
margin-bottom: 0;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .product-card-header .card-content .card-title {
font-size: 1.5em;
}
}
#trade-products .product-card-wrapper .product-card-header .card-content .card-desc {
font-size: 0.7em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
[dir] #trade-products .product-card-wrapper .product-card-header .card-content .card-desc {
-webkit-transition: color ease-in-out 0.1s;
transition: color ease-in-out 0.1s;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .product-card-header .card-content .card-desc {
font-size: 1em;
}
}
#trade-products .product-card-wrapper .card-body {
font-size: 0.8125em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 0.35em;
color: #020862;
}
[dir] #trade-products .product-card-wrapper .card-body {
padding: 1.25rem;
text-align: center;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .card-body {
font-size: 1em;
row-gap: 1rem;
}
}
#trade-products .product-card-wrapper .card-body .graph-box, #trade-products .product-card-wrapper .card-body .buy-sell-box {
width: 100%;
}
#trade-products .product-card-wrapper .card-body .graph-svg {
position: relative;
height: 3.25rem;
}
[dir] #trade-products .product-card-wrapper .card-body .graph-svg {
border-bottom: 0.0625rem solid rgba(204, 204, 204, 0.2509803922);
}
#trade-products .product-card-wrapper .card-body .graph-svg svg {
width: 100%;
}
[dir] #trade-products .product-card-wrapper .card-body .graph-svg svg {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .card-body .graph-svg {
height: 4.25rem;
}
}
#trade-products .product-card-wrapper .card-body .graph-svg .green-graph-1, #trade-products .product-card-wrapper .card-body .graph-svg .green-graph-2 {
position: absolute;
opacity: 1;
}
[dir] #trade-products .product-card-wrapper .card-body .graph-svg .green-graph-1, [dir] #trade-products .product-card-wrapper .card-body .graph-svg .green-graph-2 {
left: 0;
right: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#trade-products .product-card-wrapper .card-body .graph-svg .red-graph-1 {
position: absolute;
opacity: 0;
}
[dir] #trade-products .product-card-wrapper .card-body .graph-svg .red-graph-1 {
left: 0;
right: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#trade-products .product-card-wrapper .card-body .buy-sell-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
position: relative;
}
#trade-products .product-card-wrapper .card-body .buy-box, #trade-products .product-card-wrapper .card-body .sell-box {
text-decoration: none;
}
[dir] #trade-products .product-card-wrapper .card-body .buy-box, [dir] #trade-products .product-card-wrapper .card-body .sell-box {
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
padding-left: 0 !important;
padding-right: 0 !important;
}
#trade-products .product-card-wrapper .card-body .card-btn {
color: #ffffff;
text-transform: uppercase;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 90%;
font-size: 1em;
text-decoration: none;
}
[dir] #trade-products .product-card-wrapper .card-body .card-btn {
border-radius: 0.75rem;
text-align: center;
padding: 0.5rem 0;
}
@media (min-width: 768px) {
#trade-products .product-card-wrapper .card-body .card-btn {
font-size: 1.25em;
}
}
[dir] #trade-products .product-card-wrapper .card-body .sell-btn {
background-color: #D83730;
margin-top: 0.625em;
}
[dir] #trade-products .product-card-wrapper .card-body .sell-btn.red {
background-color: #D83730;
}
[dir] #trade-products .product-card-wrapper .card-body .sell-btn.green {
background-color: #48AD3B;
}
[dir] #trade-products .product-card-wrapper .card-body .buy-btn {
background-color: #48AD3B;
margin-top: 0.625em;
}
[dir] #trade-products .product-card-wrapper .card-body .buy-btn.red {
background-color: #D83730;
}
[dir] #trade-products .product-card-wrapper .card-body .buy-btn.green {
background-color: #48AD3B;
}
#trade-products .product-card-wrapper .card-body .sell-value {
color: #D83730;
}
#trade-products .product-card-wrapper .card-body .sell-value.red {
color: #D83730;
}
#trade-products .product-card-wrapper .card-body .sell-value.green {
color: #48AD3B;
}
#trade-products .product-card-wrapper .card-body .buy-value {
color: #48AD3B;
}
#trade-products .product-card-wrapper .card-body .buy-value.red {
color: #D83730;
}
#trade-products .product-card-wrapper .card-body .buy-value.green {
color: #48AD3B;
}
#trade-products .product-card-wrapper .card-body .trade-btn-box {
position: absolute;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -125%;
opacity: 0;
}
[dir] #trade-products .product-card-wrapper .card-body .trade-btn-box {
-webkit-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#trade-products .product-card-wrapper .card-body .trade-btn-box .trade-btn {
text-decoration: none;
width: 100%;
color: #020862;
}
[dir] #trade-products .product-card-wrapper .card-body .trade-btn-box .trade-btn {
margin-left: 0.3rem;
margin-right: 0.3rem;
padding: 0.5rem;
}
#trade-products .golden-btn {
position: relative;
z-index: 3;
text-decoration: none;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
color: #020862;
font-weight: 500;
font-size: 1.375rem;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-transform: uppercase;
}
[dir] #trade-products .golden-btn {
cursor: pointer;
text-align: center;
padding: 0.4375rem 1.75rem;
border-radius: 0.4375rem;
background-size: 200% auto;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
border: 0.125rem solid #d5ab64;
}
[dir=ltr] #trade-products .golden-btn {
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: left center;
}
[dir=rtl] #trade-products .golden-btn {
background-image: -webkit-gradient(linear, right top, left top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
background-image: linear-gradient(-90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
background-position: right center;
}
:root[lang=it] #trade-products .golden-btn {
font-size: 1em;
}
:root[lang=es] #trade-products .golden-btn {
font-size: 1em;
}
:root[lang=ru] #trade-products .golden-btn {
font-size: 1em;
}
[dir=ltr] #trade-products .golden-btn:hover {
background-position: right;
}
[dir=rtl] #trade-products .golden-btn:hover {
background-position: left;
}
@media (max-width: 767px) {
#trade-products .golden-btn {
max-width: 20.125rem;
width: 100%;
font-size: 1.25rem;
}
[dir] #trade-products .golden-btn {
padding: 0.375rem;
}
:root[lang=it] #trade-products .golden-btn {
font-size: 1em;
}
:root[lang=es] #trade-products .golden-btn {
font-size: 1em;
}
}
@media (max-width: 320px) {
#trade-products .golden-btn {
font-size: 0.75rem;
}
:root[lang=it] #trade-products .golden-btn {
font-size: 0.75em;
}
:root[lang=es] #trade-products .golden-btn {
font-size: 0.75em;
}
}</style>
<script>"use strict";
var shuffleArray = function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var _ref = [array[j], array[i]];
array[i] = _ref[0];
array[j] = _ref[1];
}
return array;
};
var createSlides = function createSlides(slides) {
var arr = shuffleArray(slides).map(function (slide) {
return "<div class=\"swiper-slide ".concat(slide.type, "\">\n <div class=\"product-card-wrapper\">\n <div class=\"product-card-header ").concat(slide.key, "\">\n <div class=\"product-card-header-background ").concat(slide.key, "\"></div>\n <div class=\"icon text-center col-6 col-md-5 d-flex justify-content-center\">\n <div class=\"icon-img-wrapper\">\n <img src=\"assets/newfront/images/home/animated-home/performing-products/").concat(slide.img, ".svg\"\n alt=\"icon-img\" class=\"trade-icon\"/>\n <img src=\"assets/newfront/images/home/animated-home/performing-products/").concat(slide.img, ".svg\"\n alt=\"icon-img-hover\" class=\"trade-icon-hover\"/>\n </div>\n </div>\n <div class=\"card-content col-6 px-0\">\n <span class=\"card-title\"> ").concat(slide.title, " </span>\n <span class=\"card-desc\"> ").concat(slide.description, " </span>\n </div>\n </div>\n <div class=\"card-body\" data-instrument=\"").concat(slide.instrument, "\">\n <div class=\"graph-box d-none\">\n <div class=\"graph-svg ").concat(slide.key, "\" data-instrument-graph-svg>\n </div>\n </div>\n <div class=\"buy-sell-box\">\n <div class=\"sell-box col-6 d-flex flex-column align-items-center\">\n <span class=\"sell-value\" data-instrument-sell></span>\n <a class=\"card-btn sell-btn\" data-instrument-sell-btn>\n ").concat(sell, " </a>\n </div>\n <div class=\"buy-box col-6 d-flex flex-column align-items-center\">\n <span class=\"buy-value\" data-instrument-buy></span>\n <a class=\"card-btn buy-btn\" data-instrument-buy-btn>\n ").concat(buy, "</a>\n </div>\n <div class=\"trade-btn-box d-flex flex-column\">\n <a class=\"golden-btn trade-btn\" href=\"account/login\"\n target=\"_blank\">TRADE ").concat(slide["trade-btn"], "</a>\n </div>\n </div>\n </div>\n </div>\n </div>");
});
return arr;
};
$(document).ready(function () {
var productsSwiper = new Swiper(".products-slider .products-swiper", {
loop: true,
speed: 5000,
autoplay: {
delay: 0,
disableOnInteraction: false
},
virtual: {
slides: createSlides(tradeProducts)
},
allowTouchMove: true,
breakpoints: {
275: {
slidesPerView: 1.25,
spaceBetween: 20
},
// when window width is >= 320px
350: {
slidesPerView: 1.75,
spaceBetween: 20
},
// when window width is >= 480px
480: {
slidesPerView: 2.25,
spaceBetween: 30
},
576: {
slidesPerView: 2.75,
spaceBetween: 30
},
// when window width is >= 640px
768: {
slidesPerView: 3.25,
spaceBetween: 30
},
992: {
slidesPerView: 3.75,
spaceBetween: 30
},
1200: {
slidesPerView: 5.5,
spaceBetween: 10
},
1440: {
slidesPerView: 6.5,
spaceBetween: 20
},
1700: {
slidesPerView: 6.5,
spaceBetween: 30
},
2560: {
slidesPerView: 7.5,
spaceBetween: 30
}
},
pagination: {
el: ".products-slider .products-swiper-pagination"
},
on: {
init: function init() {
setTimeout(function () {
$("#products-slider").css('visibility', 'visible');
}, 200);
}
}
});
var greenGraphs = ["<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"208.637\" height=\"67.549\"\n viewBox=\"0 0 208.637 67.549\">\n <defs>\n <linearGradient id=\"my-gradient\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#1caf87\"/>\n <stop offset=\"1\" stop-color=\"#1caf87\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.137 1.373)\">\n <path\n d=\"M373.637,8s-13.248,21.725-23.247,21.725-9.327,6.207-18.081,6.207S326.431,14.606,321.978,17.3c-7.522,4.556-9.074,21.75-15.5,18.629s-12.574-15.536-15.5-12.415-.077,4.655-10.332,4.655-9.343,8.774-12.915,13.966-16.523-18.622-23.247-18.622S226.92,54.554,221.242,54.554s-5.626-3.1-10.332-3.1-6.2-3.1-12.915-3.1S187.47,56.1,182.5,56.1,167,57.658,167,57.658V74.176H374.5Z\"\n transform=\"translate(-167 -8)\" fill-rule=\"evenodd\" opacity=\"0.3\" fill=\"url('#my-gradient')\"/>\n <path\n d=\"M372.33,8s-13.164,21.816-23.1,21.816-9.268,6.233-17.966,6.233S325.422,14.634,321,17.342c-7.474,4.575-9.017,21.841-15.4,18.707s-12.494-15.6-15.4-12.466-.077,4.675-10.267,4.675-9.284,8.811-12.833,14.025-16.419-18.7-23.1-18.7-17.458,31.166-23.1,31.166-5.59-3.117-10.266-3.117-6.16-3.117-12.833-3.117S187.34,56.3,182.4,56.3,167,57.865,167,57.865\"\n transform=\"translate(-167 -8)\" fill=\"none\" stroke=\"#1caf87\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2px\"/>\n </g>\n </svg>", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"208.745\" height=\"66.367\"\n viewBox=\"0 0 208.745 66.367\">\n <defs>\n <style>\n .classGradient2{fill:none;stroke:#1caf87;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}\n </style>\n <linearGradient id=\"my-gradient-2\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#1caf87\"/>\n <stop offset=\"1\" stop-color=\"#1caf87\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.405 1.018)\">\n <path class=\"classGradient2\"\n d=\"M372.969,13.214S364.678,8.28,358.32,8.957s-7.4,9.1-10.781,6.966c-6.119-3.869-6.064-6.476-16.02-6.966s-11.116,6.966-14.334,6.966c-8.7,0-10.657,7.14-15.082,9.848-7.474,4.575-8.654,10.845-15.037,7.711s-3.475-5.4-14.988,2.82c-.887.633-4.154,11.191-5.316,11.636-10.249,3.967-3.962-22.26-9.543-22.168-6.047.1-6.712,8.793-10.262,14.007s-6.417-6.3-13.1-6.3-8.058,14.457-13.7,14.457S210.548,56.3,205.871,56.3s-6.924-11.186-13.6-11.186S184.5,36.3,179.559,36.3,167,45.865,167,45.865\"\n transform=\"translate(-167 -8.893)\"/>\n <path\n d=\"M372.969,13.214S364.678,8.28,358.32,8.957s-7.4,9.1-10.781,6.966c-6.119-3.869-6.064-6.476-16.02-6.966s-11.116,6.966-14.334,6.966c-8.7,0-10.657,7.14-15.082,9.848-7.474,4.575-8.654,10.845-15.037,7.711s-3.475-5.4-14.988,2.82c-.887.633-4.154,11.191-5.316,11.636-10.249,3.967-3.962-22.26-9.543-22.168-6.047.1-6.712,8.793-10.262,14.007s-6.417-6.3-13.1-6.3-8.058,14.457-13.7,14.457S210.548,56.3,205.871,56.3s-6.924-11.186-13.6-11.186S184.5,36.3,179.559,36.3,167,45.865,167,45.865V74.243H372.969Z\"\n transform=\"translate(-167 -8.893)\" opacity=\"0.3\" fill=\"url(#my-gradient-2)\"/>\n </g>\n </svg>", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"208.521\" height=\"62.508\"\n viewBox=\"0 0 208.521 62.508\">\n <defs>\n <style>\n .gga2{fill:none;stroke:#1caf87;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.ggb2{opacity:0.3;fill:url(#my-gradient);}\n </style>\n <linearGradient id=\"my-gradient\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#1caf87\"></stop>\n <stop offset=\"1\" stop-color=\"#1caf87\" stop-opacity=\"0\"></stop>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.181 1.372)\">\n <path class=\"gga2\"\n d=\"M372.969,13.214s-11.2,18.7-20.916,12.558-8.013,2.486-16.711,2.486S325.422,14.634,321,17.342c-7.474,4.575-11.534,30.909-17.917,27.775s-5.768-17.652-17.281-9.432-7.641-12.2-13.687-12.1-7.935,13.486-11.484,18.7S249.083,28.258,242.4,28.258s-12.15,14.025-17.791,14.025S210.548,56.3,205.871,56.3s-6.924-11.186-13.6-11.186S184.5,56.3,179.559,56.3A80.279,80.279,0,0,0,167,57.865\"\n transform=\"translate(-167 -13.214)\"></path>\n <path class=\"ggb2\"\n d=\"M167,57.865A80.279,80.279,0,0,1,179.559,56.3c4.941,0,6.042-11.186,12.715-11.186s8.921,11.186,13.6,11.186,13.1-14.021,18.74-14.021,11.11-14.025,17.791-14.025S257.077,47.5,260.627,42.282s5.438-18.6,11.484-18.7,2.174,20.323,13.688,12.1,10.9,6.3,17.281,9.432S313.523,21.917,321,17.342c4.425-2.708,5.646,10.916,14.344,10.916s7-8.628,16.711-2.486,20.916-12.558,20.916-12.558V74.351H167Z\"\n transform=\"translate(-167 -13.214)\"></path>\n </g>\n </svg>", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"208.072\" height=\"66.507\"\n viewBox=\"0 0 208.072 66.507\">\n <defs>\n <style>\n .gga4{fill:none;stroke:#1caf87;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.ggb4{opacity:0.3;fill:url(#gg4);}\n </style>\n <linearGradient id=\"gg4\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#1caf87\"/>\n <stop offset=\"1\" stop-color=\"#1caf87\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.309 1)\">\n <path class=\"gga4\"\n d=\"M1,30.107a99.476,99.476,0,0,1,11.826-4.133c4.435-1.033,2.956-1.033,5.913,0s2.587,5.063,5.913,4.133,2.956-6.717,7.391-7.853,4.8,1.653,10.347,3.307,5.816,5.373,11.826,3.307S60.883,18.43,66.426,17.293s6.266,10.85,9.962,7.027S78.605,1.587,86.735,2s10.2,20.385,15.741,25.139,2.976-4.594,6.432-6.125,5.543,1.447,7.391,0c1.565-1.225.1-5.271,1.265-6.613-.076-.006,2.841-3.92,3.35-3.984,3.326-.413,5.408,7.948,8.689,8.944s.739-4.443,4.434-4.96,1.848,3.41,10.347,2.893c3.706-.225,5.95-3.2,9.506-3.767,1.561-.249,3.358,2.229,6.895,1.931s4.239-1.826,7.251-3.124C176.9,8.51,170.253,2,179.861,2s19.956,7.75,26.607,10.333\"\n transform=\"translate(-1 -1.993)\"/>\n <path class=\"ggb4\"\n d=\"M1,30.107a99.476,99.476,0,0,1,11.826-4.133c4.435-1.033,2.956-1.033,5.913,0s2.587,5.063,5.913,4.133,2.956-6.717,7.391-7.853,4.8,1.653,10.347,3.307,5.816,5.373,11.826,3.307S60.883,18.43,66.426,17.293s6.266,10.85,9.962,7.027S78.605,1.587,86.735,2s10.2,20.385,15.741,25.139,2.976-4.594,6.432-6.125,5.543,1.447,7.391,0c1.565-1.225.1-5.271,1.265-6.613-.076-.006,2.841-3.92,3.35-3.984,3.326-.413,5.408,7.948,8.689,8.944s.739-4.443,4.434-4.96,1.848,3.41,10.347,2.893c3.706-.225,5.95-3.2,9.506-3.767,1.561-.249,3.358,2.229,6.895,1.931s4.239-1.826,7.251-3.124C176.9,8.51,170.253,2,179.861,2s26.607,10.333,26.607,10.333V67.5H1Z\"\n transform=\"translate(-1 -1.993)\"/>\n </g>\n </svg>", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"209.744\" height=\"62.36\"\n viewBox=\"0 0 209.744 62.36\">\n <defs>\n <style>\n .gga5{fill:none;stroke:#1caf87;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.ggb5{opacity:0.3;fill:url(#gg5);}\n </style>\n <linearGradient id=\"gg5\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#1caf87\"/>\n <stop offset=\"1\" stop-color=\"#1caf87\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.344 0.97)\">\n <path class=\"gga5\"\n d=\"M1,27s3.64-7.169,8.107-8.088,7.352,4.044,7.352,4.044S21.546,26.724,24.9,25.9s5.577,5.952,10.045,4.941,3.137-10.216,7.756-7.882,3.764,8.232,8.054,6.394S54.273,16.614,59.857,15.6c5.121-.927,5.522,10.317,11.8,9.113.249-.04,3.011,1.464,3.582,1.181C82.119,22.5,81.561,7.01,86.9,8.021S92.74,21.669,98.324,25.9s6.679-6.985,11.388-6.985,5.585,8.272,7.446,6.985,2.4-12.5,5.752-12.868,3.882,7.169,8.35,6.985,3.586-11.534,7.309-11.993,9.365,9.29,17.928,8.83,8.942-8.518,17.32-8.83c.209-.008,6.8,2.128,7.3,2.1,7.672-.347,5.433-3.9,13.766-3.13,8.546.792,13.113,4.2,13.113,4.2\"\n transform=\"translate(-1 -6.886)\"/>\n <path class=\"ggb5\"\n d=\"M1,27s3.64-7.169,8.107-8.088,7.352,4.044,7.352,4.044S21.546,26.724,24.9,25.9s5.577,5.952,10.045,4.941,3.137-10.216,7.756-7.882,3.764,8.232,8.054,6.394S54.273,16.614,59.857,15.6c5.121-.927,5.522,10.317,11.8,9.113.249-.04,3.011,1.464,3.582,1.181C82.119,22.5,81.561,7.01,86.9,8.021S92.74,21.669,98.324,25.9s6.679-6.985,11.388-6.985,5.585,8.272,7.446,6.985,2.4-12.5,5.752-12.868,3.882,7.169,8.35,6.985,3.586-11.534,7.309-11.993,9.365,9.29,17.928,8.83,8.942-8.518,17.32-8.83c.209-.008,6.8,2.128,7.3,2.1,7.672-.347,5.433-3.9,13.766-3.13,8.546.792,13.113,4.2,13.113,4.2V68.276H1Z\"\n transform=\"translate(-1 -6.886)\"/>\n </g>\n </svg>\n "];
var redGraphs = ["<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"208.094\" height=\"67.086\"\n viewBox=\"0 0 208.094 67.086\">\n <defs>\n <style>\n .gra1{opacity:0.3;fill:url(#gr1);}.grb1{fill:none;stroke:#e6434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}\n </style>\n <linearGradient id=\"gr1\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#e6434c\"/>\n <stop offset=\"1\" stop-color=\"#e6434c\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.354 1)\">\n <path class=\"gra1\"\n d=\"M167,57.865s11.731-6.282,16.672-6.282,4.11,3.166,10.783,3.166S202.195,44.5,206.871,44.5s5.544,10.244,11.186,10.244c3.063,0,6.612-21.918,11.619-28.392,4.562-5.9,13.65,9.693,16.7,9.693,6.681,0,8.95-13.494,12.5-18.707S271.371,49.574,278.691,44.5,290.33,33.318,295.15,32.582s4.064.333,10.447,3.467.36-10.475,7.834-15.049c4.425-2.708,11.425,2.583,20.123,2.583S341.166,8,351.1,8,372.33,21,372.33,21V74.086H167Z\"\n transform=\"translate(-167 -8)\"/>\n <path class=\"grb1\"\n d=\"M372.33,21S361.037,8,351.1,8s-8.849,15.583-17.547,15.583-15.7-5.291-20.123-2.583c-7.474,4.575-1.451,18.183-7.834,15.049s-5.627-4.2-10.447-3.467-9.139,6.854-16.459,11.923-16.263-32.376-19.812-27.163-5.819,18.707-12.5,18.707c-3.053,0-12.141-15.592-16.7-9.693-5.007,6.475-8.556,28.392-11.619,28.392-5.641,0-6.509-10.244-11.186-10.244s-5.743,10.244-12.416,10.244-5.842-3.166-10.783-3.166S167,57.865,167,57.865\"\n transform=\"translate(-167 -8)\"/>\n </g>\n </svg>\n ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"210.772\" height=\"67.836\"\n viewBox=\"0 0 210.772 67.836\">\n <defs>\n <style>\n .gra2{fill:none;stroke:#e6434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.grb2{opacity:0.3;fill:url(#grg2);}\n </style>\n <linearGradient id=\"grg2\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#e6434c\"/>\n <stop offset=\"1\" stop-color=\"#e6434c\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.369 0.991)\">\n <path class=\"gra2\"\n d=\"M1,33.069a45.455,45.455,0,0,1,23.327-5.276C37.449,28.526,41.336,41.716,53.486,36S58.832,7.569,72.925,4.931,96.252,22.224,109.86,25.448s6.8-11.036,13.992-10.536,6.667-8.663,13.471-9.982,8.562,8.353,17.248,7.621S158.458-.491,172.065,2,209,22.517,209,22.517\"\n transform=\"translate(-1 -1.668)\"/>\n <path class=\"grb2\"\n d=\"M1,33.069a45.455,45.455,0,0,1,23.327-5.276C37.449,28.526,41.336,41.716,53.486,36S58.832,7.569,72.925,4.931,96.252,22.224,109.86,25.448s6.8-11.036,13.992-10.536,6.667-8.663,13.471-9.982,8.562,8.353,17.248,7.621S158.458-.491,172.065,2,209,22.517,209,22.517v46H1Z\"\n transform=\"translate(-1 -1.668)\"/>\n </g>\n </svg>\n ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"210.312\" height=\"67.971\"\n viewBox=\"0 0 210.312 67.971\">\n <defs>\n <style>\n .gra3{fill:none;stroke:#e6434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.grb3{opacity:0.3;fill:url(#gr3);}\n </style>\n <linearGradient id=\"gr3\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#e6434c\"/>\n <stop offset=\"1\" stop-color=\"#e6434c\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.414 0.99)\">\n <path class=\"gra3\"\n d=\"M208.5,40.683s-10.181-7.481-23.271-6.569S168.261,51.448,156.14,44.332s-5.333-35.4-19.393-38.683S113.477,27.18,99.9,31.195s-6.974-4.626-11.338-11.012S83.323,7.292,76.535,5.649,64.971,16.05,55.3,15.138,51.421-1.1,37.846,2,1,27.545,1,27.545\"\n transform=\"translate(-1 -1.586)\"/>\n <path class=\"grb3\"\n d=\"M1,27.545S24.271,5.1,37.846,2,45.627,14.225,55.3,15.138,69.748,4.007,76.535,5.649,84.2,13.8,88.564,20.183,86.327,35.209,99.9,31.195s22.786-28.83,36.846-25.545,7.272,31.567,19.393,38.683,16-9.306,29.089-10.218S208.5,40.683,208.5,40.683V68.567H1Z\"\n transform=\"translate(-1 -1.586)\"/>\n </g>\n </svg>\n ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"209.712\" height=\"68.45\"\n viewBox=\"0 0 209.712 68.45\">\n <defs>\n <style>\n .gra4{fill:none;stroke:#e6434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.grb4{opacity:0.3;fill:url(#gr4);}\n </style>\n <linearGradient id=\"gr4\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#e6434c\"/>\n <stop offset=\"1\" stop-color=\"#e6434c\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.034 0.99)\">\n <path class=\"gra4\"\n d=\"M208.5,29.994s-2.551-12.579-15.641-11.919c-2.055.1-6.37,6.311-10.225,7.554-2.1.678-3.121-3.969-6.82-2.5-9.18,3.64-9.961,15.421-19.674,9.508S150.807,7.018,136.748,4.641c-6.524-1.1-6.917,8.775-14.3,13.435-3.322,2.095-6.468,9.584-9.529,10.44-3.606,1.012-7.173-5.123-13.012-5.387-10-.454-13.09-2.245-17.453-6.867s1.473-10.432-5.314-11.62S66.45,12.168,55.3,11.508,51.421-.245,37.846,2c-5.281.873-6.877,9.64-16.088,14.261S1,20.487,1,20.487\"\n transform=\"translate(-1 -1.701)\"/>\n <path class=\"grb4\"\n d=\"M1,20.487s11.546.4,20.758-4.226S32.565,2.873,37.846,2c13.575-2.245,6.3,8.847,17.453,9.508S70.347,3.453,77.135,4.641s.951,7,5.314,11.62S89.9,22.674,99.9,23.128c5.839.265,9.406,6.4,13.012,5.387,3.062-.855,6.207-8.345,9.529-10.44,7.387-4.659,7.781-14.538,14.3-13.435,14.06,2.377,9.679,22.082,19.393,27.995s10.494-5.868,19.674-9.508c3.7-1.467,4.716,3.18,6.82,2.5,3.855-1.244,8.169-7.451,10.225-7.554,13.09-.66,15.641,11.919,15.641,11.919V69.161H1Z\"\n transform=\"translate(-1 -1.701)\"/>\n </g>\n </svg>\n ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"208.639\" height=\"67.535\"\n viewBox=\"0 0 208.639 67.535\">\n <defs>\n <style>\n .gra5{fill:none;stroke:#e6434c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.grb5{opacity:0.3;fill:url(#gr5);}\n </style>\n <linearGradient id=\"gr5\" x1=\"0.5\" x2=\"0.5\" y2=\"1\" gradientUnits=\"objectBoundingBox\">\n <stop offset=\"0\" stop-color=\"#e6434c\"/>\n <stop offset=\"1\" stop-color=\"#e6434c\" stop-opacity=\"0\"/>\n </linearGradient>\n </defs>\n <g transform=\"translate(1.395 0.979)\">\n <path class=\"gra5\"\n d=\"M1,4.845S14.225,23.3,24.271,20.965s9.463-7.334,16.915-5.443C46.259,16.811,48.84,27.584,53.36,27c10.535-1.361,8.2-5.766,13.05-11.477s3.183-10.1,6.342-11.368c10.708-4.31,14.175.431,23.439,5.6s8.851,14.077,13.619,15.086c13.432,2.842,10-5.551,16.668-9.322s5.523,14.6,12.311,13.632,6.761,6.142,17.912,5.6S165.063,24.2,174.154,27s9.7,15.194,18.91,18.965,13.807-3.877,13.807-3.877\"\n transform=\"translate(-1 -2.473)\"/>\n <path class=\"grb5\"\n d=\"M1,4.845S14.225,23.3,24.271,20.965s9.463-7.334,16.915-5.443C46.259,16.811,48.84,27.584,53.36,27c10.535-1.361,8.2-5.766,13.05-11.477s3.183-10.1,6.342-11.368c10.708-4.31,14.175.431,23.439,5.6s8.851,14.077,13.619,15.086c13.432,2.842,10-5.551,16.668-9.322s5.523,14.6,12.311,13.632,6.761,6.142,17.912,5.6S165.063,24.2,174.154,27s9.7,15.194,18.91,18.965,13.807-3.877,13.807-3.877V69.03H1Z\"\n transform=\"translate(-1 -2.473)\"/>\n </g>\n </svg>\n "];
//websockets
var socketData = io("wss://wsprices.multibankfx.com", {
transports: ['websocket']
});
var prevData;
var greenGraphCtr = 1;
var redGraphCtr = 0;
socketData.on("price-update", function (data) {
document.querySelectorAll("[data-instrument]").forEach(function (card) {
var _prevData;
var key = card.dataset.instrument.toString();
var currInstrument = data[key];
var prevInstrument = (_prevData = prevData) === null || _prevData === void 0 ? void 0 : _prevData[key];
if (prevInstrument) {
var askDirection = function () {
if (currInstrument.ASK > prevInstrument.ASK) {
return 1;
}
if (currInstrument.ASK < prevInstrument.ASK) {
return -1;
}
return 0;
}();
var bidDirection = function () {
if (currInstrument.BID > prevInstrument.BID) {
return 1;
}
if (currInstrument.BID < prevInstrument.BID) {
return -1;
}
return 0;
}();
var arrowDirection = function () {
if (askDirection === 1 && bidDirection !== -1 || askDirection !== -1 && bidDirection === 1) {
return 1;
}
if (askDirection === -1 && bidDirection !== 1 || askDirection !== 1 && bidDirection === -1) {
return -1;
}
return 0;
}();
card.querySelectorAll("[data-instrument-sell], [data-instrument-buy]").forEach(function (el) {
el.classList.remove("red", "green");
if (arrowDirection > 0) {
return el.classList.add("green");
}
if (arrowDirection < 0) {
return el.classList.add("red");
}
return el.classList.add("green");
});
//change graphs
if (arrowDirection >= 0) {
card.querySelector("[data-instrument-graph-svg]").innerHTML = greenGraphs[greenGraphCtr];
}
if (arrowDirection < 0) {
card.querySelector("[data-instrument-graph-svg]").innerHTML = redGraphs[redGraphCtr];
}
if (greenGraphCtr < greenGraphs.length - 1) greenGraphCtr++;else greenGraphCtr = 0;
if (redGraphCtr < redGraphs.length - 1) redGraphCtr++;else redGraphCtr = 0;
}
if (!currInstrument) return;
card.querySelector("[data-instrument-sell]").innerText = currInstrument.BID;
card.querySelector("[data-instrument-buy]").innerText = currInstrument.ASK;
});
prevData = data;
});
});</script>
<section id="trading-platforms-section">
<div class="trading-platforms-wrapper">
<div class="trading-platforms-heading">
EXPLORE OPTIONS TRADING
</div>
<div class="swiper buttons-swiper d-flex d-md-none swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-b3b63cb28100c10f60" aria-live="polite" style="transition-duration: 0ms;">
<!-- <div class="swiper-slide btn-slide">-->
<!-- <div class="button-slider">MT4 MULTIBANK EXCHANGE</div>-->
<!-- </div>-->
<div class="swiper-slide btn-slide">
<div class="button-slider">OPTIONS TRADING</div>
</div>
<div class="swiper-slide btn-slide">
<div class="button-slider">TRADING STEPS</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="trading-platforms-swiper">
<div class="swiper platforms-swiper swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="platforms-swiper-pagination platforms-btn d-none d-md-flex swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1">OPTIONS TRADING</span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" aria-current="true">TRADING STEPS</span></div>
<div class="swiper-wrapper" id="swiper-wrapper-d535a2910b895ed63" aria-live="off" style="transition-duration: 0ms;">
<!-- TO HIDE FIRST Trade EXCHANGE SLIDE-->
<div class="swiper-slide platform-slide swiper-slide-prev" role="group" aria-label="1 / 2" style="width: 730px; opacity: 0; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="img-wrapper col-12 col-sm-8 col-lg-6">
<picture>
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/multibank-mt4-mt5-app-1.png" type="image/png">
<img class="mt45-image-1" src="assets/newfront/images/home/animated-home/trading-platforms/multibank-mt4-mt5-app-1.webp" type="image/webp" alt="download-icon">
</picture>
<picture>
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/multibank-mt4-mt5-app-3.png" type="image/png">
<img class="mt45 image-2" src="assets/newfront/images/home/animated-home/trading-platforms/multibank-mt4-mt5-app-3.webp" type="image/webp" alt="download-icon">
</picture>
<picture>
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/multibank-mt4-mt5-app-2.png" type="image/png">
<img class="mt45 image-3" src="assets/newfront/images/home/animated-home/trading-platforms/multibank-mt4-mt5-app-2.webp" type="image/webp" alt="download-icon">
</picture>
</div>
<div class="col-lg-6 mt-lg-4 mt-xl-0 flex-xl-fill mt4-mt5-slide">
<div class="how-to-steps row">
<div class="step-title">WHAT IS OPTIONS TRADING?</div>
<div class="step-description mt45-slide">Options trading is when you buy or sell an underlying asset at a pre-negotiated price by a certain future date.
<br><br>
Trading stock options can be complex — even more so than stock trading. When you buy a stock, you just decide how many shares you want, and your broker fills the order at the prevailing market price or a limit price you set. Options trading requires an understanding of advanced strategies, and the process for opening an options trading account includes a few more steps than opening a typical investment account.
<br><br>
“You can use options to speculate and to gamble, but the reality is ... the best use of options is to protect your downside,” he says. "Options are one way to generate income when the markets aren’t going up.”
<br><br>
According to the Options Clearing Corporation, there were 939 million options contracts traded in March 2022, up 4.5% compared with March 2021. It was second-highest trading month on record.</div>
</div>
</div>
</div>
<div class="swiper-slide platform-slide swiper-slide-visible swiper-slide-active" role="group" aria-label="2 / 2" style="width: 730px; opacity: 1; transform: translate3d(-730px, 0px, 0px); transition-duration: 0ms;">
<div class="img-wrapper col-12 col-sm-8 col-lg-6">
<picture>
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/multibank-ctrader-app-1.png" type="image/png">
<img class="image-0 ctrader" src="assets/newfront/images/home/animated-home/trading-platforms/multibank-ctrader-app-1.webp" type="image/webp" alt="Platform-icon">
</picture>
<picture>
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/multibank-ctrader-app-3.png" type="image/png">
<img class="image-2 ctrader" src="assets/newfront/images/home/animated-home/trading-platforms/multibank-ctrader-app-3.webp" type="image/webp" alt="Platform-icon">
</picture>
<picture>
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/trading-platforms/multibank-ctrader-app-4.png" type="image/png">
<img class="image-3 ctrader" src="assets/newfront/images/home/animated-home/trading-platforms/multibank-ctrader-app-4.webp" type="image/webp" alt="Platform-icon">
</picture>
</div>
<div class="col-xl-6 mt-lg-4 mt-xl-0 flex-xl-fill">
<div class="how-to-title">
HOW TO TRADE OPTIONS IN FOUR STEPS
</div>
<div class="how-to-steps row">
<div class="row steps-rows">
<div class="how-to-number col-2 col-md-1">1</div>
<div class="col-10 p-0">
<div class="step-title">Investment objectives</div>
<div class="step-description">This usually includes income, growth, capital preservation or speculation.</div>
</div>
</div>
<div class="row steps-rows">
<div class="how-to-number col-2 col-md-1">2</div>
<div class="col-10 p-0">
<div class="step-title">Trading experience</div>
<div class="step-description">The broker will want to know your knowledge of investing, how long you’ve been trading stocks or options, how many trades you make per year and the size of your trades.</div>
</div>
</div>
<div class="row steps-rows">
<div class="how-to-number col-2 col-md-1">3</div>
<div class="col-10 p-0">
<div class="step-title">Personal financial</div>
<div class="step-description">information Have on hand your liquid net worth (or investments easily sold for cash), annual income, total net worth and employment information.
</div>
</div>
</div>
<div class="row steps-rows">
<div class="how-to-number col-2 col-md-1">4</div>
<div class="col-10 p-0">
<div class="step-title">The types of options you want to trade</div>
<div class="step-description">For instance, calls, puts or spreads. And whether they are covered or naked. The seller or writer of options has an obligation to deliver the underlying stock if the option is exercised. If the writer also owns the underlying stock, the option position is covered. If the option position is left unprotected, it's naked.
</div>
</div>
</div>
</div>
<div class="download-section col-12">
<br><br>
</div>
</div>
</div>
</div>
<div class="platforms-swiper-pagination circular-buttons d-flex justify-content-center d-lg-block swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" aria-current="true"></span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</section>
<script>
var multibankExchange = "MT4 Currency-xchange Trade EXCHANGE"
var multibankCTrader = "OPTIONS TRADING"
var mt4MT5 = "TRADING STEPS"
</script>
<style>
[dir] #trading-platforms-section {
background: #F1F3F9;
}
#trading-platforms-section .trading-platforms-wrapper {
position: relative;
max-width: 102rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
[dir] #trading-platforms-section .trading-platforms-wrapper {
padding: 3rem 0 3.125rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
[dir] #trading-platforms-section .trading-platforms-wrapper {
padding-left: 4rem;
padding-right: 4rem;
padding-top: 7.5rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
text-transform: uppercase;
font-weight: 500;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
margin: 0;
-webkit-background-clip: text;
text-align: center;
padding: 0 2rem;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
font-size: 3.25rem;
}
}
@media (min-width: 992px) {
[dir] #trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
padding: 0;
}
}
@media (min-width: 1200px) {
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-heading {
font-size: 3.25rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-swiper {
width: 100%;
height: 100%;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .trading-platforms-swiper {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
@media (max-width: 768px) {
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-swiper .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
#trading-platforms-section .trading-platforms-wrapper .trading-platforms-swiper .swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important;
}
}
#trading-platforms-section .trading-platforms-wrapper .buttons-swiper {
width: 100%;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .buttons-swiper {
margin-top: 0.7rem;
}
#trading-platforms-section .trading-platforms-wrapper .buttons-swiper .button-slider {
color: #03105F;
font-size: 1rem;
font-weight: 700;
height: auto;
white-space: nowrap;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .buttons-swiper .button-slider {
text-align: center;
border-radius: 2.25rem;
background: #F1F3F9;
padding: 0.33333em 1.3em;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .buttons-swiper .button-slider {
font-size: 1.125rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .buttons-swiper .swiper-slide {
opacity: 0.6;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .buttons-swiper .swiper-slide .button-slider {
border: none;
}
#trading-platforms-section .trading-platforms-wrapper .buttons-swiper .swiper-slide-active {
opacity: 1;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .buttons-swiper .swiper-slide-active .button-slider {
border: 0.0625rem solid #BB914A;
}
#trading-platforms-section .trading-platforms-wrapper .swiper-scrollbar {
position: relative;
bottom: 0;
height: 2.25rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .swiper-scrollbar {
margin-top: 1rem;
border-radius: 2.25rem;
background: transparent;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .swiper-scrollbar {
left: 0;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .swiper-scrollbar {
right: 0;
}
#trading-platforms-section .trading-platforms-wrapper .swiper-scrollbar .swiper-scrollbar-drag {
color: #03105F;
font-size: 1.125rem;
font-weight: 700;
width: 13.75rem;
white-space: nowrap;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .swiper-scrollbar .swiper-scrollbar-drag {
text-align: center;
border-radius: 2.25rem;
background: #F1F3F9;
border: 0.0625rem solid #BB914A;
padding: 0.33333em 1.3em;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper {
position: relative;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper {
padding: 0 2rem;
margin-top: 1.5rem;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper img {
height: auto;
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1 {
position: absolute;
top: 22%;
width: 32%;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1 {
-webkit-animation: leftBottomFloat 11s ease-in-out infinite;
animation: leftBottomFloat 11s ease-in-out infinite;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1 {
left: 1.5%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1 {
right: 1.5%;
}
@media (min-width: 1200px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1 {
width: 40%;
}
}
@media (min-width: 1600px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1 {
width: 100%;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1.ctrader {
top: 12%;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1.ctrader {
left: 24.5%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1.ctrader {
right: 24.5%;
}
@media (min-width: 1200px) {
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1.ctrader {
left: 9.5%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-1.ctrader {
right: 9.5%;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
position: absolute;
top: 10%;
width: 32%;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
-webkit-animation: rightTopFloat 6s ease-in-out infinite;
animation: rightTopFloat 6s ease-in-out infinite;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
left: 61%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
right: 61%;
}
@media (min-width: 1200px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
width: 40%;
}
}
@media (min-width: 1600px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
width: 100%;
}
}
@media (min-width: 2560px) {
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
left: 50%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2 {
right: 50%;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2.ctrader {
top: 33%;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2.ctrader {
left: 24.5%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2.ctrader {
right: 24.5%;
}
@media (min-width: 1200px) {
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2.ctrader {
left: 13%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-2.ctrader {
right: 13%;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3 {
position: absolute;
top: 30%;
width: 32%;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3 {
-webkit-animation: rightTopFloat 6s ease-in-out infinite;
animation: rightTopFloat 6s ease-in-out infinite;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3 {
left: 4%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3 {
right: 4%;
}
@media (min-width: 1200px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3 {
width: 40%;
}
}
@media (min-width: 1600px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3 {
width: 100%;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3.ctrader {
top: 16%;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3.ctrader {
left: 49%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3.ctrader {
right: 49%;
}
@media (min-width: 2560px) {
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3.ctrader {
left: 39%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .img-wrapper .image-3.ctrader {
right: 39%;
}
}
@media (min-width: 1600px) {
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .mt4-mt5-slide {
padding-right: 10rem;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .mt4-mt5-slide {
padding-left: 10rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-title {
width: 100%;
color: #03105F;
font-size: 1.0625rem;
font-weight: 700;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-title {
text-align: left;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-title {
text-align: right;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-title {
font-size: 1.5rem;
}
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps {
margin-top: 1.25rem;
}
@media (min-width: 992px) {
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps {
margin-top: 0;
}
}
@media (min-width: 992px) {
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .steps-rows {
margin-top: 2.25rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
font-size: 2.625rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
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] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
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) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .how-to-number {
font-size: 3.25rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-title {
color: #03105F;
font-size: 1.0625rem;
font-weight: 700;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-title {
font-size: 1.5rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-description {
color: #03105F;
font-size: 0.9375rem;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-description {
font-size: 1.25rem;
}
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-description.mt45-slide {
margin-top: 1.25rem;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-description-2 {
color: #03105F;
font-size: 0.9375rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-description-2 {
margin-top: 1.25rem;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .how-to-steps .step-description-2 {
font-size: 1.25rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section {
color: #03105F;
font-size: 0.875rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section {
margin-top: 1.25rem;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section {
font-size: 1rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section {
margin-top: 2.625rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons {
margin-top: 0.8125rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons.mt4-mt5-buttons {
cursor: none;
}
@media (min-width: 1600px) {
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons.mt4-mt5-buttons {
gap: 4.75rem;
}
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons .download-button {
cursor: pointer;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons .download-button img {
width: 100%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
height: auto;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons .download-button:hover .img-hover {
display: block !important;
}
#trading-platforms-section .trading-platforms-wrapper .platform-slide .download-section .download-buttons .download-button:hover .img {
display: none;
}
#trading-platforms-section .trading-platforms-wrapper .platforms-btn {
position: relative;
bottom: 0;
height: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platforms-btn {
margin-top: 1rem;
border-radius: 2.25rem;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .platforms-btn {
left: 0;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .platforms-btn {
right: 0;
}
#trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet {
color: #03105F;
font-size: 1.125rem;
font-weight: 700;
width: 13.75rem;
min-width: 15rem;
height: auto;
white-space: nowrap;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet {
text-align: center;
border-radius: 2.25rem;
background: #F1F3F9;
border: 0.0625rem solid #BB914A;
padding: 0.33333em 1.3em;
}
#trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet:hover, #trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet .swiper-pagination-bullet-active {
color: #FFFFFF;
opacity: 1;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet:hover, [dir] #trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet .swiper-pagination-bullet-active {
background: #010C3E;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet {
font-size: 1.5rem;
width: auto;
min-width: 15rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet-active {
color: #FFFFFF;
opacity: 1;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .platforms-btn .swiper-pagination-bullet-active {
background: #010C3E;
}
#trading-platforms-section .trading-platforms-wrapper .circular-buttons {
position: relative;
bottom: 0;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .circular-buttons {
margin-top: 1rem;
}
@media (min-width: 992px) {
#trading-platforms-section .trading-platforms-wrapper .circular-buttons {
position: absolute;
bottom: 3rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .circular-buttons {
margin-top: 0;
}
}
@media (min-width: 2500px) {
#trading-platforms-section .trading-platforms-wrapper .circular-buttons {
bottom: 0;
}
}
#trading-platforms-section .trading-platforms-wrapper .circular-buttons .swiper-pagination-bullet {
height: 0.375rem;
width: 0.375rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .circular-buttons .swiper-pagination-bullet {
background: #000832;
}
#trading-platforms-section .trading-platforms-wrapper .circular-buttons .swiper-pagination-bullet-active {
height: 0.375rem;
width: 1.6875rem;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .circular-buttons .swiper-pagination-bullet-active {
background: #000832;
border-radius: 0.375rem;
}
#trading-platforms-section .trading-platforms-wrapper .learn-more {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .learn-more {
margin-top: 1rem;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .learn-more {
padding-right: 2em;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .learn-more {
padding-left: 2em;
}
:root[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .learn-more {
padding-left: 1em;
}
@media (min-width: 1200px) {
[dir] #trading-platforms-section .trading-platforms-wrapper .learn-more {
margin-top: 3rem;
}
}
#trading-platforms-section .trading-platforms-wrapper .learn-more .learn-more-link {
text-decoration: none;
color: #C79942;
font-size: 1.25rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
[dir] #trading-platforms-section .trading-platforms-wrapper .learn-more .learn-more-link {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#trading-platforms-section .trading-platforms-wrapper .learn-more .platforms-arrow {
position: absolute;
height: 1.5em;
top: 50%;
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .learn-more .platforms-arrow {
-webkit-transition: right 0.3s ease, color 0.3s ease;
transition: right 0.3s ease, color 0.3s ease;
right: -12%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .learn-more .platforms-arrow {
-webkit-transition: left 0.3s ease, color 0.3s ease;
transition: left 0.3s ease, color 0.3s ease;
left: -12%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
:root[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .learn-more .platforms-arrow {
-webkit-transform: translate(-50%, -50%) scale(-1, 1);
transform: translate(-50%, -50%) scale(-1, 1);
}
#trading-platforms-section .trading-platforms-wrapper .learn-more:hover .platforms-arrow, #trading-platforms-section .trading-platforms-wrapper .learn-more:focus-visible .platforms-arrow {
-webkit-filter: invert(11%) sepia(39%) saturate(4221%) hue-rotate(224deg) brightness(50%) contrast(120%);
filter: invert(11%) sepia(39%) saturate(4221%) hue-rotate(224deg) brightness(50%) contrast(120%);
}
[dir=ltr] #trading-platforms-section .trading-platforms-wrapper .learn-more:hover .platforms-arrow, [dir=ltr] #trading-platforms-section .trading-platforms-wrapper .learn-more:focus-visible .platforms-arrow {
right: -20%;
}
[dir=rtl] #trading-platforms-section .trading-platforms-wrapper .learn-more:hover .platforms-arrow, [dir=rtl] #trading-platforms-section .trading-platforms-wrapper .learn-more:focus-visible .platforms-arrow {
left: -20%;
}
#trading-platforms-section .trading-platforms-wrapper .learn-more:hover .learn-more-link, #trading-platforms-section .trading-platforms-wrapper .learn-more:focus-visible .learn-more-link {
color: #03105F;
}
@-webkit-keyframes leftBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-6%, 10%);
transform: translate(-6%, 10%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes leftBottomFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(-6%, 10%);
transform: translate(-6%, 10%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@-webkit-keyframes rightTopFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(6%, -11%);
transform: translate(6%, -11%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
@keyframes rightTopFloat {
0% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
50% {
-webkit-transform: translate(6%, -11%);
transform: translate(6%, -11%);
}
100% {
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}</style>
<script>"use strict";
var platformsSection = document.getElementById("trading-platforms-section");
var buttonsSwiper = new Swiper(platformsSection.querySelector(".buttons-swiper"), {
rtl: document.documentElement.dir === "rtl",
slidesPerView: "auto",
centeredSlides: true,
spaceBetween: 15,
watchSlidesProgress: true,
on: {}
});
var platformsSwiper = new Swiper(platformsSection.querySelector(".platforms-swiper"), {
rtl: document.documentElement.dir === "rtl",
speed: 1000,
slidesPerView: 1,
autoplay: {
delay: 2000,
disableOnInteraction: true
},
effect: 'fade',
fadeEffect: {
crossFade: true
},
pagination: {
el: '.platforms-swiper-pagination',
clickable: true
},
on: {}
});
platformsSwiper.controller.control = buttonsSwiper;
buttonsSwiper.controller.control = platformsSwiper;
//HIDING MUTLIBANK EXCHANGE SLIDE
// $('.platforms-btn > .swiper-pagination-bullet').each((idx, el) => idx === 0 ? $(el).text(multibankExchange) : idx === 1 ? $(el).text(multibankCTrader) : $(el).text(mt4MT5))
$('.platforms-btn > .swiper-pagination-bullet').each(function (idx, el) {
return idx === 0 ? $(el).text(multibankCTrader) : $(el).text(mt4MT5);
});</script>
<section id="ctas-section">
<div class="ctas-section-container">
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container" style="width: 100%; height: 350px;">
<iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://www.tradingview-widget.com/embed-widget/market-quotes/?locale=en#%7B%22width%22%3A%22100%25%22%2C%22height%22%3A350%2C%22symbolsGroups%22%3A%5B%7B%22name%22%3A%22Indices%22%2C%22originalName%22%3A%22Indices%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22FOREXCOM%3ASPXUSD%22%2C%22displayName%22%3A%22S%26P%20500%22%7D%2C%7B%22name%22%3A%22FOREXCOM%3ANSXUSD%22%2C%22displayName%22%3A%22US%20100%22%7D%2C%7B%22name%22%3A%22FOREXCOM%3ADJI%22%2C%22displayName%22%3A%22Dow%2030%22%7D%2C%7B%22name%22%3A%22INDEX%3ANKY%22%2C%22displayName%22%3A%22Nikkei%20225%22%7D%2C%7B%22name%22%3A%22INDEX%3ADEU40%22%2C%22displayName%22%3A%22DAX%20Index%22%7D%2C%7B%22name%22%3A%22FOREXCOM%3AUKXGBP%22%2C%22displayName%22%3A%22UK%20100%22%7D%5D%7D%2C%7B%22name%22%3A%22Futures%22%2C%22originalName%22%3A%22Futures%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22CME_MINI%3AES1!%22%2C%22displayName%22%3A%22S%26P%20500%22%7D%2C%7B%22name%22%3A%22CME%3A6E1!%22%2C%22displayName%22%3A%22Euro%22%7D%2C%7B%22name%22%3A%22COMEX%3AGC1!%22%2C%22displayName%22%3A%22Gold%22%7D%2C%7B%22name%22%3A%22NYMEX%3ACL1!%22%2C%22displayName%22%3A%22Crude%20Oil%22%7D%2C%7B%22name%22%3A%22NYMEX%3ANG1!%22%2C%22displayName%22%3A%22Natural%20Gas%22%7D%2C%7B%22name%22%3A%22CBOT%3AZC1!%22%2C%22displayName%22%3A%22Corn%22%7D%5D%7D%2C%7B%22name%22%3A%22Bonds%22%2C%22originalName%22%3A%22Bonds%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22CME%3AGE1!%22%2C%22displayName%22%3A%22Eurodollar%22%7D%2C%7B%22name%22%3A%22CBOT%3AZB1!%22%2C%22displayName%22%3A%22T-Bond%22%7D%2C%7B%22name%22%3A%22CBOT%3AUB1!%22%2C%22displayName%22%3A%22Ultra%20T-Bond%22%7D%2C%7B%22name%22%3A%22EUREX%3AFGBL1!%22%2C%22displayName%22%3A%22Euro%20Bund%22%7D%2C%7B%22name%22%3A%22EUREX%3AFBTP1!%22%2C%22displayName%22%3A%22Euro%20BTP%22%7D%2C%7B%22name%22%3A%22EUREX%3AFGBM1!%22%2C%22displayName%22%3A%22Euro%20BOBL%22%7D%5D%7D%2C%7B%22name%22%3A%22Forex%22%2C%22originalName%22%3A%22Forex%22%2C%22symbols%22%3A%5B%7B%22name%22%3A%22FX%3AEURUSD%22%2C%22displayName%22%3A%22EUR%2FUSD%22%7D%2C%7B%22name%22%3A%22FX%3AGBPUSD%22%2C%22displayName%22%3A%22GBP%2FUSD%22%7D%2C%7B%22name%22%3A%22FX%3AUSDJPY%22%2C%22displayName%22%3A%22USD%2FJPY%22%7D%2C%7B%22name%22%3A%22FX%3AUSDCHF%22%2C%22displayName%22%3A%22USD%2FCHF%22%7D%2C%7B%22name%22%3A%22FX%3AAUDUSD%22%2C%22displayName%22%3A%22AUD%2FUSD%22%7D%2C%7B%22name%22%3A%22FX%3AUSDCAD%22%2C%22displayName%22%3A%22USD%2FCAD%22%7D%5D%7D%5D%2C%22showSymbolLogo%22%3Afalse%2C%22colorTheme%22%3A%22dark%22%2C%22isTransparent%22%3Atrue%2C%22utm_source%22%3A%22currency-xchanges.com%22%2C%22utm_medium%22%3A%22widget%22%2C%22utm_campaign%22%3A%22market-quotes%22%2C%22page-uri%22%3A%22currency-xchanges.com%2F%22%7D" title="market quotes TradingView widget" lang="en" style="user-select: none; box-sizing: border-box; display: block; height: 100%; width: 100%;"></iframe>
<style>
.tradingview-widget-copyright {
font-size: 13px !important;
line-height: 32px !important;
text-align: center !important;
vertical-align: middle !important;
/* @mixin sf-pro-display-font; */
font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif !important;
color: #B2B5BE !important;
}
.tradingview-widget-copyright .blue-text {
color: #2962FF !important;
}
.tradingview-widget-copyright a {
text-decoration: none !important;
color: #B2B5BE !important;
}
.tradingview-widget-copyright a:visited {
color: #B2B5BE !important;
}
.tradingview-widget-copyright a:hover .blue-text {
color: #1E53E5 !important;
}
.tradingview-widget-copyright a:active .blue-text {
color: #1848CC !important;
}
.tradingview-widget-copyright a:visited .blue-text {
color: #2962FF !important;
}
</style></div>
<!-- TradingView Widget END --><br><br>
</div>
<div class="background-overlay-mobile"></div>
</section>
<style>
#ctas-section {
overflow: hidden;
}
[dir=ltr] #ctas-section {
background: transparent -webkit-gradient(linear, left top, right top, from(#010C3E), color-stop(52%, #03105F), to(#010C3E)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(90deg, #010C3E 0%, #03105F 52%, #010C3E 100%) 0 0 no-repeat padding-box;
}
[dir=rtl] #ctas-section {
background: transparent -webkit-gradient(linear, right top, left top, from(#010C3E), color-stop(52%, #03105F), to(#010C3E)) 100% 0 no-repeat padding-box;
background: transparent linear-gradient(-90deg, #010C3E 0%, #03105F 52%, #010C3E 100%) 100% 0 no-repeat padding-box;
}
@media (min-width: 1200px) {
#ctas-section {
overflow: unset;
}
}
#ctas-section .ctas-section-container {
position: relative;
max-width: 102rem;
width: 100%;
height: 100%;
z-index: 2;
}
[dir] #ctas-section .ctas-section-container {
padding: 2rem 1.875rem 0;
margin: auto;
}
@media (min-width: 1200px) {
[dir] #ctas-section .ctas-section-container {
padding: 5.75rem 4rem 0;
}
}
#ctas-section .ctas-section-cards {
position: relative;
width: 100%;
height: 100%;
bottom: -1.5rem;
}
[dir] #ctas-section .ctas-section-cards {
margin: 0;
}
#ctas-section .cta-card-wrapper {
-webkit-filter: drop-shadow(0 0.375rem 1.25rem rgba(16, 57, 175, 0.3294117647));
filter: drop-shadow(0 0.375rem 1.25rem rgba(16, 57, 175, 0.3294117647));
height: 9rem;
}
[dir] #ctas-section .cta-card-wrapper {
border-radius: 0.8125rem;
}
[dir=ltr] #ctas-section .cta-card-wrapper {
background: transparent -webkit-gradient(linear, left bottom, left top, from(#E4E6F4), to(#FFFFFF)) 0 0 no-repeat padding-box;
background: transparent linear-gradient(0deg, #E4E6F4 0%, #FFFFFF 100%) 0 0 no-repeat padding-box;
}
[dir=rtl] #ctas-section .cta-card-wrapper {
background: transparent -webkit-gradient(linear, left bottom, left top, from(#E4E6F4), to(#FFFFFF)) 100% 0 no-repeat padding-box;
background: transparent linear-gradient(0deg, #E4E6F4 0%, #FFFFFF 100%) 100% 0 no-repeat padding-box;
}
@media (min-width: 992px) {
#ctas-section .cta-card-wrapper {
height: 10.875rem;
}
}
@media (min-width: 1200px) {
#ctas-section .cta-card-wrapper {
-webkit-filter: drop-shadow(0 0.375rem 0.625rem rgba(16, 57, 175, 0.3294117647));
filter: drop-shadow(0 0.375rem 0.625rem rgba(16, 57, 175, 0.3294117647));
}
}
[dir] #ctas-section .cta-card-body {
padding: 1rem;
}
@media (min-width: 992px) {
[dir] #ctas-section .cta-card-body {
padding: 2rem;
}
}
#ctas-section .cta-card-body .cta-card-title {
color: #03105F;
font-weight: 500;
font-size: 1.125rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
[dir] #ctas-section .cta-card-body .cta-card-title {
text-align: center;
margin-bottom: 1rem;
}
#ctas-section .cta-card-body .cta-card-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[dir=ltr] #ctas-section .cta-card-body .cta-card-link:first-child {
padding-right: 0.5rem;
}
[dir=rtl] #ctas-section .cta-card-body .cta-card-link:first-child {
padding-left: 0.5rem;
}
[dir=ltr] #ctas-section .cta-card-body .cta-card-link:last-child {
padding-left: 0.5rem;
}
[dir=rtl] #ctas-section .cta-card-body .cta-card-link:last-child {
padding-right: 0.5rem;
}
#ctas-section .cta-card-body .cta-card-link .cta-card-img:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#ctas-section .cta-card-body .cta-card-link .cta-card-img:last-child {
display: none;
}
#ctas-section .cta-card-body .cta-card-link:hover .cta-card-img:first-child {
display: none;
}
#ctas-section .cta-card-body .cta-card-link:hover .cta-card-img:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#ctas-section .cta-card-body .cta-card-img {
width: 100%;
}
[dir] #ctas-section .cta-card-body .cta-card-img {
cursor: pointer;
}
#ctas-section .cta-card-body .home-btn {
width: 70%;
font-size: 0.875rem;
}
[dir] #ctas-section .cta-card-body .home-btn {
margin: auto;
padding: 0.35rem 1rem;
}
@media (min-width: 768px) {
[dir] #ctas-section .cta-card-body .home-btn {
padding: 0.5rem 1rem;
}
}
@media (min-width: 992px) {
#ctas-section .cta-card-body .home-btn {
font-size: 1rem;
}
[dir] #ctas-section .cta-card-body .home-btn {
padding: 0.75rem 1rem;
}
}
@media (min-width: 1200px) {
#ctas-section .cta-card-body .home-btn {
width: 70%;
}
[dir] #ctas-section .cta-card-body .home-btn {
padding: 0.5rem 1rem;
}
}
#ctas-section .background-overlay-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 4rem;
z-index: 1;
}
[dir] #ctas-section .background-overlay-mobile {
background: #ffffff;
border: 0;
}
@media (min-width: 1200px) {
#ctas-section .background-overlay-mobile {
display: none;
}
}</style>
<script>"use strict";
var ctasSwiper = new Swiper(document.querySelector(".ctas-section-cards"), {
rtl: document.documentElement.dir === "rtl",
slidesPerView: 1.25,
spaceBetween: 20,
centeredSlides: true,
breakpoints: {
1400: {
slidesPerView: 3,
spaceBetween: 40,
centeredSlides: false,
allowTouchMove: false
},
1200: {
slidesPerView: 3,
spaceBetween: 10,
centeredSlides: false,
allowTouchMove: false
},
800: {
slidesPerView: 2.5,
spaceBetween: 20,
centeredSlides: true,
allowTouchMove: true,
initialSlide: 1
},
600: {
slidesPerView: 2.25,
allowTouchMove: true,
centeredSlides: true,
initialSlide: 1
},
576: {
slidesPerView: 1.25,
spaceBetween: 20,
allowTouchMove: true,
centeredSlides: true
}
},
pagination: {}
});</script>
<section id="trading-accounts-section">
<div class=" reviews-slider__container">
<link href="https://copyexptrade.com/assets/templates/basic/newfront/css/custom.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://copyexptrade.com/assets/templates/basic/newfront/css/animate.min.css">
<style>
.price-tab {
display: none
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
label {
display: block;
margin-bottom: 5px;
font-weight: 700;
}
.pricing-box-2 {
width: 100% !important;
}
.btn_blue-gradient{
background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(0%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
text-decoration: none;
padding: 12px;
border: none;
border-radius: 0.4375rem;
color: #020862;
text-transform: uppercase;
}
</style>
<div class="wrapper">
<fieldset>
<div>
<label>
<input type="radio" name="radio" onclick="selectPlan('weekly')" checked="">
<span>Standard</span>
</label>
</div>
</fieldset><br>
<div class="price-tab weekly active animate__animated animate__fadeIn" style="display: block;">
<div class="pricing-table">
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">STARTER PLAN </h2>
<span class="price">4.4% After 24 Hours</span>
<span class="pricing-table-divider"></span>
<a id="follow-success" class="gold-btn btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$20</li>
<li>maximum:$499</li>
<li>5% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">PROFESSIONAL PLAN </h2>
<span class="price">6.6% After 24 Hours</span>
<span class="pricing-table-divider"></span>
<a id="follow-success" class="gold-btn btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$500</li>
<li>maximum:$999</li>
<li>5% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">FORTUNE PLAN </h2>
<span class="price">8.8% After 24 Hours</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$1,000</li>
<li>maximum:$4,999</li>
<li>5% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">EXPERT PLAN </h2>
<span class="price">10% After 48 Hours</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$5,000</li>
<li>maximum:$9,999</li>
<li>5% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">VIP PLAN </h2>
<span class="price">20% After 72 Hours</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$10,000</li>
<li>maximum:UNLIMITED</li>
<li>5% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
</div>
</div>
<div class="price-tab monthly">
<div class="pricing-table">
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">CORPORATE PLAN </h2>
<span class="price">70% - 80% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$100,000</li>
<li>maximum:UNLIMITED</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">ULTIMATE PLAN </h2>
<span class="price">60% - 70% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$50,000</li>
<li>maximum:$99,999</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">PREMIUM PLAN </h2>
<span class="price">50% - 60% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$20,000</li>
<li>maximum:$49,999</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">MASTER PLUS PLAN </h2>
<span class="price">40% - 45% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$10,000</li>
<li>maximum:$19,999</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">STANDARD PLAN </h2>
<span class="price">30% - 40% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$1,000</li>
<li>maximum:$9,999</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
</div>
</div>
<div class="price-tab nfp">
<div class="pricing-table">
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">ULTIMATE PLAN </h2>
<span class="price">200% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$150,000</li>
<li>maximum:UNLIMITED</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">STARTER PLAN </h2>
<span class="price">100% - 124% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$50,000</li>
<li>maximum:$99,999</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">PREMIUM PLAN </h2>
<span class="price">150% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>minimum:$100,000</li>
<li>maximum:$149,999</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
</div>
</div>
<div class="price-tab btc">
<div class="pricing-table">
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">PRO CRYPTO</h2>
<span class="price">90% - 95% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>30+ BTC</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">STANDARD CRYPTO</h2>
<span class="price">70% - 75% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>5 - 14.9 BTC</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">PREMIUM CRYPTO</h2>
<span class="price">80% - 85% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>15 - 29.9 BTC</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
<div class="pricing-box-2">
<h2 style="letter-spacing: 0px;">BASIC CRYPTO</h2>
<span class="price">65% - 70% PIPS</span>
<span class="pricing-table-divider"></span>
<a class="btn btn_blue-gradient" href="?a=signup"><b>Get Started</b></a>
<span class="pricing-table-divider"></span>
<ul>
<li>1 - 1.5 BTC</li>
<li>10% Trade Commission</li>
<li>24/7 active support</li>
</ul>
</div>
</div>
</div>
</div>
<script>
window.onload = function() {
var el = document.getElementsByClassName("price-tab")
for (i = 0; i < el.length; i++) {
el[0].classList.add('active')
if (el[i].classList.contains('active')) {
el[i].style.display = 'block'
el[i].classList.add('animate__animated', 'animate__fadeIn')
}
}
}
function selectPlan(plan) {
var el = document.getElementsByClassName("price-tab")
console.log(plan)
for (i = 0; i < el.length; i++) {
if (el[i].classList.contains(plan)) {
el[i].style.display = 'block'
el[i].classList.add('animate__animated', 'animate__fadeIn')
} else {
el[i].style.display = 'none'
}
}
}
</script>
</div>
</section>
<script>
var platforms = [
{"key":"Starter","platformVersion":["mt4","mt5"],"minimumInitialDeposit":50,"pips":1.5,"leverage":0.002,"url":"account/live-account"},
{"key":"Standard","platformVersion":["mt4","mt5"],"minimumInitialDeposit":50,"pips":1.5,"leverage":0.002,"url":"account/live-account"},
{"key":"Premium","platformVersion":["mt4","mt5"],"minimumInitialDeposit":1000,"pips":0.8,"leverage":0.002,"url":"account/live-account"},
{"key":"CORPORATE","platformVersion":["mt4","mt5"],"minimumInitialDeposit":5000,"pips":0,"leverage":0.002,"url":"account/live-account"}];
var account = "ACCOUNT";
</script>
<style>
#trading-accounts-section {
overflow: hidden;
}
[dir] #trading-accounts-section {
background: #FFFFFF;
}
#trading-accounts-section .trading-accounts-container {
position: relative;
max-width: 102rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
[dir] #trading-accounts-section .trading-accounts-container {
padding: 3rem 1.875rem 3.125rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
[dir] #trading-accounts-section .trading-accounts-container {
padding: 9rem 4rem 8.125rem;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
font-weight: 500;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-title {
margin: 0;
-webkit-background-clip: text;
padding: 0 1em;
text-align: center;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-title {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-title {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-title {
font-size: 3.25rem;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper {
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper {
margin-top: 1.2rem;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper {
max-height: 19rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper {
margin-top: 3.75rem;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
top: 0;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination {
-webkit-transform: none;
transform: none;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination {
right: 0;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination {
left: 0;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.1375rem;
-webkit-clip-path: polygon(50% 100%, 0 95%, 0 0, 100% 0, 100% 95%);
clip-path: polygon(50% 100%, 0 95%, 0 0, 100% 0, 100% 95%);
width: auto;
height: auto;
opacity: 1;
-webkit-box-flex: 1;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
padding: 1rem 0.7rem;
margin: 0;
border-radius: 0;
background: transparent;
text-align: center;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-clip-path: polygon(0% 0%, 92% 0, 100% 50%, 92% 100%, 0% 100%);
clip-path: polygon(0% 0%, 92% 0, 100% 50%, 92% 100%, 0% 100%);
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
padding: 0 4.43em 0 2.17em;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
padding: 0 2.17em 0 4.43em;
}
:root[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
-webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
}
}
@media (min-width: 1400px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
font-size: 1.4375rem;
}
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet:not(:last-child) {
border-right: 0.0625rem solid rgba(128, 128, 128, 0.3);
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet:not(:last-child) {
border-left: 0.0625rem solid rgba(128, 128, 128, 0.3);
}
@media (min-width: 992px) {
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet:not(:last-child) {
border-bottom: 0.0625rem solid rgba(128, 128, 128, 0.3);
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs h2 {
color: #03105F;
font-size: 1.0625rem;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
line-height: 1.3333;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs h2 {
margin: 0.75rem 0 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (min-width: 768px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs h2 {
font-size: 1.5rem;
}
}
@media (min-width: 992px) {
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs h2 {
margin: 0;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs p {
color: #FFFFFF;
font-size: 1rem;
display: none;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet .btn-paragraphs p {
margin: 0;
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
max-width: 40%;
height: auto;
-ms-flex-item-align: center;
align-self: center;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
max-width: 60%;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
padding-right: 3rem;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
padding-left: 3rem;
}
}
@media (min-width: 1600px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
max-width: 100%;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
padding-right: 3rem;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
padding-left: 3rem;
}
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active {
background: transparent -webkit-gradient(linear, left top, right top, from(#020862), to(#000832));
background: transparent linear-gradient(90deg, #020862 0%, #000832 100%);
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active {
background: transparent -webkit-gradient(linear, right top, left top, from(#020862), to(#000832));
background: transparent linear-gradient(-90deg, #020862 0%, #000832 100%);
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active h2 {
font-size: 3.25rem;
}
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet-active p {
display: block !important;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide {
max-height: 18.375rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
#trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
@media (min-width: 992px) {
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-left: 1.625rem;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-right: 1.625rem;
}
}
@media (min-width: 1200px) {
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-left: 3.625rem;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-right: 3.625rem;
}
}
@media (min-width: 1400px) {
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-left: 6.625rem;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-right: 6.625rem;
}
}
@media (min-width: 1600px) {
[dir=ltr] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-left: 8.625rem;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-right: 8.625rem;
}
}
#trading-accounts-section .trading-accounts-container .first-half .platform-card-description {
color: #03105F;
font-size: 0.9375rem;
line-height: 1.375;
}
#trading-accounts-section .trading-accounts-container .first-half .platform-card-description a {
text-decoration: none;
color: #03105F;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .first-half .platform-card-description {
font-size: 1.25rem;
line-height: 1.333;
}
}
#trading-accounts-section .trading-accounts-container .first-half .first-half-list {
list-style-image: url("assets/newfront/images/home/animated-home/advantages/list-candles.png");
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .first-half .first-half-list {
padding-left: 1.5em;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .first-half .first-half-list {
padding-right: 1.5em;
}
#trading-accounts-section .trading-accounts-container .first-half .first-half-list li {
color: #03105F;
font-size: 0.9375rem;
font-weight: 700;
}
[dir] #trading-accounts-section .trading-accounts-container .first-half .first-half-list li {
margin-bottom: 0.85em;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .first-half .first-half-list li {
padding-left: 0.5em;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .first-half .first-half-list li {
padding-right: 0.5em;
}
@media (min-width: 992px) {
#trading-accounts-section .trading-accounts-container .first-half .first-half-list li {
font-size: 1.25rem;
}
}
#trading-accounts-section .trading-accounts-container .second-half .platform-card-features {
list-style-image: url("assets/newfront/images/home/animated-home/trading-platforms/check.svg");
}
#trading-accounts-section .trading-accounts-container .second-half .platform-card-features li {
color: #03105F;
font-size: 0.9375rem;
}
[dir] #trading-accounts-section .trading-accounts-container .second-half .platform-card-features li {
margin-bottom: 0.85em;
}
[dir=ltr] #trading-accounts-section .trading-accounts-container .second-half .platform-card-features li {
padding-left: 0.5em;
}
[dir=rtl] #trading-accounts-section .trading-accounts-container .second-half .platform-card-features li {
padding-right: 0.5em;
}
@media (min-width: 768px) {
#trading-accounts-section .trading-accounts-container .second-half .platform-card-features li {
font-size: 1.25rem;
}
}</style>
<script>"use strict";
var getDirection = function getDirection() {
var direction = window.innerWidth <= 992 ? 'horizontal' : 'vertical';
return direction;
};
var tradingSwiper = new Swiper(document.querySelector(".trading-accounts-swiper"), {
rtl: document.documentElement.dir === "rtl",
direction: getDirection(),
on: {
resize: function resize() {
tradingSwiper.changeDirection(getDirection());
}
},
speed: 500,
effect: 'fade',
fadeEffect: {
crossFade: true
},
pagination: {
el: document.querySelector(".trading-accounts-pagination"),
clickable: true,
renderBullet: function renderBullet(index, className) {
var _platforms$index, _platforms$index$icon, _platforms$index2;
return '<div class="' + className + '"><div class="btn-paragraphs"><h2>' + ((_platforms$index2 = platforms[index]) === null || _platforms$index2 === void 0 ? void 0 : _platforms$index2.key) + '</h2><p>' + account + ' </p></div></div>';
}
}
});</script>
<section id="ib-section">
<div class="ib-content-wrapper">
<div class="ib-section-container">
<div class="col col-xl-6 col-xxl-5">
<div class="ib-section-title">
INTRODUCING EXPERT TRADERS
</div>
<div class="content-heading">
Increase your profits with our top-ends traders in the industry.
</div>
<div class="content-body">
currency-xchange’s Programs include Introducing Broker, Affiliate Program, White Label, Prime of Primes & Franchise Partner, all exclusively tailored to suit you.
</div>
</div>
</div>
<div class="ib-section-bg">
<picture>
<source media="(min-width: 1200px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section.png 2x" type="image/png">
<source media="(min-width: 1200px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section.webp 2x" type="image/webp">
<source media="(min-width: 1200px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section.png" type="image/png">
<source media="(min-width: 1200px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section.webp" type="image/webp">
<source media="(max-width: 1199px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section-mobile.png 2x" type="image/png">
<source media="(max-width: 1199px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section-mobile.webp 2x" type="image/webp">
<source media="(max-width: 1199px)" srcset="assets/newfront/images/home/animated-home/ib/bg-ib-section-mobile.png" type="image/png">
<img src="assets/newfront/images/home/animated-home/ib/bg-ib-section-mobile.webp" alt="IB-icon" type="image/webp">
</picture>
</div>
</div>
<div class="ib-section-ribbon">
<div class="row">
<div class="col-6 col-xl-3">
<div class="card">
<div class="counter-wrapper">
<span><h1 class="count" data-target="1000000"></h1></span>
<span><h1>+</h1></span>
</div>
<h4>currency-xchange Trade clients </h4>
</div>
</div>
<div class="col-6 col-xl-3">
<div class="card">
<div class="counter-wrapper">
<span><h1 class="count" data-target="20000"></h1></span>
<span><h1>+</h1></span>
</div>
<h4>TRADING INSTRUMENTS </h4>
</div>
</div>
<div class="col-6 col-xl-3">
<div class="card">
<div class="counter-wrapper">
<span><h1 class="count" data-target="30000"></h1></span>
<span><h1>+</h1></span>
</div>
<h4>INTRODUCING BROKERS </h4>
</div>
</div>
<div class="col-6 col-xl-3">
<div class="card">
<div class="counter-wrapper">
<span><h1 class="count" data-target="20"></h1></span>
<span><h1>+</h1></span>
</div>
<h4>Offices & branches </h4>
</div>
</div>
</div>
</div>
</section>
<style>
[dir] #ib-section {
background-color: #010C3E;
}
#ib-section .ib-content-wrapper {
position: relative;
width: 100%;
}
@media (min-width: 1200px) {
#ib-section .ib-content-wrapper::before {
float: left;
padding-top: 31.25%;
content: '';
}
#ib-section .ib-content-wrapper::after {
display: block;
content: '';
clear: both;
}
}
#ib-section .ib-section-bg {
position: relative;
width: 100%;
height: 100%;
top: 0;
}
#ib-section .ib-section-bg::before {
float: left;
padding-top: 46.875%;
content: '';
}
#ib-section .ib-section-bg::after {
display: block;
content: '';
clear: both;
}
[dir] #ib-section .ib-section-bg {
margin-top: -2rem;
}
[dir=ltr] #ib-section .ib-section-bg {
left: 0;
}
[dir=rtl] #ib-section .ib-section-bg {
right: 0;
}
@media (min-width: 1200px) {
#ib-section .ib-section-bg {
position: absolute;
}
[dir] #ib-section .ib-section-bg {
margin-top: 0;
}
}
#ib-section .ib-section-bg img {
position: absolute;
bottom: 0;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
:root[dir=rtl] #ib-section .ib-section-bg img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#ib-section .ib-section-container {
position: relative;
max-width: 102rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
z-index: 2;
}
[dir] #ib-section .ib-section-container {
padding: 3.75rem 1.875rem 0;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
[dir] #ib-section .ib-section-container {
padding-left: 4rem;
padding-right: 4rem;
padding-top: 5.625rem;
}
}
@media (min-width: 1600px) {
[dir] #ib-section .ib-section-container {
padding-top: 6.4375rem;
}
}
#ib-section .ib-section-container .ib-section-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] #ib-section .ib-section-container .ib-section-title {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #ib-section .ib-section-container .ib-section-title {
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%);
text-align: left;
}
[dir=rtl] #ib-section .ib-section-container .ib-section-title {
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%);
text-align: right;
}
@media (min-width: 768px) {
#ib-section .ib-section-container .ib-section-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#ib-section .ib-section-container .ib-section-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#ib-section .ib-section-container .ib-section-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
#ib-section .ib-section-container .ib-section-title {
font-size: 3.25rem;
}
}
#ib-section .ib-section-container .content-heading {
color: #FFFFFF;
font-size: 1.125rem;
}
[dir] #ib-section .ib-section-container .content-heading {
margin-top: 0.75rem;
}
@media (min-width: 768px) {
#ib-section .ib-section-container .content-heading {
font-size: 1.45rem;
}
[dir] #ib-section .ib-section-container .content-heading {
margin-top: 1.5125rem;
}
}
@media (min-width: 992px) {
#ib-section .ib-section-container .content-heading {
font-size: 1.75rem;
}
[dir] #ib-section .ib-section-container .content-heading {
margin-top: 1.8125rem;
}
}
#ib-section .ib-section-container .content-body {
color: #FFFFFF;
font-size: 0.9375rem;
line-height: 1.375;
}
[dir] #ib-section .ib-section-container .content-body {
margin-top: 0.8125rem;
}
@media (min-width: 768px) {
#ib-section .ib-section-container .content-body {
font-size: 1.25rem;
line-height: 1.333;
}
[dir] #ib-section .ib-section-container .content-body {
margin-top: 1.375rem;
}
}
#ib-section .ib-section-ribbon {
position: relative;
width: 100%;
height: auto;
}
[dir] #ib-section .ib-section-ribbon {
padding: 0.75rem 1.875rem;
}
[dir=ltr] #ib-section .ib-section-ribbon {
background: transparent -webkit-gradient(linear, right top, left top, from(#020862), to(#000832));
background: transparent linear-gradient(270deg, #020862 0%, #000832 100%);
}
[dir=rtl] #ib-section .ib-section-ribbon {
background: transparent -webkit-gradient(linear, left top, right top, from(#020862), to(#000832));
background: transparent linear-gradient(-270deg, #020862 0%, #000832 100%);
}
@media (min-width: 1200px) {
[dir] #ib-section .ib-section-ribbon {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 1600px) {
[dir] #ib-section .ib-section-ribbon {
padding-left: 13rem;
padding-right: 13rem;
}
}
#ib-section .ib-section-ribbon .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] #ib-section .ib-section-ribbon .card {
text-align: center;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
@media (min-width: 768px) {
[dir] #ib-section .ib-section-ribbon .card {
padding: 2.4375rem;
}
}
#ib-section .ib-section-ribbon .card .counter-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
margin: 0;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
text-transform: uppercase;
}
[dir] #ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#ib-section .ib-section-ribbon .card .counter-wrapper span h1 {
font-size: 3.25rem;
}
}
#ib-section .ib-section-ribbon .card h4 {
color: #FFFFFF;
font-size: 0.9375rem;
font-weight: 500;
text-transform: uppercase;
}
[dir] #ib-section .ib-section-ribbon .card h4 {
margin: 0;
}
@media (min-width: 768px) {
#ib-section .ib-section-ribbon .card h4 {
font-size: 1.125rem;
}
}
#ib-section .learn-more {
text-decoration: none;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
[dir] #ib-section .learn-more {
margin-top: 1rem;
}
[dir=ltr] #ib-section .learn-more {
padding-right: 2em;
}
[dir=rtl] #ib-section .learn-more {
padding-left: 2em;
}
:root[dir=rtl] #ib-section .learn-more {
padding-left: 1em;
}
@media (min-width: 1200px) {
[dir] #ib-section .learn-more {
margin-top: 3rem;
}
}
#ib-section .learn-more .learn-more-link {
text-decoration: none;
color: #C79942;
font-size: 1.25rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
[dir] #ib-section .learn-more .learn-more-link {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#ib-section .learn-more .ib-arrow {
position: absolute;
height: 1.5em;
top: 50%;
}
[dir] #ib-section .learn-more .ib-arrow {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
[dir=ltr] #ib-section .learn-more .ib-arrow {
right: -5%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] #ib-section .learn-more .ib-arrow {
left: -5%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
:root[dir=rtl] #ib-section .learn-more .ib-arrow {
-webkit-transform: translate(-50%, -50%) scale(-1, 1);
transform: translate(-50%, -50%) scale(-1, 1);
}
#ib-section .learn-more:hover .ib-arrow, #ib-section .learn-more:focus-visible .ib-arrow {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
[dir=ltr] #ib-section .learn-more:hover .ib-arrow, [dir=ltr] #ib-section .learn-more:focus-visible .ib-arrow {
right: -15%;
}
[dir=rtl] #ib-section .learn-more:hover .ib-arrow, [dir=rtl] #ib-section .learn-more:focus-visible .ib-arrow {
left: -15%;
}
#ib-section .learn-more:hover .learn-more-link, #ib-section .learn-more:focus-visible .learn-more-link {
color: white;
}</style>
<script>"use strict";
var counted = 0;
$(window).scroll(function () {
var oTop = $('.ib-section-ribbon').offset().top - window.innerHeight;
if (counted == 0 && $(window).scrollTop() > oTop) {
$('.count').each(function () {
var $this = $(this),
countTo = $this.attr('data-target');
$({
countNum: $this.text()
}).animate({
countNum: countTo
}, {
duration: 2500,
easing: 'swing',
step: function step() {
$this.text(Math.floor(this.countNum));
},
complete: function complete() {
$this.text(this.countNum.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
}
});
});
counted = 1;
}
});
//Add Direction RTL for iraq
if (language === 'ariq') {
$(".gh-containeremo").style.direction = "rtl";
}</script>
<section id="how-to-fund" style="background: #fff;">
<div class="container custom-container">
<div class="sec-header">
<center><div class="ib-section-title">HOW TO FUND YOUR ACCOUNT & START TRADING </div>
<p>You can use the following step-by-step process to guide you on how to deposit funds in your trading account.</p></center>
</div>
<div class="row">
<div class="col-12 col-md-6 col-xl-3">
<div class="card-wrap">
<picture>
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp1.webp 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp1.png 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/png">
<img data-cfsrc="/public_files/images/account_funding_v5/img-acctFund-stp1.png" loading="lazy" alt="how to fund your account & start trading ">
</picture>
<h3>1. Log in</h3>
<p>Access My currency-xchange Trade by logging in to your client portal.</p>
</div>
</div>
<div class="col-12 col-md-6 col-xl-3">
<div class="card-wrap">
<picture>
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp2.webp 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp2.png 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/png">
<img data-cfsrc="/public_files/images/account_funding_v5/img-acctFund-stp2.png" loading="lazy" alt="how to fund your account & start trading ">
</picture>
<h3>2. Use your credentials</h3>
<p>Type the email you used to register and the password you created when you opened your account</p>
</div>
</div>
<div class="col-12 col-md-6 col-xl-3">
<div class="card-wrap">
<picture>
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp3.webp 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp3.png 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/png">
<img data-cfsrc="/public_files/images/account_funding_v5/img-acctFund-stp3.png" loading="lazy" alt="how to fund your account & start trading ">
</picture>
<h3>3. Click on DEPOSITS</h3>
<p>Click on ‘DEPOSITS’ on the dashboard screen.</p>
</div>
</div>
<div class="col-12 col-md-6 col-xl-3">
<div class="card-wrap">
<picture>
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp4.webp 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/account_funding_v5/img-acctFund-stp4.png 1x, assets/newfront/images/account_funding_v5/[email protected] 2x" type="image/png">
<img data-cfsrc="/public_files/images/account_funding_v5/img-acctFund-stp4.png" loading="lazy" alt="how to fund your account & start trading ">
</picture>
<h3>4. Select payment method</h3>
<p>Browse through the funding categories and click on your preferred payment method.</p>
</div>
</div>
</div>
</div>
</section>
<style>
#how-to-fund {
width: 100%;
height: auto;
}
#how-to-fund .ib-section-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] #how-to-fund .ib-section-title {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #how-to-fund .ib-section-title {
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%);
text-align: center;
}
[dir=rtl] #how-to-fund .ib-section-title {
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%);
text-align: right;
}
@media (min-width: 768px) {
#how-to-fund .ib-section-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#how-to-fund .ib-section-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#how-to-fund .ib-section-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
#how-to-fund.ib-section-title {
font-size: 3.25rem;
}
}
#how-to-fund .sec-header h2{
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 3.25rem;
font-weight: 500;
line-height: normal;
margin: 0;
-webkit-background-clip: text;
padding: 0 1em;
text-align: center;
}
.custom-container p {
font-size: 1rem;
font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
line-height: 1.625rem;
color: #000832;
letter-spacing: 0.005rem;
}
[dir] #how-to-fund .card-wrap h3 {
margin-top: 2rem;
color: #000832;
font-size: 1.25rem;
line-height: 1.6875rem;
letter-spacing: 0.00625rem;
}
[dir] #how-to-fund {
padding: 5rem 0;
}
@media (max-width: 1200px) {
[dir] #how-to-fund {
padding: 3.75rem 0;
}
}
@media (max-width: 767px) {
[dir] #how-to-fund {
padding: 2.5rem 0;
}
}
[dir] #how-to-fund .card-wrap {
text-align: center;
margin-top: 2.25rem;
cursor: pointer;
}
@media (max-width: 1200px) {
[dir] #how-to-fund .card-wrap {
margin-top: 0;
margin-bottom: 2.5rem;
}
}
@media (max-width: 767px) {
[dir] #how-to-fund .card-wrap {
margin-bottom: 0.625rem;
}
}
#how-to-fund .card-wrap img {
max-width: 22.125rem;
width: 100%;
}
[dir] #how-to-fund .card-wrap img {
margin: auto;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 1200px) {
#how-to-fund .card-wrap img {
max-width: 15.625rem;
}
}
@media (max-width: 767px) {
#how-to-fund .card-wrap img {
max-width: 14rem;
}
}
#how-to-fund .card-wrap h3 {
color: #000832;
font-size: 1.25rem;
line-height: 1.6875rem;
letter-spacing: 0.00625rem;
}
[dir] #how-to-fund .card-wrap h3 {
margin-top: 2rem;
}
@media (max-width: 1200px) {
[dir] #how-to-fund .card-wrap h3 {
margin-top: 0.875rem;
}
}
@media (max-width: 767px) {
#how-to-fund .card-wrap h3 {
font-size: 1.125rem;
}
[dir] #how-to-fund .card-wrap h3 {
margin-top: 0.625rem;
}
}
[dir] #how-to-fund .card-wrap p {
margin-top: 0.625rem;
padding: 0 1.1rem;
}
@media (max-width: 1200px) {
[dir] #how-to-fund .card-wrap p {
margin-top: 0.625rem;
}
}
[dir] #how-to-fund .card-wrap:hover img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
[dir] #how-to-fund button {
margin: auto;
margin-top: 3.75rem;
}
@media (max-width: 1200px) {
[dir] #how-to-fund button {
margin-top: 2.125rem;
}
}
@media (max-width: 767px) {
[dir] #how-to-fund button {
margin-top: 1.625rem;
}
}
#how-to-fund .capital-risk {
font-size: 0.75rem;
font-style: italic;
}
[dir] #how-to-fund .capital-risk {
text-align: center;
margin: 1rem 0 0 0;
}</style>
<style>
[dir] #funding-conditions-section {
padding: 5rem 0;
}
#funding-conditions-section .funding-conditions-heading .funding-conditions-title {
-webkit-text-fill-color: transparent;
text-transform: uppercase;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 3.25rem;
line-height: 3.875rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
}
[dir] #funding-conditions-section .funding-conditions-heading .funding-conditions-title {
-webkit-background-clip: text;
margin: 0 auto;
text-align: center;
}
[dir=ltr] #funding-conditions-section .funding-conditions-heading .funding-conditions-title {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #funding-conditions-section .funding-conditions-heading .funding-conditions-title {
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: 768px) {
#funding-conditions-section .funding-conditions-heading .funding-conditions-title {
font-size: 1.5rem;
line-height: 2rem;
}
}
#funding-conditions-section .funding-conditions-heading .funding-conditions-subTitle {
color: #000832;
font-weight: 500;
font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
line-height: 1.625rem;
font-size: 1rem;
}
[dir] #funding-conditions-section .funding-conditions-heading .funding-conditions-subTitle {
text-align: center;
}
@media (max-width: 768px) {
#funding-conditions-section .funding-conditions-heading .funding-conditions-subTitle {
font-size: 0.9375rem;
line-height: 1.5rem;
}
}
[dir] #funding-conditions-section .tabs-container .tab {
padding-top: 2rem;
text-align: center;
}
#funding-conditions-section .tabs-container .tab .tab-wrapper {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
[dir] #funding-conditions-section .tabs-container .tab .tab-wrapper {
margin: auto;
padding-bottom: 0.625rem;
border-bottom: 0.0625rem solid #B9BED6;
}
#funding-conditions-section .tabs-container .tab .tab-wrapper span {
position: absolute;
display: inline-block;
width: 50%;
height: 0.1875rem;
bottom: 0;
content: "";
}
[dir] #funding-conditions-section .tabs-container .tab .tab-wrapper span {
background: #BB914A;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#funding-conditions-section .tabs-container .tab .tab-wrapper .tablinks {
display: inline;
font-size: 1.25rem;
color: #020862;
line-height: 1.6875rem;
letter-spacing: 0;
font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
[dir] #funding-conditions-section .tabs-container .tab .tab-wrapper .tablinks {
cursor: pointer;
padding-right: 2rem;
padding-left: 2rem;
-webkit-transition: all linear 2s;
transition: all linear 2s;
}
@media (max-width: 768px) {
#funding-conditions-section .tabs-container .tab .tab-wrapper .tablinks {
font-size: 0.9375rem;
line-height: 1.25rem;
}
}
#funding-conditions-section .tabs-container .tab .tab-wrapper .tablinks.active {
font-weight: 700;
}
[dir] #funding-conditions-section .tabs-container .tab .tab-wrapper .tablinks.active {
-webkit-transition: all linear 0.3s;
transition: all linear 0.3s;
}
[dir] #funding-conditions-section .tab-content {
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}
[dir] #funding-conditions-section .tab-content .table-container {
margin: 4rem auto 0 auto;
}
@media (min-width: 1200px) {
#funding-conditions-section .tab-content .table-container {
width: 80%;
}
}
#funding-conditions-section .tab-content .table-container table {
overflow: hidden;
border-spacing: 0;
border-collapse: collapse;
}
[dir] #funding-conditions-section .tab-content .table-container table {
border-radius: 1.25rem;
}
[dir=ltr] #funding-conditions-section .tab-content .table-container table thead tr {
background: -webkit-gradient(linear, left top, right top, from(#020862), to(#000832));
background: linear-gradient(90deg, #020862 0%, #000832 100%);
}
[dir=rtl] #funding-conditions-section .tab-content .table-container table thead tr {
background: -webkit-gradient(linear, right top, left top, from(#020862), to(#000832));
background: linear-gradient(-90deg, #020862 0%, #000832 100%);
}
#funding-conditions-section .tab-content .table-container table thead tr th {
color: #FFFFFF;
font-size: 1.25rem;
line-height: 1.6875rem;
font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 400;
}
[dir] #funding-conditions-section .tab-content .table-container table thead tr th {
padding: 1.5rem 1rem;
}
@media (max-width: 768px) {
#funding-conditions-section .tab-content .table-container table thead tr th {
font-size: 0.75rem;
line-height: 1.0625rem;
}
}
[dir] #funding-conditions-section .tab-content .table-container table tbody tr {
border: 0.0625rem solid #D1D5E2;
}
#funding-conditions-section .tab-content .table-container table tbody tr td {
color: #03105F;
font-size: 1rem;
line-height: 1.375rem;
letter-spacing: 0.005rem;
font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
[dir] #funding-conditions-section .tab-content .table-container table tbody tr td {
padding: 1.5rem 1rem;
text-align: center;
}
@media (max-width: 768px) {
#funding-conditions-section .tab-content .table-container table tbody tr td {
font-size: 0.75rem;
line-height: 1.0625rem;
}
[dir] #funding-conditions-section .tab-content .table-container table tbody tr td {
padding: 0.5rem 1rem;
}
}
[dir] #funding-conditions-section .tab-content .table-container table tbody tr:nth-child(odd) {
background: #F6F8FC;
}
[dir] #funding-conditions-section .tab-content .table-container table tbody tr:nth-child(even) {
background: #EFF3FA;
}
[dir] #funding-conditions-section .terms-container {
margin: 3rem auto 1rem auto;
}
@media (min-width: 1200px) {
#funding-conditions-section .terms-container {
width: 80%;
}
}
#funding-conditions-section .terms-container .terms-text {
color: #616F8D;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.005rem;
font-weight: 500;
font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
[dir] #funding-conditions-section .terms-container .terms-button-container {
padding-top: 2rem;
}
}
#funding-conditions-section .terms-container .terms-button-container .terms-button {
width: 15.625rem;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.875rem;
text-decoration: none;
}
[dir] #funding-conditions-section .terms-container .terms-button-container .terms-button {
cursor: pointer;
padding: 1rem 2rem;
margin: auto;
background: #010C3E;
border-radius: 0.4375rem;
border: 0.0625rem solid #BB914A;
}
@media (min-width: 1200px) {
[dir] #funding-conditions-section .terms-container .terms-button-container .terms-button {
margin: 0 50%;
}
}
[dir=ltr] #funding-conditions-section .terms-container .terms-button-container .terms-button img {
margin-right: 1rem;
}
[dir=rtl] #funding-conditions-section .terms-container .terms-button-container .terms-button img {
margin-left: 1rem;
}
#funding-conditions-section .terms-container .terms-button-container .terms-button:hover {
color: white;
}
[dir] #funding-conditions-section .terms-container .terms-button-container .terms-button:hover {
background-color: #BB914A;
}
@-webkit-keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}</style>
<section id="advantage-section">
<div class="advantage-section-wrapper">
<div class="advantage-section-title"> currency-xchange TRADE ADVANTAGES</div>
<div class="advantage-section-cards swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-a7cf67ac1310bd33" aria-live="off" style="transform: translate3d(-530px, 0px, 0px); transition-duration: 300ms;">
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 4" style="width: 485px; margin-right: 45px;">
<div class="advantage-card">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-regulations.png" type="image/png">
<img loading="lazy" class="adv-img adv-regulations" src="assets/newfront/images/home/animated-home/advantages/adv-regulations.webp" type="image/webp" alt="platform-icon">
</picture>
</div>
<div class="card-title">REGULATIONS AND SECURITY OF FUNDS</div>
<div class="card-description">currency-xchange is comprised of several entities that are regulated by 11+ regulators across 5 continents: ASIC, AUSTRAC, BAFIN, CIMA, ESCA, FSC, FMA, MAS, TFG and VFSC.</div>
<ul class="desc-list">
<li> <span class="desc-list-item">currency-xchange is comprised of several entities that are regulated by 11+ regulators across 5 continents: ASIC, AUSTRAC, BAFIN, CIMA, ESCA, FSC, FMA, MAS, TFG and VFSC.</span> </li>
<li> <span class="desc-list-item">55+ Awards including ‘Best Global Broker 2021 (Finance Magnates)</span> </li>
<li> <span class="desc-list-item">Fully segregated client accounts</span> </li>
<li> <span class="desc-list-item">Settlement facility for institutional customers, brokers, and banks</span> </li>
<li> <span class="desc-list-item">Guaranteed withdrawals of funds within 24-hours </span> </li>
</ul>
</div>
<div class="advantage-card-mobile">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-regulations.png" type="image/png">
<img loading="lazy" class="adv-img adv-regulations" src="assets/newfront/images/home/animated-home/advantages/adv-regulations.webp" type="image/webp" alt="platforms-icon">
</picture>
</div>
<div class="card-title">REGULATIONS AND SECURITY OF FUNDS</div>
<ul class="desc-list">
<li> currency-xchange is comprised of several entities that are regulated by 11+ regulators across 5 continents: ASIC, AUSTRAC, BAFIN, CIMA, ESCA, FSC, FMA, MAS, TFG and VFSC. </li>
<li> 55+ Awards including ‘Best Global Broker 2021 (Finance Magnates) </li>
<li> Fully segregated client accounts </li>
<li> Settlement facility for institutional customers, brokers, and banks </li>
<li> Guaranteed withdrawals of funds within 24-hours </li>
</ul>
</div>
</div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 4" style="width: 485px; margin-right: 45px;">
<div class="advantage-card">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-products.png" type="image/png">
<img loading="lazy" class="adv-img adv-products" src="assets/newfront/images/home/animated-home/advantages/adv-products.webp" type="image/webp" alt="platform-icon">
</picture>
</div>
<div class="card-title">STATE-OF-THE-ART PRODUCTS</div>
<div class="card-description">Trade over 20,000 instruments including forex, metals, shares, indices, commodities & cryptocurrencies</div>
<ul class="desc-list">
<li> <span class="desc-list-item">Trade over 20,000 instruments including forex, metals, shares, indices, commodities & cryptocurrencies</span> </li>
<li> <span class="desc-list-item">Tightest spreads starting from 0.0 pips on FX and 2 cents on Gold </span> </li>
<li> <span class="desc-list-item">Up to 500:1 leverage</span> </li>
<li> <span class="desc-list-item">Social trading option</span> </li>
<li> <span class="desc-list-item">Free MAM, PAMM, EA, VPS and API</span> </li>
</ul>
</div>
<div class="advantage-card-mobile">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-products.png" type="image/png">
<img loading="lazy" class="adv-img adv-products" src="assets/newfront/images/home/animated-home/advantages/adv-products.webp" type="image/webp" alt="platforms-icon">
</picture>
</div>
<div class="card-title">STATE-OF-THE-ART PRODUCTS</div>
<ul class="desc-list">
<li> Trade over 20,000 instruments including forex, metals, shares, indices, commodities & cryptocurrencies </li>
<li> Tightest spreads starting from 0.0 pips on FX and 2 cents on Gold </li>
<li> Up to 500:1 leverage </li>
<li> Social trading option </li>
<li> Free MAM, PAMM, EA, VPS and API </li>
</ul>
</div>
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 4" style="width: 485px; margin-right: 45px;">
<div class="advantage-card">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-platforms.png" type="image/png">
<img loading="lazy" class="adv-img adv-platforms" src="assets/newfront/images/home/animated-home/advantages/adv-platforms.webp" type="image/webp" alt="platform-icon">
</picture>
</div>
<div class="card-title">CUTTING-EDGE TRADING PLATFORMS</div>
<div class="card-description">Award winning MT4 desktop and mobile platforms with instant nano second execution</div>
<ul class="desc-list">
<li> <span class="desc-list-item">Award winning MT4 desktop and mobile platforms with instant nano second execution</span> </li>
<li> <span class="desc-list-item">Pure Non-Dealing Desk ECN processing with direct access to over 20 interbank trading prices with no conflict of interest</span> </li>
<li> <span class="desc-list-item">State-of-the-art technology providing stable platform and faster execution</span> </li>
<li> <span class="desc-list-item">Up to 5 levels of market depth</span> </li>
<li> <span class="desc-list-item">Negative balance protection</span> </li>
<li> <span class="desc-list-item">No requotes, no rejections and no restrictions on EA</span> </li>
</ul>
</div>
<div class="advantage-card-mobile">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-platforms.png" type="image/png">
<img loading="lazy" class="adv-img adv-platforms" src="assets/newfront/images/home/animated-home/advantages/adv-platforms.webp" type="image/webp" alt="platforms-icon">
</picture>
</div>
<div class="card-title">CUTTING-EDGE TRADING PLATFORMS</div>
<ul class="desc-list">
<li> Award winning MT4 desktop and mobile platforms with instant nano second execution </li>
<li> Pure Non-Dealing Desk ECN processing with direct access to over 20 interbank trading prices with no conflict of interest </li>
<li> State-of-the-art technology providing stable platform and faster execution </li>
<li> Up to 5 levels of market depth </li>
<li> Negative balance protection </li>
<li> No requotes, no rejections and no restrictions on EA </li>
</ul>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="4 / 4" style="width: 485px; margin-right: 45px;">
<div class="advantage-card">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-services.png" type="image/png">
<img loading="lazy" class="adv-img adv-services" src="assets/newfront/images/home/animated-home/advantages/adv-services.webp" type="image/webp" alt="platform-icon">
</picture>
</div>
<div class="card-title">UNPARALLELED FINANCIAL SERVICES</div>
<div class="card-description">Dedicated multilingual 24/7 customer service</div>
<ul class="desc-list">
<li> <span class="desc-list-item">Dedicated multilingual 24/7 customer service</span> </li>
<li> <span class="desc-list-item">Trading Credit Lines</span> </li>
<li> <span class="desc-list-item">Regulated in 11+ Jurisdictions with an unblemished record</span> </li>
<li> <span class="desc-list-item">Withdrawals guaranteed within 24 hours with various payment systems</span> </li>
<li> <span class="desc-list-item">Unparalleled franchise, partnership and introducing broker offers</span> </li>
<li> <span class="desc-list-item">Industry leading 20% Deposit bonus offers</span> </li>
<li> <span class="desc-list-item">Swap Free trading </span> </li>
</ul>
</div>
<div class="advantage-card-mobile">
<div class="advantage-card-overlay"></div>
<div class="card-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/advantages/[email protected] 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/advantages/adv-services.png" type="image/png">
<img loading="lazy" class="adv-img adv-services" src="assets/newfront/images/home/animated-home/advantages/adv-services.webp" type="image/webp" alt="platforms-icon">
</picture>
</div>
<div class="card-title">UNPARALLELED FINANCIAL SERVICES</div>
<ul class="desc-list">
<li> Dedicated multilingual 24/7 customer service </li>
<li> Trading Credit Lines </li>
<li> Regulated in 11+ Jurisdictions with an unblemished record </li>
<li> Withdrawals guaranteed within 24 hours with various payment systems </li>
<li> Unparalleled franchise, partnership and introducing broker offers </li>
<li> Industry leading 20% Deposit bonus offers </li>
<li> Swap Free trading </li>
</ul>
</div>
</div>
</div>
<div class="advantage-card-pagination swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</section>
<style>
#advantage-section {
overflow: hidden;
}
[dir=ltr] #advantage-section {
background: transparent -webkit-gradient(linear, left top, right top, from(#010C3E), color-stop(52%, #03105F), to(#010C3E));
background: transparent linear-gradient(90deg, #010C3E 0%, #03105F 52%, #010C3E 100%);
}
[dir=rtl] #advantage-section {
background: transparent -webkit-gradient(linear, right top, left top, from(#010C3E), color-stop(52%, #03105F), to(#010C3E));
background: transparent linear-gradient(-90deg, #010C3E 0%, #03105F 52%, #010C3E 100%);
}
#advantage-section .advantage-section-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 102rem;
}
[dir] #advantage-section .advantage-section-wrapper {
padding: 3.125rem 1.25rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
[dir] #advantage-section .advantage-section-wrapper {
padding: 7.5rem 1rem 5rem;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
font-weight: 500;
line-height: normal;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-title {
margin: 0;
-webkit-background-clip: text;
padding: 0 1em;
text-align: center;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-title {
background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #A0762F), color-stop(50%, #DEC481), to(#A0762F));
background-image: linear-gradient(90deg, #A0762F 25%, #DEC481 50%, #A0762F 100%);
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-title {
background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, #A0762F), color-stop(50%, #DEC481), to(#A0762F));
background-image: linear-gradient(-90deg, #A0762F 25%, #DEC481 50%, #A0762F 100%);
}
@media (min-width: 768px) {
#advantage-section .advantage-section-wrapper .advantage-section-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#advantage-section .advantage-section-wrapper .advantage-section-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#advantage-section .advantage-section-wrapper .advantage-section-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
#advantage-section .advantage-section-wrapper .advantage-section-title {
font-size: 3.25rem;
}
}
@media (min-width: 992px) {
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards {
margin-top: 8rem;
}
}
@media (min-width: 1200px) {
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards {
padding-left: 2.8125rem;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards {
padding-right: 2.8125rem;
}
}
@media (min-width: 1400px) {
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards {
padding-left: 0;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards {
padding-right: 0;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card {
position: relative;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 24.125rem;
min-height: 29rem;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card {
border-radius: 1.875rem;
padding: 0.5rem 0.75rem;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(rgba(2, 8, 98, 0)));
background: transparent linear-gradient(180deg, #000832 0%, rgba(2, 8, 98, 0) 100%);
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(rgba(2, 8, 98, 0)));
background: transparent linear-gradient(-180deg, #000832 0%, rgba(2, 8, 98, 0) 100%);
}
@media (min-width: 992px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover {
background: #FFFFFF;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover {
text-align: left;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover {
text-align: right;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
position: absolute;
top: -35%;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
left: -20%;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
right: -20%;
}
@media (min-width: 1400px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
top: -30%;
}
}
@media (min-width: 2500px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
top: -20%;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
left: -15%;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-img {
right: -15%;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .desc-list {
display: block;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .desc-list {
-webkit-animation: fadein 0.3s ease;
animation: fadein 0.3s ease;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-title, #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .card-description {
display: none;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .advantage-card-overlay {
height: 100%;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .advantage-card-overlay {
-webkit-box-shadow: 0 0 2rem rgba(0, 98, 255, 0.7);
box-shadow: 0 0 2rem rgba(0, 98, 255, 0.7);
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .desc-list {
display: none;
list-style: url("assets/newfront/images/home/animated-home/advantages/list-candles.png");
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .desc-list {
margin-top: 3.125rem;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .desc-list li {
font-size: 1rem;
color: #03105F;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .desc-list li {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .desc-list li a {
text-decoration: none;
color: #03105F;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img {
position: absolute;
top: -27%;
max-width: 100%;
height: auto;
z-index: 1;
pointer-events: none;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (min-width: 2560px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img {
top: -20%;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img .adv-img {
max-width: 100%;
height: auto;
}
@media (min-width: 1200px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img .adv-img {
max-width: 80%;
}
}
@media (min-width: 1400px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-img .adv-img {
max-width: 100%;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.5rem;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-title {
-webkit-background-clip: text;
margin-top: 1.75rem;
padding: 0 1.3em;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-title {
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] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-title {
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: 1600px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-title {
min-height: 4rem;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-title {
margin-top: 1.75rem;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-description {
color: white;
font-size: 1rem;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-description {
margin-top: 2.3rem;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-description a {
color: white;
text-decoration: none;
}
@media (min-width: 992px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-description {
max-width: 85%;
}
}
@media (min-width: 1600px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card .card-description {
min-height: 4rem;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
@media (min-width: 768px) {
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile {
padding: 0 2rem;
margin-top: 2rem;
border-radius: 1.875rem;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(rgba(2, 8, 98, 0)));
background: transparent linear-gradient(180deg, #000832 0%, rgba(2, 8, 98, 0) 100%);
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile {
background: transparent -webkit-gradient(linear, left top, left bottom, from(#000832), to(rgba(2, 8, 98, 0)));
background: transparent linear-gradient(-180deg, #000832 0%, rgba(2, 8, 98, 0) 100%);
}
}
@media (min-width: 992px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile {
display: none;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-img {
max-width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 768px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-img img {
width: 75%;
display: block;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-img img {
margin: auto;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
font-size: 0.9375rem;
font-weight: 600;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
margin: 0;
-webkit-background-clip: text;
margin-top: 1.75rem;
padding: 0 1.3em;
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
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%);
text-align: left;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
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%);
text-align: right;
}
@media (min-width: 768px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
font-size: 3.25rem;
}
}
@media (min-width: 576px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .card-title {
font-size: 1.25rem;
}
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list {
list-style: url("assets/newfront/images/home/animated-home/advantages/list-candles.png");
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list {
margin-top: 1.125rem;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list li {
font-size: 0.9375rem;
color: #FFFFFF;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list li {
margin-bottom: 1.25rem;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list li:last-of-type {
margin-bottom: 0;
}
@media (min-width: 992px) {
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list li {
margin-bottom: 0;
margin-top: 0.5rem;
}
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list .desc-list-item {
margin-left: 0.5rem;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-mobile .desc-list .desc-list-item {
margin-right: 0.5rem;
}
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-overlay {
display: none;
position: absolute;
content: "";
width: 100%;
height: 50%; /* Half of the original height */
top: 0;
z-index: 0;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-overlay {
border-radius: 1.875rem;
-webkit-box-shadow: 0 -1.3rem 1.25rem rgba(0, 98, 255, 0.15);
box-shadow: 0 -1.3rem 1.25rem rgba(0, 98, 255, 0.15);
}
[dir=ltr] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-overlay {
left: 0;
}
[dir=rtl] #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-overlay {
right: 0;
}
@media (min-width: 768px) {
#advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card-overlay {
display: block;
}
}
#advantage-section .advantage-section-wrapper .advantage-card-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-card-pagination {
margin-top: 1rem;
}
#advantage-section .advantage-section-wrapper .advantage-card-pagination .swiper-pagination-bullet {
height: 0.375rem;
width: 0.375rem;
opacity: 0.2;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-card-pagination .swiper-pagination-bullet {
border-radius: 0.25rem;
background: #FFFFFF;
}
#advantage-section .advantage-section-wrapper .advantage-card-pagination .swiper-pagination-bullet-active {
width: 1.6875rem;
opacity: 1;
}
[dir] #advantage-section .advantage-section-wrapper .advantage-card-pagination .swiper-pagination-bullet-active {
border-radius: 0.25rem;
background: #BB914A;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}</style>
<script>"use strict";
var advantageSwiper = new Swiper(document.querySelector(".advantage-section-cards"), {
rtl: document.documentElement.dir === "rtl",
slidesPerView: 1,
spaceBetween: 40,
autoplay: true,
breakpoints: {
1400: {
slidesPerView: 4,
spaceBetween: 65
},
1200: {
slidesPerView: 3.5,
spaceBetween: 25
},
992: {
slidesPerView: 2.5,
spaceBetween: 45
},
768: {
slidesPerView: 1.5,
spaceBetween: 45
}
},
pagination: {
el: document.querySelector(".advantage-card-pagination")
}
});</script>
<section id="security-of-funds-section">
<div class="security-of-funds-wrapper ">
<div class="row">
<div class="left-div col-6">
<div class="security-of-funds-img">
<picture>
<source srcset="assets/newfront/images/home/animated-home/security-of-funds/mfx-security-of-funds.png 2x" type="image/png">
<source srcset="assets/newfront/images/home/animated-home/security-of-funds/mfx-security-of-funds.webp 2x" type="image/webp">
<source srcset="assets/newfront/images/home/animated-home/security-of-funds/mfx-security-of-funds.png" type="image/png">
<img src="assets/newfront/images/home/animated-home/security-of-funds/mfx-security-of-funds.webp" alt="Security-icon" type="image/webp">
</picture>
</div>
</div>
<div class="right-div col-6">
<div class="security-of-funds-title">
SECURITY OF FUNDS
</div>
<div class="security-of-funds-heading">
$1 MILLION EXCESS LOSS INSURANCE PER ACCOUNT
</div>
<div class="security-of-funds-body">
Our partners have grown along with currency-xchange in the past two decades, and our latest entity, MCT Atlantic, is taking our success a step further by offering unparalleled security to our traders. MCT Atlantic has taken out an insurance policy with Lloyd’s of London, the world’s leading insurance market, that protects clients’ funds for up to USD$1 million per account.
</div>
</div></div>
</div><br>
</section>
<style>
[dir] #security-of-funds-section {
background: #FFFFFF;
}
#security-of-funds-section .security-of-funds-wrapper {
max-width: 102rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[dir] #security-of-funds-section .security-of-funds-wrapper {
padding: 2.5625rem 1.875rem 0.625rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
[dir] #security-of-funds-section .security-of-funds-wrapper {
padding: 5.5rem 1.875rem;
}
}
@media (min-width: 1400px) {
#security-of-funds-section .security-of-funds-wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
#security-of-funds-section .security-of-funds-wrapper .left-div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper .left-div {
width: 40%;
}
}
#security-of-funds-section .security-of-funds-wrapper .left-div .security-of-funds-img {
width: 100%;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .left-div .security-of-funds-img {
margin-top: 0.9375rem;
text-align: center;
}
@media (min-width: 992px) {
[dir] #security-of-funds-section .security-of-funds-wrapper .left-div .security-of-funds-img {
margin-top: 0;
}
}
#security-of-funds-section .security-of-funds-wrapper .left-div .security-of-funds-img img {
width: 94%;
height: auto;
}
@media (min-width: 576px) {
#security-of-funds-section .security-of-funds-wrapper .left-div .security-of-funds-img img {
width: 50%;
}
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper .left-div .security-of-funds-img img {
width: 100%;
}
}
#security-of-funds-section .security-of-funds-wrapper .right-div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper .right-div {
width: 46%;
}
}
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
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%);
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
background-image: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
background-image: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
background-image: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-title {
font-size: 3.25rem;
}
}
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-heading {
color: #03105F;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 500;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-heading {
margin-top: 0.4375rem;
}
@media (min-width: 768px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-heading {
font-size: 1.5rem;
}
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-heading {
font-size: 1.75rem;
}
}
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-body {
color: #03105F;
font-size: 0.9375rem;
line-height: 1.375;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-body {
margin-top: 0.3125rem;
}
@media (min-width: 768px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-body {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
#security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-body {
line-height: 1.5;
font-size: 1.25rem;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .right-div .security-of-funds-body {
margin-top: 1.25rem;
}
}
#security-of-funds-section .security-of-funds-wrapper .security-learn-more {
text-decoration: none;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .security-learn-more {
margin-top: 1rem;
}
[dir=ltr] #security-of-funds-section .security-of-funds-wrapper .security-learn-more {
padding-right: 2em;
}
[dir=rtl] #security-of-funds-section .security-of-funds-wrapper .security-learn-more {
padding-left: 2em;
}
:root[dir=rtl] #security-of-funds-section .security-of-funds-wrapper .security-learn-more {
padding-left: 1em;
}
@media (min-width: 1200px) {
[dir] #security-of-funds-section .security-of-funds-wrapper .security-learn-more {
margin-top: 3rem;
}
}
#security-of-funds-section .security-of-funds-wrapper .security-learn-more .security-link {
text-decoration: none;
color: #C79942;
text-transform: uppercase;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
[dir] #security-of-funds-section .security-of-funds-wrapper .security-learn-more .security-link {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#security-of-funds-section .security-of-funds-wrapper .security-learn-more .security-arrow {
position: absolute;
height: 1.5em;
top: 50%;
}
[dir=ltr] #security-of-funds-section .security-of-funds-wrapper .security-learn-more .security-arrow {
-webkit-transition: right 0.3s ease;
transition: right 0.3s ease;
right: -5%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] #security-of-funds-section .security-of-funds-wrapper .security-learn-more .security-arrow {
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
left: -5%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
:root[dir=rtl] #security-of-funds-section .security-of-funds-wrapper .security-learn-more .security-arrow {
-webkit-transform: translate(-50%, -50%) scale(-1, 1);
transform: translate(-50%, -50%) scale(-1, 1);
}
#security-of-funds-section .security-of-funds-wrapper .security-learn-more:hover .security-arrow, #security-of-funds-section .security-of-funds-wrapper .security-learn-more:focus-visible .security-arrow {
-webkit-filter: invert(8%) sepia(66%) saturate(5206%) hue-rotate(235deg) brightness(40%) contrast(110%);
filter: invert(8%) sepia(66%) saturate(5206%) hue-rotate(235deg) brightness(40%) contrast(110%);
}
[dir=ltr] #security-of-funds-section .security-of-funds-wrapper .security-learn-more:hover .security-arrow, [dir=ltr] #security-of-funds-section .security-of-funds-wrapper .security-learn-more:focus-visible .security-arrow {
right: -15%;
}
[dir=rtl] #security-of-funds-section .security-of-funds-wrapper .security-learn-more:hover .security-arrow, [dir=rtl] #security-of-funds-section .security-of-funds-wrapper .security-learn-more:focus-visible .security-arrow {
left: -15%;
}
#security-of-funds-section .security-of-funds-wrapper .security-learn-more:hover .security-link, #security-of-funds-section .security-of-funds-wrapper .security-learn-more:focus-visible .security-link {
color: #03105F;
}</style>
<script>"use strict";</script>
<section id="liquidity-providers" class="home-section">
<div class="home-section-heading">
<div class="home-container-xl">
<h2 class="home-section-title">LIQUIDITY PROVIDERS</h2>
<p class="home-section-description">currency-xchange currently has a variety of liquidity providers, including but not limited to:</p>
</div>
</div>
<div class="home-section-body">
<div class="rainy-logos">
<div class="rainy" data-speed="50" data-direction="ltr">
<div class="rainy-row" style="transform: translateX(-108.332px);">
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Abbey" alt="Abbey Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon ABN_mro" alt="ABN_mro Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon ADCB" alt="ADCB Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Alfa_bank" alt="Alfa_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Banco_de_brazil" alt="Banco_de_brazil Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bank_of_ireland" alt="Bank_of_ireland Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bank_of_montreal" alt="Bank_of_montreal Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bank_of_america" alt="Bank_of_america Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bank_of_china" alt="Bank_of_china Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bank_of_scotland" alt="Bank_of_scotland Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bawag" alt="Bawag Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Bayern_LB" alt="Bayern_LB Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon BBVA" alt="BBVA Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon BCV" alt="BCV Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon BNP_Paribas" alt="BNP_Paribas Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Citibank" alt="Citibank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Barclays" alt="Barclays Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon HSBC" alt="HSBC Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon JP_morgan" alt="JP_morgan Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Basler_kantonalbank" alt="Basler_kantonalbank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon The_royal_bank_of_scotland" alt="The_royal_bank_of_scotland Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon UBS" alt="UBS Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Westpac_australia_first_bank" alt="Westpac_australia_first_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon merrill" alt="merrill Logo"></div>
</div>
</div>
</div>
</div>
<div class="rainy" data-speed="45" data-direction="rtl">
<div class="rainy-row" style="transform: translateX(97.499px);">
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Berenberg" alt="Berenberg Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon BHF_bank" alt="BHF_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon CIBC" alt="CIBC Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Citizens_bank_logo" alt="Citizens_bank_logo Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Commerzbank" alt="Commerzbank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Credit_agricole" alt="Credit_agricole Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Credit_europe_bank" alt="Credit_europe_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Credit_suisse" alt="Credit_suisse Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Danske_bank" alt="Danske_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon DBS_bank" alt="DBS_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Dexia_banque" alt="Dexia_banque Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon DNB_asa" alt="DNB_asa Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon DZ_bank" alt="DZ_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Eco_bank" alt="Eco_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Erste_bank" alt="Erste_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Fifth_third_bank" alt="Fifth_third_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Fortis" alt="Fortis Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Goldman_sachs" alt="Goldman_sachs Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Handelsbanken" alt="Handelsbanken Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Helaba" alt="Helaba Logo"></div>
</div>
</div>
</div>
</div>
<div class="rainy" data-speed="40" data-direction="ltr">
<div class="rainy-row" style="transform: translateX(-86.6658px);">
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon HSH_nordbank" alt="HSH_nordbank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon ING" alt="ING Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Intesa_san_paolo" alt="Intesa_san_paolo Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Investec" alt="Investec Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Itau" alt="Itau Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon LGT" alt="LGT Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Mizuho" alt="Mizuho Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon MUFG" alt="MUFG Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Nedbank" alt="Nedbank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Nomura" alt="Nomura Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Nordea" alt="Nordea Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Oberbank" alt="Oberbank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Post_finance" alt="Post_finance Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Postbank" alt="Postbank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Rabobank" alt="Rabobank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Raiffeisen_bank_russia" alt="Raiffeisen_bank_russia Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon RBC" alt="RBC Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Scotia_bank" alt="Scotia_bank Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon SEB" alt="SEB Logo"></div>
</div>
</div>
<div class="rainy-col">
<div class="rainy-logo-item">
<div class="icon Societe_generale" alt="Societe_generale Logo"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
[dir] #liquidity-providers {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
[dir=ltr] #liquidity-providers {
background: transparent -webkit-gradient(linear, left top, right top, from(#010C3E), color-stop(52%, #03105F), to(#010C3E));
background: transparent linear-gradient(90deg, #010C3E 0%, #03105F 52%, #010C3E 100%);
}
[dir=rtl] #liquidity-providers {
background: transparent -webkit-gradient(linear, right top, left top, from(#010C3E), color-stop(52%, #03105F), to(#010C3E));
background: transparent linear-gradient(-90deg, #010C3E 0%, #03105F 52%, #010C3E 100%);
}
@media (min-width: 992px) {
[dir] #liquidity-providers {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
}
#liquidity-providers .home-section-heading {
position: relative;
}
[dir] #liquidity-providers .home-section-heading {
text-align: center;
}
#liquidity-providers .home-section-heading .home-section-title {
color: #bb914a;
line-height: 1.3333;
font-weight: 500;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] #liquidity-providers .home-section-heading .home-section-title {
margin-top: 0;
margin-bottom: 0;
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #liquidity-providers .home-section-heading .home-section-title {
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] #liquidity-providers .home-section-heading .home-section-title {
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) {
#liquidity-providers .home-section-heading .home-section-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#liquidity-providers .home-section-heading .home-section-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#liquidity-providers .home-section-heading .home-section-title {
font-size: 3.25rem;
}
}
#liquidity-providers .home-section-heading .home-section-description {
line-height: 1.375;
font-size: 0.9375rem;
color: white;
}
[dir] #liquidity-providers .home-section-heading .home-section-description {
margin-top: 0.5rem;
margin-bottom: 0;
}
#liquidity-providers .home-section-heading .home-section-description {
font-size: 0.9375rem;
}
@media screen and (min-width: 375px) {
#liquidity-providers .home-section-heading .home-section-description {
font-size: calc(0.9375rem + 3 * ((100vw - 23.4375rem) / 825));
}
}
@media screen and (min-width: 1200px) {
#liquidity-providers .home-section-heading .home-section-description {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
#liquidity-providers .home-section-heading .home-section-description {
font-size: 1.25rem;
}
}
[dir] #liquidity-providers .home-section-body {
padding-top: 2.5rem;
}
@media (min-width: 768px) {
[dir] #liquidity-providers .home-section-body {
padding-top: 3rem;
}
}
#liquidity-providers .rainy-logos {
-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), color-stop(25%, rgb(255, 255, 255)), color-stop(75%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.25)));
-webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0.25) 100%);
mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), color-stop(25%, rgb(255, 255, 255)), color-stop(75%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.25)));
mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0.25) 100%);
}
#liquidity-providers .rainy-logos .icon {
position: absolute;
top: 50%;
width: 13.125rem;
height: 2.5rem;
}
[dir] #liquidity-providers .rainy-logos .icon {
background-image: url("https://multibankfx.com/public_files/images/landing_page/common/logos.png");
background-size: 52.75rem 43.5625rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
[dir=rtl] #liquidity-providers .rainy-logos .icon {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
[dir=ltr] #liquidity-providers .rainy-logos .icon {
-webkit-transform: translate(50%, -50%) scale(0.62);
transform: translate(50%, -50%) scale(0.62);
}
[dir=rtl] #liquidity-providers .rainy-logos .icon {
-webkit-transform: translate(-50%, -50%) scale(0.62);
transform: translate(-50%, -50%) scale(0.62);
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
[dir] #liquidity-providers .rainy-logos .icon {
background-image: url("https://multibankfx.com/public_files/images/landing_page/common/[email protected]");
}
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Abbey {
background-position: 0 0;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Abbey {
background-position: 100% 0;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.ABN_mro {
background-position: 0 -2.5625rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.ABN_mro {
background-position: 100% -2.5625rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.ADCB {
background-position: 0 -5.125rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.ADCB {
background-position: 100% -5.125rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Alfa_bank {
background-position: 0 -7.6875rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Alfa_bank {
background-position: 100% -7.6875rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.ANZ {
background-position: 0 -10.25rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.ANZ {
background-position: 100% -10.25rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Banco_de_brazil {
background-position: -13.1875rem 0;
}
[dir] #liquidity-providers .rainy-logos .icon.Bank_of_america {
background-position: -13.1875rem -2.5625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Bank_of_china {
background-position: -13.1875rem -5.125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Bank_of_ireland {
background-position: -13.1875rem -7.6875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Bank_of_montreal {
background-position: -13.1875rem -10.25rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Bank_of_scotland {
background-position: 0 -12.8125rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Bank_of_scotland {
background-position: 100% -12.8125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Barclays {
background-position: -13.1875rem -12.8125rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Basler_kantonalbank {
background-position: 0 -15.375rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Basler_kantonalbank {
background-position: 100% -15.375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Bawag {
background-position: -13.1875rem -15.375rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Bayern_LB {
background-position: 0 -17.9375rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Bayern_LB {
background-position: 100% -17.9375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.BBVA {
background-position: -13.1875rem -17.9375rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.BCV {
background-position: 0 -20.5rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.BCV {
background-position: 100% -20.5rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Berenberg {
background-position: -13.1875rem -20.5rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.BHF_bank {
background-position: 0 -23.0625rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.BHF_bank {
background-position: 100% -23.0625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.BNP_Paribas {
background-position: -13.1875rem -23.0625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.CIBC {
background-position: -26.375rem 0;
}
[dir] #liquidity-providers .rainy-logos .icon.Citibank {
background-position: -26.375rem -2.5625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Citizens_bank_logo {
background-position: -26.375rem -5.125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Commerzbank {
background-position: -26.375rem -7.6875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Credit_agricole {
background-position: -26.375rem -10.25rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Credit_europe_bank {
background-position: -26.375rem -12.8125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Credit_suisse {
background-position: -26.375rem -15.375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Danske_bank {
background-position: -26.375rem -17.9375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.DBS_bank {
background-position: -26.375rem -20.5rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Dexia_banque {
background-position: -26.375rem -23.0625rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.DNB_asa {
background-position: 0 -25.625rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.DNB_asa {
background-position: 100% -25.625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.DZ_bank {
background-position: -13.1875rem -25.625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Eco_bank {
background-position: -26.375rem -25.625rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Erste_bank {
background-position: 0 -28.1875rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Erste_bank {
background-position: 100% -28.1875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Fifth_third_bank {
background-position: -13.1875rem -28.1875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Fortis {
background-position: -26.375rem -28.1875rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Goldman_sachs {
background-position: 0 -30.75rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Goldman_sachs {
background-position: 100% -30.75rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Handelsbanken {
background-position: -13.1875rem -30.75rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Helaba {
background-position: -26.375rem -30.75rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.HSBC {
background-position: 0 -33.3125rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.HSBC {
background-position: 100% -33.3125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.HSH_nordbank {
background-position: -13.1875rem -33.3125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.ING {
background-position: -26.375rem -33.3125rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Intesa_san_paolo {
background-position: 0 -35.875rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Intesa_san_paolo {
background-position: 100% -35.875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Investec {
background-position: -13.1875rem -35.875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Itau {
background-position: -26.375rem -35.875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.JP_morgan {
background-position: -39.5625rem 0;
}
[dir] #liquidity-providers .rainy-logos .icon.LGT {
background-position: -39.5625rem -2.5625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.merrill {
background-position: -39.5625rem -5.125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Mizuho {
background-position: -39.5625rem -7.6875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.MUFG {
background-position: -39.5625rem -10.25rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Nedbank {
background-position: -39.5625rem -12.8125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Nomura {
background-position: -39.5625rem -15.375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Nordea {
background-position: -39.5625rem -17.9375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Oberbank {
background-position: -39.5625rem -20.5rem;
}
[dir] #liquidity-providers .rainy-logos .icon.OCBC_ank {
background-position: -39.5625rem -23.0625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Post_finance {
background-position: -39.5625rem -25.625rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Postbank {
background-position: -39.5625rem -28.1875rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Rabobank {
background-position: -39.5625rem -30.75rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Raiffeisen_bank_russia {
background-position: -39.5625rem -33.3125rem;
}
[dir] #liquidity-providers .rainy-logos .icon.RBC {
background-position: -39.5625rem -35.875rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.Scotia_bank {
background-position: 0 -38.4375rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.Scotia_bank {
background-position: 100% -38.4375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.SEB {
background-position: -13.1875rem -38.4375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Societe_generale {
background-position: -26.375rem -38.4375rem;
}
[dir] #liquidity-providers .rainy-logos .icon.The_royal_bank_of_scotland {
background-position: -39.5625rem -38.4375rem;
}
[dir=ltr] #liquidity-providers .rainy-logos .icon.UBS {
background-position: 0 -41rem;
}
[dir=rtl] #liquidity-providers .rainy-logos .icon.UBS {
background-position: 100% -41rem;
}
[dir] #liquidity-providers .rainy-logos .icon.Westpac_australia_first_bank {
background-position: -13.1875rem -41rem;
}
#liquidity-providers .rainy {
overflow: hidden;
}
#liquidity-providers .rainy[data-direction=rtl] .rainy-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
:root[dir=rtl] #liquidity-providers .rainy[data-direction=rtl] .rainy-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#liquidity-providers .rainy[data-direction=ltr] .rainy-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
:root[dir=rtl] #liquidity-providers .rainy[data-direction=ltr] .rainy-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#liquidity-providers .rainy .rainy-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[dir] #liquidity-providers .rainy .rainy-row .rainy-col {
padding: 1.25rem 0.9375rem;
}
@media (max-width: 768px) {
[dir] #liquidity-providers .rainy .rainy-row .rainy-col {
padding: 0.5rem 0.3125rem;
}
}
#liquidity-providers .rainy-logo-item {
width: 15.625rem;
height: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
[dir] #liquidity-providers .rainy-logo-item {
background-color: white;
border-radius: 0.625rem;
-webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;
}
@media (max-width: 768px) {
#liquidity-providers .rainy-logo-item {
width: 10.6rem;
height: 3.125rem;
}
}
#liquidity-providers .rainy-logo-item > div {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
[dir] #liquidity-providers .rainy-logo-item > div {
padding: 1.25rem;
}
@media (max-width: 768px) {
[dir] #liquidity-providers .rainy-logo-item > div {
padding: 0.9375rem;
}
}</style>
<script>"use strict";
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; }
var rainy = function rainy(element) {
var data = element.dataset;
var speed = data.speed || 120;
var row = element.querySelector(".rainy-row");
var x = 0;
var startTime;
var move = function move(timestamp) {
var time = timestamp - startTime;
var distance = speed / 1000 * time || 0;
startTime = timestamp;
var firstChild = row.children[0];
var firstChildRect = firstChild.getBoundingClientRect();
if (x > firstChildRect.width) {
row.removeChild(firstChild);
row.append(firstChild);
x = 0;
} else {
x += distance;
}
row.style.transform = "translateX(".concat(data.direction === "rtl" ? x : -x, "px)");
requestAnimationFrame(move);
};
requestAnimationFrame(move);
};
var rainyRows = document.querySelectorAll("#liquidity-providers .rainy");
var _iterator = _createForOfIteratorHelper(rainyRows),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var rainyRow = _step.value;
rainy(rainyRow);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
</script>
<section id="industry-awards-section">
<div class="industry-awards-container">
<div class="industry-awards-content" style="background:transparent linear-gradient(90deg, #03105f 0%, #03105F 52%, #000832 100%)">
<h2 class="industry-awards-title">
What people say about us
</h2>
<p class="industry-awards-description" style="color:#fff">
More than 10 million customers worldwide trust us and earn daily.<br><br>
Your feedback helps us to improve our platform and provide you with the best trading experience tailored to your needs. View ratings and post your own suggestions. We appreciate your feedback!
</p>
</div>
<div class="swiper industry-awards-swiper swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-573e5dc29bea85bb" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-586.5px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" role="group" aria-label="6 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/63321ce8172f41664228584.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Joann Figueroa</h4>
<p>Long term investor</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 love this Platform. They allow for recurring investments daily for stocks and have IPO early entry on companies and now have crypto.
Excited about what they will do in future.”
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="6" role="group" aria-label="7 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/63321a2901c5c1664227881.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Paulo Castro Reis</h4>
<p>Investor</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>
“Why to choose us as a beginner trader…
I have been trading on LiveTradechart for a while now, and so far, only have the most pleasant impressions of the platform. They take great care of newbies, offering free training and an unlimited demo account. It remains only to understand how to use LiveTradechart correctly to start getting additional income.”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/633554355c4c31664439349.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Kandace Stranger</h4>
<p>Financial Analyst</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>
“Trading has been a hobby of mine for the last decade, mostly having fun but could not get any consistent returns. However, since I have found it, I believe it will become fulltime for me. The automated trading approach taught here is straightforward with clear entries and exits. Also , it is simple to execute and that makes all the difference for consistent success. I started with the swing trade strategy and look forward to mastering others. Only wish I had found them sooner.”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/633710898f5891664553097.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Linda Hornsby</h4>
<p>Passive Investor</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>
“The customer care was prompt and helpful. Highly recommended for business. It is very easy, very fast, many choices, and friendly customer service, much updated and very helpful. No, the best word to describe. Thanks guys!!!”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/633222e7546d71664230119.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Dan Razumoff</h4>
<p>Software Developer</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>
“It automated trading Bots surpassed my expectations. Investing on the platform is excellent and it allows for making accurate graphical analyses of the market.”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/6332203ae66ae1664229434.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Walsh Aponi</h4>
<p>Investor</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>
“Trading is free. You pay a small fee to use their money. The best part about them is their incredible user interface. I use it to check stocks even when I trade on Fidelity from a different account. It has been used by me for a month and I love it!”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/63321dfd4ca661664228861.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Chris Hulse</h4>
<p>Investor</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>
“Easy to use, straight-forward transactions. It's great for beginners who are new to the crypto and stocks market. I would suggest everyone try it.”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="5" role="group" aria-label="6 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/63321ce8172f41664228584.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Joann Figueroa</h4>
<p>Long term investor</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 love this Platform. They allow for recurring investments daily for stocks and have IPO early entry on companies and now have crypto.
Excited about what they will do in future.”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="6" role="group" aria-label="7 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/63321a2901c5c1664227881.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Paulo Castro Reis</h4>
<p>Investor</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>
“Why to choose us as a beginner trader…
I have been trading on LiveTradechart for a while now, and so far, only have the most pleasant impressions of the platform. They take great care of newbies, offering free training and an unlimited demo account. It remains only to understand how to use LiveTradechart correctly to start getting additional income.”
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/633554355c4c31664439349.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Kandace Stranger</h4>
<p>Financial Analyst</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>
“Trading has been a hobby of mine for the last decade, mostly having fun but could not get any consistent returns. However, since I have found it, I believe it will become fulltime for me. The automated trading approach taught here is straightforward with clear entries and exits. Also , it is simple to execute and that makes all the difference for consistent success. I started with the swing trade strategy and look forward to mastering others. Only wish I had found them sooner.”
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 7" style="width: 361px; margin-right: 30px;">
l
<div class="carder mx-auto " 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/images/frontend/testimonial/633710898f5891664553097.jpeg" alt="avatar" style="width:60px">
</div>
</div>
<div class="flex-col">
<div class="content">
<h4>Linda Hornsby</h4>
<p>Passive Investor</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>
“The customer care was prompt and helpful. Highly recommended for business. It is very easy, very fast, many choices, and friendly customer service, much updated and very helpful. No, the best word to describe. Thanks guys!!!”
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
<div class="industry-awards-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span></div>
<div class="industry-awards-swiper-gradient-overlay left"></div>
<div class="industry-awards-swiper-gradient-overlay right"></div>
<br><br>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</section>
<div class="content-section">
<div class="content-wrapper w-container">
<div>
<div class="auto-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d8436.146411215903!2d-73.9691685184291!3d40.781649005836485!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2589aaaa763a7%3A0x5e9b0bf60fed4cf9!2s225%20Central%20Park%20West%2C%20New%20York%2C%20NY%2010024!5e1!3m2!1sen!2sus!4v1612426792309!5m2!1sen!2sus" style="width: 100%" height="450" frameborder="0" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</div>
</div>
<style>
#industry-awards-section .industry-awards-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 992px) {
#industry-awards-section .industry-awards-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#industry-awards-section .industry-awards-container > div {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
}
#industry-awards-section .industry-awards-container .industry-awards-content {
max-width: 102rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content {
padding: 2.5625rem 1.875rem;
margin-left: auto;
margin-right: auto;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content {
background: transparent -webkit-gradient(linear, right top, left top, from(#000833), to(#020862));
background: transparent linear-gradient(270deg, #000833 0%, #020862 100%);
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content {
background: transparent -webkit-gradient(linear, left top, right top, from(#000833), to(#020862));
background: transparent linear-gradient(-270deg, #000833 0%, #020862 100%);
}
@media (min-width: 992px) {
[dir] #industry-awards-section .industry-awards-container .industry-awards-content {
padding: 5.5rem 1.875rem;
}
}
@media (min-width: 1200px) {
[dir] #industry-awards-section .industry-awards-container .industry-awards-content {
padding: 5.5rem 4rem;
}
}
@media (min-width: 1400px) {
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content {
padding: 7.5rem 10rem 7.5rem 12.5rem;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content {
padding: 7.5rem 12.5rem 7.5rem 10rem;
}
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
display: inline-block;
line-height: 1.3333;
-webkit-text-fill-color: transparent;
font-size: 1.75rem;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
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] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
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) {
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
font-size: 2.875rem;
}
}
@media (min-width: 1200px) {
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
font-size: 3.25rem;
}
}
@media (min-width: 1200px) {
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-title {
font-size: 3.25rem;
}
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-description {
color: #FFFFFF;
font-size: 0.9375rem;
line-height: 1.375;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-description {
margin-top: 0.625rem;
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-description a {
text-decoration: none;
color: #FFFFFF;
}
@media (min-width: 768px) {
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-description {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-description {
font-size: 1.25rem;
line-height: 1.333;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-description {
margin-top: 1.4rem;
}
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more {
text-decoration: none;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more {
margin-top: 1.25rem;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more {
padding-right: 2em;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more {
padding-left: 2em;
}
:root[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more {
padding-left: 1em;
}
@media (min-width: 1200px) {
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more {
margin-top: 3.125rem;
}
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .industry-awards-learn-more-link {
text-decoration: none;
color: #C79942;
font-size: 1.25rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .industry-awards-learn-more-link {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .awards-arrow {
position: absolute;
height: 1.5em;
top: 50%;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .awards-arrow {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .awards-arrow {
right: -5%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .awards-arrow {
left: -5%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
:root[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more .awards-arrow {
-webkit-transform: translate(-50%, -50%) scale(-1, 1);
transform: translate(-50%, -50%) scale(-1, 1);
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:hover .awards-arrow, #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:focus-visible .awards-arrow {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:hover .awards-arrow, [dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:focus-visible .awards-arrow {
right: -15%;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:hover .awards-arrow, [dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:focus-visible .awards-arrow {
left: -15%;
}
#industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:hover .industry-awards-learn-more-link, #industry-awards-section .industry-awards-container .industry-awards-content .industry-awards-learn-more:focus-visible .industry-awards-learn-more-link {
color: white;
}
#industry-awards-section .industry-awards-container .industry-awards-swiper {
position: relative;
max-width: 100vw;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper {
background: #FFFFFF;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-swiper {
padding: 1.875rem 1rem 3rem 2rem;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-swiper {
padding: 1.875rem 2rem 3rem 1rem;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-wrapper {
background: transparent -webkit-gradient(linear, left top, right top, from(white), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(93%, transparent), to(#FFFFFF));
background: transparent linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 10%, transparent 93%, #FFFFFF 100%);
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-wrapper {
background: transparent -webkit-gradient(linear, right top, left top, from(white), color-stop(10%, rgba(255, 255, 255, 0)), color-stop(93%, transparent), to(#FFFFFF));
background: transparent linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 10%, transparent 93%, #FFFFFF 100%);
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide {
width: 100%;
height: 100%;
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide::before {
float: left;
padding-top: 57.08955223880597%;
content: '';
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide::after {
display: block;
content: '';
clear: both;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide {
border-radius: 0.9375rem;
}
@media (min-width: 992px) {
#industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide img {
width: 100%;
max-width: 100%;
height: auto;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide img {
-webkit-box-shadow: 0 0.1875rem 2.0625rem rgba(0, 8, 50, 0.4392156863);
box-shadow: 0 0.1875rem 2.0625rem rgba(0, 8, 50, 0.4392156863);
border-radius: 0.9375rem;
}
@media (min-width: 992px) {
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .swiper-slide img {
border-radius: 1.25rem;
}
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination {
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination {
-webkit-transform: none;
transform: none;
margin-top: 2.125rem;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination {
right: 0;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination {
left: 0;
}
@media (min-width: 992px) {
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination {
margin-top: 0;
}
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination .swiper-pagination-bullet {
width: 0.375rem;
height: 0.375rem;
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination .swiper-pagination-bullet-active {
width: 1.6875rem;
height: 0.375rem;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-pagination .swiper-pagination-bullet-active {
background: #000832;
border-radius: 0.25rem;
}
#industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay {
pointer-events: none;
position: absolute;
width: 10%;
height: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay {
background: transparent -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5490196078)), to(rgba(255, 255, 255, 0)));
background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.5490196078) 0%, rgba(255, 255, 255, 0) 100%);
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay {
background: transparent -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5490196078)), to(rgba(255, 255, 255, 0)));
background: transparent linear-gradient(-90deg, rgba(255, 255, 255, 0.5490196078) 0%, rgba(255, 255, 255, 0) 100%);
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay.left {
left: 0;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay.left {
right: 0;
}
[dir] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay.right {
-webkit-transform: scale(-1);
transform: scale(-1);
}
[dir=ltr] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay.right {
right: 0;
}
[dir=rtl] #industry-awards-section .industry-awards-container .industry-awards-swiper .industry-awards-swiper-gradient-overlay.right {
left: 0;
}
@media (min-width: 920px) {
.multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
-webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
}
[dir=ltr] .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
padding: 0 2.17em 0 4.43em;
border-right: none;
}
[dir=rtl] .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet {
padding: 0 4.43em 0 2.17em;
border-left: none;
}
[dir=ltr] .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-right: 8.625rem;
}
[dir=rtl] .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .swiper-slide > div {
padding-left: 8.625rem;
}
[dir=ltr] .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
padding-left: 3rem;
padding-right: 0;
}
[dir=rtl] .multibank-iraq #trading-accounts-section .trading-accounts-container .trading-accounts-swiper .trading-accounts-pagination .swiper-pagination-bullet img {
padding-right: 3rem;
padding-left: 0;
}
}
[dir=ltr] .multibank-iraq #industry-awards-section .industry-awards-container .industry-awards-swiper {
direction: ltr;
}
[dir=rtl] .multibank-iraq #industry-awards-section .industry-awards-container .industry-awards-swiper {
direction: rtl;
}
[dir=ltr] .multibank-iraq #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .desc-list {
text-align: right;
direction: rtl;
}
[dir=rtl] .multibank-iraq #advantage-section .advantage-section-wrapper .advantage-section-cards .advantage-card:hover .desc-list {
text-align: left;
direction: ltr;
}
[dir] .multibank-iraq #ib-section .ib-section-bg img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
[dir=ltr] .multibank-iraq #ctas-section .ctas-section-cards, [dir=ltr] .multibank-iraq .trading-accounts-container .swiper-wrapper, [dir=ltr] .multibank-iraq .advantage-section-cards {
direction: ltr;
}
[dir=rtl] .multibank-iraq #ctas-section .ctas-section-cards, [dir=rtl] .multibank-iraq .trading-accounts-container .swiper-wrapper, [dir=rtl] .multibank-iraq .advantage-section-cards {
direction: rtl;
}</style>
<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] .carder {
-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;
}
.carder {
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] .carder {
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;
}
.carder .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;
}
.carder .first-row .flexed-div .flex-col {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.carder .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;
}
.carder .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;
}
.carder .first-row .flexed-div .flex-col:nth-child(2) {
padding-left: 1.25rem;
padding-right: 0.625rem;
}
[dir=rtl] .carder .first-row .flexed-div .flex-col:nth-child(2) {
padding-right: 1.25rem;
padding-left: 0.625rem;
}
.carder .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;
}
.carder .first-row .flexed-div .flex-col .avatar-img {
position: relative;
}
.carder .first-row .flexed-div .flex-col .avatar-img img {
width: 3.5rem;
height: 3.5rem;
}
[dir] .carder .first-row .flexed-div .flex-col .avatar-img img {
border-radius: 50%;
}
.carder .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] .carder .first-row .flexed-div .flex-col .country-flag {
border-radius: 50%;
}
.carder .first-row .flexed-div .flex-col .country-flag {
left: 2.5rem;
}
[dir=rtl] .carder .first-row .flexed-div .flex-col .country-flag {
right: 2.5rem;
}
.carder .first-row .flexed-div .flex-col .country-flag img {
height: 100%;
width: auto;
}
.carder .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] .carder .first-row .flexed-div .flex-col .content h4 {
margin: 0;
-webkit-background-clip: text;
}
.carder .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] .carder .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) {
.carder .first-row .flexed-div .flex-col .content h4 {
font-size: 0.75rem;
}
}
@media (max-width: 767px) {
.carder .first-row .flexed-div .flex-col .content h4 {
font-size: 0.9375rem;
line-height: 1.5rem;
letter-spacing: 0.00188rem;
}
}
.carder .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) {
.carder .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;
}
}
.carder .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;
}
.carder .second-row .flexed-div .flex-col {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.carder .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;
}
.carder .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] .carder .second-row .flexed-div .flex-col:nth-child(2) {
padding: 0 0.625rem;
}
.carder .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;
}
.carder .second-row .flexed-div .flex-col .graph-div .svg-image {
display: block;
}
[dir] .carder .second-row .flexed-div .flex-col .graph-div .svg-image {
margin: 0;
}
@media (max-width: 767px) {
[dir] .carder .second-row .flexed-div .flex-col .graph-div .svg-image {
margin: inherit;
}
}
[dir] .carder .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;
}
.carder .second-row .flexed-div .flex-col .graph-div .svg-image svg {
width: 100%;
max-width: 100%;
height: auto;
}
@media (max-width: 767px) {
[dir] .carder .second-row .flexed-div .flex-col .graph-div .svg-image svg {
margin: 1rem 0;
}
}
.carder .second-row .flexed-div .flex-col .content {
width: 100%;
}
.carder .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;
}
.carder .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) {
.carder .second-row .flexed-div .flex-col .content p {
font-size: 1rem;
}
}
.carder .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] .carder .second-row .flexed-div .flex-col .arrow {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
:root[dir=rtl] .carder .second-row .flexed-div .flex-col .arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.carder .second-row .flexed-div .flex-col .arrow img {
width: 1rem;
height: 1.5625rem;
}
@media (max-width: 991px) {
.carder .second-row .flexed-div .flex-col .arrow img {
width: 0.5625rem;
height: 0.875rem;
}
}
.carder .gold-border-btn {
color: #010D4B;
text-decoration: none;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: bold;
}
[dir] .carder .gold-border-btn {
border: 0.125rem solid #BB914A;
border-radius: 1.5625rem;
padding: 0.5rem 1rem;
}
.carder .gold-border-btn {
background: #F8FAFD 0% 0% no-repeat padding-box;
}
[dir=rtl] .carder .gold-border-btn {
background: #F8FAFD 100% 0% no-repeat padding-box;
}
@media (max-width: 1024px) {
.carder .gold-border-btn {
font-size: 0.875rem;
line-height: 1.375rem;
}
}
.carder .gold-border-btn:hover {
color: #fff;
}
.carder .gold-border-btn:hover {
background: #010C3E 0% 0% no-repeat padding-box;
}
[dir=rtl] .carder .gold-border-btn:hover {
background: #010C3E 100% 0% no-repeat padding-box;
}
.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;
}
.card.list-card .row.first-row {
width: 50%;
}
.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%;
}
.card.list-card .row.second-row {
width: 50%;
}
.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;
}
.card.list-card .row.second-row .flexed-div .flex-col :nth-child(1) {
width: 100%;
}
.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;
}
.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;
}
.card.list-card .row.second-row .flexed-div .flex-col .content h5 {
margin-right: 0.1875rem;
}
[dir=rtl] .card.list-card .row.second-row .flexed-div .flex-col .content h5 {
margin-left: 0.1875rem;
}
.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 .carder {
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 .carder {
-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 .carder {
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 .carder {
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 .carder .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 .carder .row .col-custom:nth-child(1) {
width: 10%;
}
.leaderboard-section .list-view .carder .row .col-custom:nth-child(2) {
width: 20%;
}
.leaderboard-section .list-view .carder .row .col-custom:nth-child(3) {
width: 10%;
}
.leaderboard-section .list-view .carder .row .col-custom:nth-child(4) {
width: 15%;
}
.leaderboard-section .list-view .carder .row .col-custom:nth-child(5) {
width: 30%;
}
.leaderboard-section .list-view .carder .row .col-custom:nth-child(6) {
width: 15%;
}
.leaderboard-section .list-view .carder .row .col-custom .avatar-img {
width: 20%;
position: relative;
}
.leaderboard-section .list-view .carder .row .col-custom .avatar-img img {
width: 3.5rem;
height: 3.5rem;
}
[dir] .leaderboard-section .list-view .carder .row .col-custom .avatar-img img {
border-radius: 50%;
}
.leaderboard-section .list-view .carder .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 .carder .row .col-custom .country-flag {
border-radius: 50%;
}
[dir=ltr] .leaderboard-section .list-view .carder .row .col-custom .country-flag {
left: 2.5rem;
}
[dir=rtl] .leaderboard-section .list-view .carder .row .col-custom .country-flag {
right: 2.5rem;
}
.leaderboard-section .list-view .carder .row .col-custom .country-flag img {
height: 100%;
width: auto;
}
.leaderboard-section .list-view .carder .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 .carder .row .col-custom h4 {
margin: 0;
-webkit-background-clip: text;
}
[dir=ltr] .leaderboard-section .list-view .carder .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 .carder .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 .carder .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 .carder .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 .carder .row .col-custom .graph-div .svg-image {
display: block;
}
[dir] .leaderboard-section .list-view .carder .row .col-custom .graph-div .svg-image {
margin: 0;
}
@media (max-width: 767px) {
[dir] .leaderboard-section .list-view .carder .row .col-custom .graph-div .svg-image {
margin: inherit;
}
}
[dir] .leaderboard-section .list-view .carder .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 .carder .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 .carder .row .col-custom .graph-div .svg-image svg {
margin: 1rem 0;
}
}
.leaderboard-section .list-view .carder .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 .carder .flexed-row .flexed-col-2 {
width: 50%;
}
.leaderboard-section .list-view .carder .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 .carder .flexed-row .flexed-col-2 .arrow img {
width: 1rem;
height: 1.5625rem;
}
@media (max-width: 991px) {
.leaderboard-section .list-view .carder .flexed-row .flexed-col-2 .arrow img {
width: 0.5625rem;
height: 0.875rem;
}
}
[dir=ltr] .leaderboard-section .list-view .carder .flexed-row .flexed-col-2:nth-child(2) {
text-align: right;
}
[dir=rtl] .leaderboard-section .list-view .carder .flexed-row .flexed-col-2:nth-child(2) {
text-align: left;
}
.leaderboard-section .list-view .carder .gold-border-btn {
color: #010D4B;
text-decoration: none;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: bold;
}
[dir] .leaderboard-section .list-view .carder .gold-border-btn {
border: 0.125rem solid #BB914A;
border-radius: 1.5625rem;
padding: 0.5rem 1rem;
}
[dir=ltr] .leaderboard-section .list-view .carder .gold-border-btn {
background: #F8FAFD 0% 0% no-repeat padding-box;
}
[dir=rtl] .leaderboard-section .list-view .carder .gold-border-btn {
background: #F8FAFD 100% 0% no-repeat padding-box;
}
@media (max-width: 1024px) {
.leaderboard-section .list-view .carder .gold-border-btn {
font-size: 0.875rem;
line-height: 1.375rem;
}
}
.leaderboard-section .list-view .carder .gold-border-btn:hover {
color: #fff;
}
[dir=ltr] .leaderboard-section .list-view .carder .gold-border-btn:hover {
background: #010C3E 0% 0% no-repeat padding-box;
}
[dir=rtl] .leaderboard-section .list-view .carder .gold-border-btn:hover {
background: #010C3E 100% 0% no-repeat padding-box;
}
[dir] .traders-col-skeleton .carder {
-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 .carder {
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 .carder {
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 .carder .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 .carder .first-row .flexed-div .flex-col {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.traders-col-skeleton .carder .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 .carder .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 .carder .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 .carder .first-row .flexed-div .flex-col .avatar-img {
position: relative;
width: 3.5rem;
height: 3.5rem;
}
[dir] .traders-col-skeleton .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .first-row .flexed-div .content h4 {
font-size: 0.75rem;
}
}
@media (max-width: 767px) {
.traders-col-skeleton .carder .first-row .flexed-div .content h4 {
font-size: 0.9375rem;
line-height: 1.5rem;
letter-spacing: 0.00188rem;
}
}
.traders-col-skeleton .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .second-row .flexed-div .flex-col {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.traders-col-skeleton .carder .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 .carder .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 .carder .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 .carder .second-row .flexed-div .flex-col .graph-div .svg-image {
display: block;
}
[dir] .traders-col-skeleton .carder .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 .carder .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 .carder .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 .carder .second-row .flexed-div .flex-col .graph-div .svg-image {
margin: inherit;
}
}
[dir] .traders-col-skeleton .carder .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 .carder .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 .carder .second-row .flexed-div .flex-col .graph-div .svg-image svg {
margin: 1rem 0;
}
}
.traders-col-skeleton .carder .second-row .flexed-div .flex-col .content {
width: 80%;
}
.traders-col-skeleton .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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 .carder .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>
<script>"use strict";
var awardsSwiper = new Swiper(document.querySelector(".industry-awards-swiper"), {
rtl: document.documentElement.dir === "rtl",
slidesPerView: 1.25,
spaceBetween: 18,
centeredSlides: true,
loop: true,
autoplay: true,
breakpoints: {
680: {
slidesPerView: 2,
spaceBetween: 30,
centeredSlides: true
},
992: {
slidesPerView: 1.65,
spaceBetween: 20,
centeredSlides: true
},
2560: {
slidesPerView: 2.5,
spaceBetween: 30
}
},
pagination: {
el: document.querySelector(".industry-awards-pagination"),
clickable: true
}
});</script>
<section class="section risk-disclosure">
<div style="padding:2rem 1.875rem 2rem">
<div class="content risk-disclosure__in">
<p class="risk-disclosure__title"> we keep your information secured 24/7:</p>
<div class="risk-disclosure__p" style="">*Your data is Important! Therefore protecting your information from unauthorised access and accidental disclosure is a top priority. {$settings.site_name} pursues information security with the same commitment to excellence that we apply to understanding our clients financial needs. We work hard to protect your information. {$settings.site_name} information security and data protection is driven by the same commitment to excellence that we apply to understanding the financial needs of our clients.
<br><br>
At {$settings.site_name}, we employ a multi-layered approach to security. Among the systems we use to protect information are firewalls, malware identification programs, fraud detection systems, data loss prevention infrastructure, email filtering, virus controls and system redundancies, including network segmentation.
</div>
</div>
</div>
</section>
</main>
<style>
@media (min-width: 800px) {
.risk-disclosure .risk-disclosure__p {
font-size:7px ;
}
.risk-disclosure__title {
margin-bottom: 0.4rem;
padding-left: 2.25rem;
font-weight: 700;
font-size: 10px !important;
text-transform: uppercase;
background: url(assets/templates/basic/newfront/svg/icon-risk.svg) no-repeat 0;
background-size: 1.813rem;
}
}
@media (min-width: 1000px) {
.risk-disclosure .risk-disclosure__p {
font-size:14px ;
}
.risk-disclosure__title {
margin-bottom: 0.4rem;
padding-left: 2.25rem;
font-weight: 700;
font-size: 15px !important;
text-transform: uppercase;
background: url(assets/templates/basic/newfront/svg/icon-risk.svg) no-repeat 0;
background-size: 1.813rem;
}
}
.risk-disclosure {
color: #96aec1;
background: transparent linear-gradient(90deg, #03105f 0%, #03105F 52%, #000832 100%);
}
.risk-disclosure .container {
padding: 5rem 1.875rem 1rem;
}
.container {
margin-left: auto;
padding: 6.25rem 1.875rem;
width: 100%;
max-width: 96.75rem;
}
.risk-disclosure__in {
}
.footer .plus-21{padding-right:3.438rem;line-height:1.25rem;text-align:right;background:url("assets/templates/basic/newfront/svg/icon-21.svg") no-repeat 100%;background-size:2.5rem}
.footer{line-height:1.25rem;color:#96aec1;background:transparent linear-gradient(90deg, #03105f 0%, #03105F 52%, #000832 100%)}.footer .container{padding:2.25rem 1.875rem 4.375rem}@media screen and (max-width:1000px){.footer .container{padding:2.25rem 1.875rem 3.6rem}}@media screen and (max-width:700px){.footer .container{padding:2rem .938rem 3.6rem}}@media screen and (max-width:600px){.footer .container{padding:1.9rem .938rem 3rem}}.footer__info{font-size:.813rem;line-height:1.5rem}.footer__info p{margin-bottom:.9rem}@media screen and (max-width:500px){.footer__info p{margin-bottom:.5rem}}.footer__info a{display:inline-block;border-bottom:1px solid #0099fa;text-decoration:none;color:#ffff;transition:.5s}.footer__info a:hover{border-bottom:1px solid rgba(0,153,250,0);color:#fff}@media screen and (max-width:600px){.footer__info{line-height:1.3rem}}.footer-nav{display:flex;flex-wrap:wrap;margin:0rem -1.563rem -.8rem}.footer-nav__item{padding:.8rem 1.563rem}@media screen and (max-width:1000px){.footer-nav__item{padding:.5rem 1rem}}@media screen and (max-width:600px){.footer-nav__item{padding:.3rem 1rem}}@media screen and (max-width:450px){.footer-nav__item{flex:0 0 100%}}.footer-nav__link{border-bottom:1px solid #0099fa;padding-bottom:.1rem;font-size:1rem;text-decoration:none;color:#fff;transition:.5s}.footer-nav__link:hover{border-bottom:1px solid rgba(0,153,250,0);color:#fff;transition:.5s}@media screen and (max-width:1000px){.footer-nav__link{font-size:1.2rem}}@media screen and (max-width:600px){.footer-nav__link{font-size:.813rem}}@media screen and (max-width:1000px){.footer-nav{justify-content:flex-start;margin:1.75rem -.8rem -.5rem}}@media screen and (max-width:600px){.footer-nav{margin:1.25rem -1rem -.3rem}}.footer .socket{display:flex;align-items:center;justify-content:space-between;padding-top:2.8rem;font-size:.813rem;line-height:1.5rem}.footer .socket__copyright{text-align:right}.footer .socket__logo svg{max-width:13.125rem}.footer .socket__logo .svg-icon{width:60px;height:47px}@media screen and (max-width:900px){.footer .socket__logo{margin-bottom:1rem}}@media screen and (max-width:900px){.footer .socket{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:3.5rem}}@media screen and (max-width:600px){.footer .socket{padding-top:3rem}}@media screen and (max-width:1000px){.footer .plus-21{padding-right:3rem;background-size:2rem}}@media screen and (max-width:900px){.footer .plus-21{padding-right:0;padding-left:3rem;text-align:left;background-position:0}}@media screen and (max-width:600px){.footer p{margin-bottom:.5rem;text-align:justify}}.footer_affiliate .footer-nav{margin-top:1.75rem}@media screen and (max-width:600px){.footer_affiliate .footer-nav{margin-top:.65rem}}.footer_affiliate .container{padding:1.25rem 1.875rem 3.375rem}@media screen and (max-width:600px){.footer_affiliate .container{padding:1.25rem .938rem 2rem}}.footer_affiliate .socket{padding-top:2rem}@media screen and (max-width:600px){.footer_affiliate .socket{align-items:center;padding-top:1.3rem}}.footer_affiliate .plus-21{display:flex;align-items:center;padding-right:0;padding-left:3.438rem;min-height:2.1rem;background-position:0}@media screen and (max-width:1000px){.footer_affiliate .plus-21{padding-left:3rem}}@media screen and (max-width:600px){.footer_affiliate .plus-21 p{margin-bottom:0}}@media screen and (max-width:600px){.footer_affiliate .footer-nav__item{flex:0 0 100%;text-align:center}}.mt100pm{background:#0f487c}.mt100pm .container{padding-top:4.5rem}@media screen and (max-width:1000px){.mt100pm .container{padding-top:3.25rem}}@media screen and (max-width:700px){.mt100pm .container{padding-top:2.25rem}}
.footer-nav__item {
list-style: none !important;
}
</style>
<footer class="section footer ">
<div style="padding:1rem 1.875rem 1rem">
<div class="content footer__in">
<ul class="footer-nav">
<li class="footer-nav__item"><a class="footer-nav__link" href="?a=home">Home</a></li>
<li class="footer-nav__item"><a class="footer-nav__link" href="?a=about">About </a></li>
<li class="footer-nav__item"><a class="footer-nav__link" href="?a=career">Career</a></li>
<li class="footer-nav__item"><a class="footer-nav__link" href="?a=support"> Contacts </a></li>
<li class="footer-nav__item"><a class="footer-nav__link" href="?a=trading-conditions">Trading Conditions</a></li>
<div id="google_translate_element2"><div class="skiptranslate goog-te-gadget" dir="ltr" style=""><div id=":0.targetLanguage"><select class="goog-te-combo" aria-label="Widget de idiomas del Traductor"><option value="">Seleccionar idioma</option><option value="es">español</option><option value="ab">Abjasio</option><option value="ace">Achenés</option><option value="ach">Acholi</option><option value="aa">Afar</option><option value="af">Afrikáans</option><option value="ay">Aimara</option><option value="sq">Albanés</option><option value="de">Alemán</option><option value="alz">Alur</option><option value="am">amhárico</option><option value="ar">árabe</option><option value="hy">Armenio</option><option value="as">Asamés</option><option value="awa">Avadhi</option><option value="av">Avar</option><option value="az">Azerí</option><option value="ban">Balinés</option><option value="bal">Baluchi</option><option value="bm">Bambara</option><option value="bci">Baoulé</option><option value="ba">Baskir</option><option value="btx">Batak karo</option><option value="bts">Batak Simalungun</option><option value="bbc">Batak toba</option><option value="bem">Bemba</option><option value="bn">Bengalí</option><option value="bew">Betawi</option><option value="bho">Bhoyapurí</option><option value="be">Bielorruso</option><option value="bik">Bikol</option><option value="my">Birmano</option><option value="bs">Bosnio</option><option value="br">Bretón</option><option value="bg">Búlgaro</option><option value="bua">Buriato</option><option value="km">Camboyano</option><option value="kn">canarés</option><option value="yue">Cantonés</option><option value="ca">Catalán</option><option value="ceb">Cebuano</option><option value="ch">Chamorro</option><option value="ce">Checheno</option><option value="cs">Checo</option><option value="ny">Chichewa</option><option value="zh-CN">Chino (simplificado)</option><option value="zh-TW">Chino (tradicional)</option><option value="cnh">Chino hakka</option><option value="cv">Chuvasio</option><option value="si">Cingalés</option><option value="ko">Coreano</option><option value="co">Corso</option><option value="ht">Criollo haitiano</option><option value="mfe">Criollo mauriciano</option><option value="crs">Criollo seychellense</option><option value="hr">Croata</option><option value="da">Danés</option><option value="fa-AF">Darí</option><option value="din">Dinka</option><option value="dyu">Diula</option><option value="dv">Divehi</option><option value="doi">Dogri</option><option value="dz">Dzongkha</option><option value="sk">eslovaco</option><option value="sl">Esloveno</option><option value="eo">Esperanto</option><option value="et">Estonio</option><option value="eu">euskera</option><option value="ee">Ewé</option><option value="fo">Feroés</option><option value="tl">Filipino</option><option value="fi">finlandés</option><option value="fj">Fiyiano</option><option value="fon">Fon</option><option value="fr">francés</option><option value="fy">frisio</option><option value="fur">Friulano</option><option value="ff">Fulani</option><option value="gaa">Ga</option><option value="gd">Gaélico escocés</option><option value="cy">galés</option><option value="gl">Gallego</option><option value="ka">Georgiano</option><option value="el">griego</option><option value="gn">guaraní</option><option value="gu">Gujarati</option><option value="ha">Hausa</option><option value="haw">Hawaiano</option><option value="iw">hebreo</option><option value="hil">Hiligaynon</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Húngaro</option><option value="hrx">Hunsrik</option><option value="iba">Iban</option><option value="ig">igbo</option><option value="ilo">Ilocano</option><option value="id">Indonesio</option><option value="ga">irlandés</option><option value="is">Islandés</option><option value="it">italiano</option><option value="ja">Japonés</option><option value="jw">Javanés</option><option value="kac">Jingpo</option><option value="kl">Kalaallisut</option><option value="kr">Kanuri</option><option value="kk">kazajo</option><option value="kha">Khasi</option><option value="cgg">Kiga</option><option value="kg">Kikongo</option><option value="rw">Kinyarwanda</option><option value="ky">kirguís</option><option value="rn">Kirundi</option><option value="ktu">Kituba</option><option value="trp">Kokborok</option><option value="kv">Komi</option><option value="gom">Konkaní</option><option value="kri">Krio</option><option value="ku">Kurdo (kurmanyi)</option><option value="ckb">Kurdo (sorani)</option><option value="lo">Lao</option><option value="ltg">Latgaliano</option><option value="la">latín</option><option value="lv">letón</option><option value="lij">Ligur</option><option value="li">Limburgués</option><option value="ln">lingala</option><option value="lt">Lituano</option><option value="lmo">Lombardo</option><option value="lg">Luganda</option><option value="luo">Luo</option><option value="lb">Luxemburgués</option><option value="mk">Macedonio</option><option value="mad">Madurés</option><option value="mai">Maithili</option><option value="mak">Makassar</option><option value="ml">Malayalam</option><option value="ms">Malayo</option><option value="ms-Arab">Malayo (jawi)</option><option value="mg">Malgache</option><option value="mt">maltés</option><option value="mam">Mam</option><option value="gv">Manés</option><option value="mi">Maorí</option><option value="mr">maratí</option><option value="chm">Marí de las praderas</option><option value="mh">Marshalés</option><option value="mwr">Marwari</option><option value="yua">Maya yucateco</option><option value="mni-Mtei">Meiteilon (manipuri)</option><option value="min">Minangkabau</option><option value="lus">Mizo</option><option value="mn">Mongol</option><option value="bm-Nkoo">N'Ko</option><option value="nhe">Náhuatl (Huasteca oriental)</option><option value="ndc-ZW">Ndau</option><option value="nr">Ndebele meridional</option><option value="dov">Ndombe</option><option value="nl">neerlandés</option><option value="new">Nepalbhasa (newarí)</option><option value="ne">nepalí</option><option value="no">Noruego</option><option value="nus">Nuer</option><option value="oc">Occitano</option><option value="or">Oriya</option><option value="om">Oromo</option><option value="os">Osético</option><option value="pam">Pampango</option><option value="pag">Pangasinán</option><option value="pa">Panyabí (gurmukhi)</option><option value="pa-Arab">Panyabí (shahmukhi)</option><option value="pap">Papiamento</option><option value="ps">pastún</option><option value="jam">Patois jamaiquino</option><option value="fa">persa</option><option value="pl">polaco</option><option value="pt">Portugués (Brasil)</option><option value="pt-PT">Portugués (Portugal)</option><option value="qu">Quechua</option><option value="kek">Quekchí</option><option value="rom">Romaní</option><option value="ro">Rumano</option><option value="ru">ruso</option><option value="war">Samareño</option><option value="se">Sami septentrional</option><option value="sm">Samoano</option><option value="sg">Sango</option><option value="sa">Sánscrito</option><option value="sat-Latn">Santali</option><option value="nso">Sepedi</option><option value="sr">Serbio</option><option value="st">Sesoto</option><option value="tn">Setsuana</option><option value="shn">Shan</option><option value="sn">Shona</option><option value="scn">Siciliano</option><option value="szl">Silesio</option><option value="sd">Sindhi</option><option value="so">somalí</option><option value="sw">suajili</option><option value="ss">Suazi</option><option value="sv">Sueco</option><option value="su">Sundanés</option><option value="sus">Susu</option><option value="ty">Tahitiano</option><option value="th">tailandés</option><option value="ber">Tamashek (tifinag)</option><option value="ber-Latn">Tamazight</option><option value="ta">tamil</option><option value="tt">Tártaro</option><option value="crh">Tártaro de Crimea</option><option value="tg">tayiko</option><option value="te">telugu</option><option value="tet">Tetun</option><option value="bo">Tibetano</option><option value="ti">Tigrinya</option><option value="tiv">Tiv</option><option value="tpi">Tok pisin</option><option value="to">Tongano</option><option value="chk">Trukés</option><option value="ts">Tsonga</option><option value="tcy">Tulu</option><option value="tum">Tumbuka</option><option value="tr">turco</option><option value="tk">turkmeno</option><option value="tyv">Tuviniano</option><option value="ak">Twi</option><option value="uk">Ucraniano</option><option value="udm">Udmurto</option><option value="ug">Uigur</option><option value="ur">urdu</option><option value="uz">uzbeco</option><option value="ve">Venda</option><option value="vec">Véneto</option><option value="vi">Vietnamita</option><option value="wo">Wólof</option><option value="xh">Xhosa</option><option value="sah">Yakuto</option><option value="yi">yidis</option><option value="yo">Yoruba</option><option value="zap">Zapoteco</option><option value="zu">Zulú</option></select></div>Con la tecnología de <span style="white-space:nowrap"><a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Traductor de Google">Traductor de Google</a></span></div></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
</ul>
<div class="socket">
<a href="?a=home" class="socket__logo logo">
<img id="site-logo" src="assets/images/logoIcon/logo.png" srcset="assets/images/logoIcon/logo.png" alt="" height="30" data-retina="assets/images/logoIcon/logo.png" data-height="30">
</a>
<div class="socket__copyright">
<div class="plus-21">
<p>
Copyright ©2024 currency-xchange </p>
</div>
</div>
</div>
</div>
</div>
</footer>
<div id="dfp-overlay"></div>
<style>
[dir] #where-to-go-next {
background-color: #F1F3F9;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 768px) {
[dir] #where-to-go-next {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
#where-to-go-next .section-heading-title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 1.625rem;
color: #C79942;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
-webkit-text-fill-color: transparent;
}
[dir] #where-to-go-next .section-heading-title {
margin: 0 auto;
text-align: center;
-webkit-background-clip: text;
}
[dir=ltr] #where-to-go-next .section-heading-title {
background-image: -webkit-linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}
[dir=rtl] #where-to-go-next .section-heading-title {
background-image: -webkit-linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}
@media (min-width: 768px) {
#where-to-go-next .section-heading-title {
font-size: 2.125rem;
}
}
@media (min-width: 992px) {
#where-to-go-next .section-heading-title {
font-size: 3.25rem;
}
}
#where-to-go-next .where-to-go-next-card {
display: block;
position: relative;
text-decoration: none;
}
[dir] #where-to-go-next .where-to-go-next-card {
padding-bottom: 1.875rem;
}
#where-to-go-next .where-to-go-next-card:before, #where-to-go-next .where-to-go-next-card:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
top: 28%;
}
[dir] #where-to-go-next .where-to-go-next-card:before, [dir] #where-to-go-next .where-to-go-next-card:after {
left: 0;
right: 0;
border-radius: 1.25rem;
}
[dir] #where-to-go-next .where-to-go-next-card:before {
background-color: white;
}
[dir] #where-to-go-next .where-to-go-next-card:after {
-webkit-transition: bottom 300ms ease;
transition: bottom 300ms ease;
background-color: #020862;
}
[dir=ltr] #where-to-go-next .where-to-go-next-card:after {
background-image: -webkit-gradient(linear, left top, right top, from(#020862), to(#000832));
background-image: linear-gradient(90deg, #020862 0%, #000832 100%);
}
[dir=rtl] #where-to-go-next .where-to-go-next-card:after {
background-image: -webkit-gradient(linear, right top, left top, from(#020862), to(#000832));
background-image: linear-gradient(-90deg, #020862 0%, #000832 100%);
}
#where-to-go-next .where-to-go-next-card:hover .where-to-go-next-card-title {
color: #03105F;
}
[dir] #where-to-go-next .where-to-go-next-card:hover .where-to-go-next-card-title {
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
}
#where-to-go-next .where-to-go-next-card:hover:after {
bottom: 22%;
}
#where-to-go-next .where-to-go-next-card .where-to-go-next-card-body {
position: relative;
z-index: 2;
}
#where-to-go-next .where-to-go-next-card .where-to-go-next-card-icon-wrapper {
width: 55%;
position: relative;
}
[dir] #where-to-go-next .where-to-go-next-card .where-to-go-next-card-icon-wrapper {
margin-left: auto;
margin-right: auto;
padding-top: 55%;
}
#where-to-go-next .where-to-go-next-card .where-to-go-next-card-icon-wrapper img {
position: absolute;
bottom: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
[dir] #where-to-go-next .where-to-go-next-card .where-to-go-next-card-icon-wrapper img {
left: 0;
right: 0;
}
#where-to-go-next .where-to-go-next-card .where-to-go-next-card-title {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #C79942;
text-transform: uppercase;
letter-spacing: 0.025rem;
font-size: 0.9375rem;
}
[dir] #where-to-go-next .where-to-go-next-card .where-to-go-next-card-title {
text-align: center;
-webkit-transition: color 300ms ease, -webkit-transform 300ms ease;
transition: color 300ms ease, -webkit-transform 300ms ease;
transition: transform 300ms ease, color 300ms ease;
transition: transform 300ms ease, color 300ms ease, -webkit-transform 300ms ease;
}
@media (min-width: 768px) {
#where-to-go-next .where-to-go-next-card .where-to-go-next-card-title {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
#where-to-go-next .where-to-go-next-card .where-to-go-next-card-title {
font-size: 1.25rem;
}
}
[dir] #main-footer {
background-color: #000832;
padding-top: 2.5rem;
padding-bottom: 4.5rem;
}
@media (min-width: 992px) {
[dir] #main-footer {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
#main-footer .bmw-img-wrapper img {
display: block;
width: 19.6875rem;
max-width: 100%;
height: auto;
}
@media (min-width: 992px) {
#main-footer .bmw-img-wrapper img {
width: 26.875rem;
}
}
#main-footer .footer-logo img {
display: block;
-o-object-fit: contain;
object-fit: contain;
max-height: 2.375rem;
max-width: 100%;
}
[dir=ltr] #main-footer .footer-logo img {
-o-object-position: left center;
object-position: left center;
}
[dir=rtl] #main-footer .footer-logo img {
-o-object-position: right center;
object-position: right center;
}
@media (min-width: 768px) {
#main-footer .footer-logo img {
width: 50%;
}
}
@media (min-width: 992px) {
#main-footer .footer-logo img {
width: 100%;
}
}
#main-footer .footer-logo.footer-logo-mexjituan img {
max-height: 2rem;
}
#main-footer .footer-logo.footer-logo-mexgroup img {
max-height: 3.75rem;
}
#main-footer .footer-email {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
text-decoration: none;
font-size: 0.875rem;
}
[dir] #main-footer .footer-email {
-webkit-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
}
@media (min-width: 576px) {
#main-footer .footer-email {
font-size: 1rem;
}
}
@media (min-width: 992px) {
#main-footer .footer-email {
font-size: 1.25rem;
}
}
#main-footer .footer-email:hover {
color: #BB914A;
}
#main-footer .footer-email i {
color: #A0762F;
-webkit-text-fill-color: transparent;
font-size: 1.25em;
line-height: 1;
}
[dir] #main-footer .footer-email i {
-webkit-background-clip: text;
}
[dir=ltr] #main-footer .footer-email i {
background-image: -webkit-linear-gradient(90deg, #A0762F 0%, #DEC481 51%, #A0762F 100%);
margin-right: 0.45em;
}
[dir=rtl] #main-footer .footer-email i {
background-image: -webkit-linear-gradient(-90deg, #A0762F 0%, #DEC481 51%, #A0762F 100%);
margin-left: 0.45em;
}
[dir] #main-footer .footer-phone {
margin: 0.625rem 0 0 0;
}
#main-footer .footer-social-link img {
display: block;
width: 1.25rem;
height: 1.25rem;
}
@media (min-width: 576px) {
#main-footer .footer-social-link img {
width: 1.5rem;
height: 1.5rem;
}
}
@media (min-width: 992px) {
#main-footer .footer-social-link img {
width: 2rem;
height: 2rem;
}
}
#main-footer .footer-social-link:hover {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
#main-footer .footer-link {
font: inherit;
text-decoration: none;
color: white;
font-size: 0.75rem;
}
[dir] #main-footer .footer-link {
padding: 0;
background-color: transparent;
border: none;
cursor: pointer;
}
@media (min-width: 768px) {
#main-footer .footer-link {
font-size: 0.875rem;
}
}
@media (min-width: 992px) {
#main-footer .footer-link {
font-size: 1rem;
}
}
#main-footer .footer-link:hover {
color: #d4ab4b;
}
[dir] #main-footer hr {
border-color: #33395b;
margin-top: 1.125rem;
margin-bottom: 1.125rem;
}
@media (min-width: 992px) {
[dir] #main-footer hr {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
[dir] #main-footer .footer-navigation-links .footer-navigation-title + ul {
margin-top: 1rem;
}
#main-footer .footer-navigation-links ul {
list-style: none;
}
[dir] #main-footer .footer-navigation-links ul {
margin-top: 0;
margin-bottom: 0;
}
[dir=ltr] #main-footer .footer-navigation-links ul {
padding-left: 0;
}
[dir=rtl] #main-footer .footer-navigation-links ul {
padding-right: 0;
}
[dir] #main-footer .footer-navigation-links ul li + li {
margin-top: 0.375rem;
}
#main-footer .footer-navigation-title {
color: white;
font-size: 1rem;
font-weight: bold;
}
#main-footer a.footer-navigation-link {
font-size: 0.875rem;
text-decoration: none;
color: #999999;
}
#main-footer a.footer-navigation-link:hover {
color: #d4ab4b;
}
#main-footer .footer-terms-links a, #main-footer .footer-copyrights a {
color: #999999;
text-decoration: underline;
}
#main-footer .footer-terms-links {
line-height: 1.5;
font-size: 0.875rem;
color: #999999;
}
#main-footer .footer-terms-links .footer-terms-link {
text-decoration: none;
color: inherit;
}
#main-footer .footer-terms-links .footer-terms-link:hover {
color: #d4ab4b;
}
#main-footer .footer-copyrights {
color: #999999;
}
[dir] #main-footer .footer-copyrights {
margin-top: 1.5rem;
}
#main-footer .footer-copyrights p {
line-height: 1.5;
font-size: 0.875rem;
}
[dir] #main-footer .footer-copyrights p {
margin-top: 0;
margin-bottom: 0;
}
[dir] #main-footer .footer-copyrights p + p {
margin-top: 1em;
}
#main-footer .footer-payment-method {
display: block;
height: 1rem;
}
@media (min-width: 992px) {
#main-footer .footer-payment-method {
height: 1.5625rem;
}
}
#side-buttons {
z-index: 100;
display: none;
position: fixed;
top: 50%;
}
[dir] #side-buttons {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[dir=ltr] #side-buttons {
right: 0.3125rem;
}
[dir=rtl] #side-buttons {
left: 0.3125rem;
}
@media (min-width: 992px) {
#side-buttons {
display: block;
}
}
#side-buttons .side-button {
width: 2.75rem;
height: 2.75rem;
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;
color: white;
font-size: 1.375rem;
}
[dir] #side-buttons .side-button {
border-radius: 0.3125rem;
border: 0.0625rem solid #a0762f;
cursor: pointer;
-webkit-transition: border-color 200ms ease, -webkit-transform 200ms ease;
transition: border-color 200ms ease, -webkit-transform 200ms ease;
transition: border-color 200ms ease, transform 200ms ease;
transition: border-color 200ms ease, transform 200ms ease, -webkit-transform 200ms ease;
}
[dir=ltr] #side-buttons .side-button {
background-image: linear-gradient(130deg, #e0ad56, #865d19);
-webkit-transform: translateX(90%);
transform: translateX(90%);
}
[dir=rtl] #side-buttons .side-button {
background-image: linear-gradient(-130deg, #e0ad56, #865d19);
-webkit-transform: translateX(-90%);
transform: translateX(-90%);
}
[dir] #side-buttons .side-button + .side-button {
margin-top: 0.3125rem;
}
[dir] #side-buttons .side-button:hover {
border-color: #0818a2;
}
[dir=ltr] #side-buttons .side-button:hover {
background-image: linear-gradient(130deg, #0e37c5, #040e83);
}
[dir=rtl] #side-buttons .side-button:hover {
background-image: linear-gradient(-130deg, #0e37c5, #040e83);
}
[dir] #side-buttons.visiable .side-button, [dir] #side-buttons:hover .side-button {
-webkit-transform: none;
transform: none;
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translate(0.0625rem, 0.0625rem) rotate(0deg);
transform: translate(0.0625rem, 0.0625rem) rotate(0deg);
}
1% {
-webkit-transform: translate(-0.0625rem, -0.125rem) rotate(-1deg);
transform: translate(-0.0625rem, -0.125rem) rotate(-1deg);
}
2% {
-webkit-transform: translate(-0.1875rem, 0) rotate(1deg);
transform: translate(-0.1875rem, 0) rotate(1deg);
}
3% {
-webkit-transform: translate(0.1875rem, 0.125rem) rotate(0deg);
transform: translate(0.1875rem, 0.125rem) rotate(0deg);
}
4% {
-webkit-transform: translate(0.0625rem, -0.0625rem) rotate(1deg);
transform: translate(0.0625rem, -0.0625rem) rotate(1deg);
}
5% {
-webkit-transform: translate(-0.0625rem, 0.125rem) rotate(-1deg);
transform: translate(-0.0625rem, 0.125rem) rotate(-1deg);
}
6% {
-webkit-transform: translate(-0.1875rem, 0.0625rem) rotate(0deg);
transform: translate(-0.1875rem, 0.0625rem) rotate(0deg);
}
7% {
-webkit-transform: translate(0.1875rem, 0.0625rem) rotate(-1deg);
transform: translate(0.1875rem, 0.0625rem) rotate(-1deg);
}
8% {
-webkit-transform: translate(-0.0625rem, -0.0625rem) rotate(1deg);
transform: translate(-0.0625rem, -0.0625rem) rotate(1deg);
}
9% {
-webkit-transform: translate(0.0625rem, 0.125rem) rotate(0deg);
transform: translate(0.0625rem, 0.125rem) rotate(0deg);
}
10% {
-webkit-transform: translate(0.0625rem, -0.125rem) rotate(-1deg);
transform: translate(0.0625rem, -0.125rem) rotate(-1deg);
}
11% {
-webkit-transform: none;
transform: none;
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes shake {
0% {
-webkit-transform: translate(0.0625rem, 0.0625rem) rotate(0deg);
transform: translate(0.0625rem, 0.0625rem) rotate(0deg);
}
1% {
-webkit-transform: translate(-0.0625rem, -0.125rem) rotate(-1deg);
transform: translate(-0.0625rem, -0.125rem) rotate(-1deg);
}
2% {
-webkit-transform: translate(-0.1875rem, 0) rotate(1deg);
transform: translate(-0.1875rem, 0) rotate(1deg);
}
3% {
-webkit-transform: translate(0.1875rem, 0.125rem) rotate(0deg);
transform: translate(0.1875rem, 0.125rem) rotate(0deg);
}
4% {
-webkit-transform: translate(0.0625rem, -0.0625rem) rotate(1deg);
transform: translate(0.0625rem, -0.0625rem) rotate(1deg);
}
5% {
-webkit-transform: translate(-0.0625rem, 0.125rem) rotate(-1deg);
transform: translate(-0.0625rem, 0.125rem) rotate(-1deg);
}
6% {
-webkit-transform: translate(-0.1875rem, 0.0625rem) rotate(0deg);
transform: translate(-0.1875rem, 0.0625rem) rotate(0deg);
}
7% {
-webkit-transform: translate(0.1875rem, 0.0625rem) rotate(-1deg);
transform: translate(0.1875rem, 0.0625rem) rotate(-1deg);
}
8% {
-webkit-transform: translate(-0.0625rem, -0.0625rem) rotate(1deg);
transform: translate(-0.0625rem, -0.0625rem) rotate(1deg);
}
9% {
-webkit-transform: translate(0.0625rem, 0.125rem) rotate(0deg);
transform: translate(0.0625rem, 0.125rem) rotate(0deg);
}
10% {
-webkit-transform: translate(0.0625rem, -0.125rem) rotate(-1deg);
transform: translate(0.0625rem, -0.125rem) rotate(-1deg);
}
11% {
-webkit-transform: none;
transform: none;
}
100% {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
#dfp-overlay {
position: fixed;
bottom: 0;
top: 0;
z-index: 101;
display: none;
}
[dir] #dfp-overlay {
background-color: rgba(1, 9, 50, 0.7);
left: 0;
right: 0;
}
#dfp-overlay.dfp-active {
display: block;
}
@media (min-width: 1200px) {
#dfp-overlay.dfp-active {
display: none;
}
}
#dfp {
display: none;
position: fixed;
top: 50%;
z-index: 101;
color: #03105F;
}
[dir] #dfp {
background-color: #DCE3F2;
text-align: center;
-webkit-transition: color 200ms ease, background-color 200ms ease, height 200ms ease, width 200ms ease;
transition: color 200ms ease, background-color 200ms ease, height 200ms ease, width 200ms ease;
border-radius: 0.625rem;
}
[dir=ltr] #dfp {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0.1875rem 0.1875rem 1.25rem rgba(0, 8, 50, 0.6588235294);
box-shadow: 0.1875rem 0.1875rem 1.25rem rgba(0, 8, 50, 0.6588235294);
}
[dir=rtl] #dfp {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-box-shadow: -0.1875rem 0.1875rem 1.25rem rgba(0, 8, 50, 0.6588235294);
box-shadow: -0.1875rem 0.1875rem 1.25rem rgba(0, 8, 50, 0.6588235294);
}
#dfp.dfp-active {
display: block;
}
@media (min-width: 1200px) {
#dfp {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 17.5rem;
width: 3.125rem;
}
[dir] #dfp {
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[dir=ltr] #dfp {
border-radius: 0 0.625rem 0.625rem 0;
left: 0;
}
[dir=rtl] #dfp {
border-radius: 0.625rem 0 0 0.625rem;
right: 0;
}
#dfp:not(.dfp-active):hover {
color: #FFFFFF;
}
[dir] #dfp:not(.dfp-active):hover {
background-color: #BB914A;
}
#dfp.dfp-active {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
height: 15rem;
width: 17.5rem;
}
[dir] #dfp.dfp-active {
cursor: auto;
}
#dfp.dfp-active .dfp-body-wrapper {
display: block;
}
#dfp.dfp-active .dfp-tab {
display: none;
}
#dfp.dfp-active .dfp-close-btn {
display: block;
}
}
#dfp .dfp-body-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
@media (min-width: 1200px) {
#dfp .dfp-body-wrapper {
display: none;
}
}
#dfp .dfp-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
width: 17.5rem;
height: 100%;
}
[dir] #dfp .dfp-body {
padding: 1rem;
}
#dfp .dfp-tab {
display: none;
width: 100%;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.25rem;
}
@media (min-width: 1200px) {
#dfp .dfp-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
:root[lang=fr] #dfp .dfp-tab {
font-size: 1rem;
}
#dfp .dfp-tab .dfp-mobile-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
[dir] #dfp .dfp-tab .dfp-mobile-icon {
margin-bottom: 0.75rem;
-webkit-animation: shake 3s ease infinite;
animation: shake 3s ease infinite;
}
#dfp .dfp-tab .dfp-mobile-text {
font-weight: 500;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
white-space: nowrap;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
:root[dir=rtl] #dfp .dfp-tab .dfp-mobile-text {
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
#dfp .dfp-title {
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;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1.125rem;
text-transform: uppercase;
position: relative;
}
[dir] #dfp .dfp-title {
padding-bottom: 0.5625rem;
border-bottom: 0.0625rem solid #BB914A;
margin-bottom: 1.25rem;
}
#dfp .dfp-title:before {
content: "";
position: absolute;
bottom: -0.84375rem;
width: 1.125rem;
height: 1.125rem;
}
[dir] #dfp .dfp-title:before {
border-color: #BB914A;
background-color: #DCE3F2;
border-style: solid;
}
[dir=ltr] #dfp .dfp-title:before {
left: calc(50% - 1.125rem);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
border-width: 0 0.0625rem 0.0625rem 0;
}
[dir=rtl] #dfp .dfp-title:before {
right: calc(50% - 1.125rem);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
border-width: 0 0 0.0625rem 0.0625rem;
}
#dfp .dfp-title .dfp-mobile-icon {
font-size: 1rem;
}
[dir=ltr] #dfp .dfp-title .dfp-mobile-icon {
margin-right: 0.5em;
}
[dir=rtl] #dfp .dfp-title .dfp-mobile-icon {
margin-left: 0.5em;
}
[dir] #dfp .dfp-item + .dfp-item {
margin-top: 1rem;
}
#dfp .dfp-item-title {
font-weight: bold;
}
#dfp .dfp-close-btn {
display: block;
color: white;
font: inherit;
font-size: 1.5rem;
position: absolute;
top: 0;
line-height: 1;
}
[dir] #dfp .dfp-close-btn {
border-radius: 50%;
background-color: #BB914A;
padding: 0.0625em;
border: none;
cursor: pointer;
}
[dir=ltr] #dfp .dfp-close-btn {
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
[dir=rtl] #dfp .dfp-close-btn {
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 1200px) {
#dfp .dfp-close-btn {
display: none;
}
}
#dfp .dfp-close-btn svg {
display: block;
}
[dir] #dfp .dfp-close-btn:hover {
background-color: #c29c5d;
}
#dfp .dfp-download-btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[dir] #dfp .dfp-download-btn-list {
margin-top: 0.28125rem;
}
#dfp .dfp-download-btn {
display: block;
width: 7.5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir=ltr] #dfp .dfp-download-btn + .dfp-download-btn {
margin-left: 0.625rem;
}
[dir=rtl] #dfp .dfp-download-btn + .dfp-download-btn {
margin-right: 0.625rem;
}
#dfp .dfp-download-btn:hover [data-fill-hover=white] {
fill: #FFFFFF;
}
#dfp .dfp-download-btn:hover [data-fill-hover=black] {
fill: #000000;
}
#email-us-modal {
position: fixed;
top: 0;
bottom: 0;
color: white;
z-index: 200;
overflow-y: auto;
}
[dir] #email-us-modal {
left: 0;
right: 0;
background-color: rgba(1, 9, 50, 0.7);
}
@media (min-width: 992px) {
[dir] #email-us-modal {
padding-top: 8rem;
padding-bottom: 8rem;
}
}
#email-us-modal .email-us-modal-container {
position: absolute;
top: 0;
bottom: 0;
}
[dir] #email-us-modal .email-us-modal-container {
right: 0;
left: 0;
background-color: #010d4b;
padding: 1.5rem;
}
@media (min-width: 992px) {
#email-us-modal .email-us-modal-container {
position: relative;
max-width: 45rem;
width: 100%;
}
[dir] #email-us-modal .email-us-modal-container {
margin-left: auto;
margin-right: auto;
}
}
#email-us-modal .email-us-modal-close {
position: absolute;
top: 1rem;
font-size: 1.625rem;
line-height: 1;
color: inherit;
}
[dir] #email-us-modal .email-us-modal-close {
padding: 0.25rem;
border-radius: 50%;
background-color: #e0ad56;
border: none;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
cursor: pointer;
}
[dir=ltr] #email-us-modal .email-us-modal-close {
right: 1rem;
}
[dir=rtl] #email-us-modal .email-us-modal-close {
left: 1rem;
}
@media (min-width: 992px) {
#email-us-modal .email-us-modal-close {
top: 0;
}
[dir=ltr] #email-us-modal .email-us-modal-close {
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
[dir=rtl] #email-us-modal .email-us-modal-close {
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
[dir] #email-us-modal .email-us-modal-close:hover {
background-color: #b07b20;
}
#email-us-modal .email-us-modal-title {
font-size: 1.5rem;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
[dir] #email-us-modal .email-us-modal-title {
margin-bottom: 2rem;
}
#email-us-modal #main_email_us_form .email-us-input {
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
color: white;
display: block;
width: 100%;
}
[dir] #email-us-modal #main_email_us_form .email-us-input {
background-color: #1b265d;
border: 0.0625rem solid #29346c;
padding: 0.5rem 0.75rem;
border-radius: 0.3125rem;
}
#email-us-modal #main_email_us_form .email-us-input.error {
outline: 0.0625rem solid #dc3545;
}
[dir] #email-us-modal #main_email_us_form .email-us-input.error {
border-color: #dc3545;
}
#email-us-modal #main_email_us_form textarea.email-us-input {
resize: none;
height: 8em;
}
#email-us-modal #main_email_us_form .email-us-input + label.error, #email-us-modal #main_email_us_form input[type=hidden] + label.error {
display: block;
color: #dc3545;
font-size: 0.875rem;
}
[dir] #email-us-modal #main_email_us_form .email-us-input + label.error, [dir] #email-us-modal #main_email_us_form input[type=hidden] + label.error {
margin-top: 0.25rem;
}
#email-us-modal #main_email_us_form .email-us-submit {
display: block;
font: inherit;
font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: white;
width: 100%;
}
[dir] #email-us-modal #main_email_us_form .email-us-submit {
background-color: #1e32a3;
border: none;
padding: 0.75rem;
cursor: pointer;
}
@media (min-width: 768px) {
#email-us-modal #main_email_us_form .email-us-submit {
max-width: 11.25rem;
}
[dir=ltr] #email-us-modal #main_email_us_form .email-us-submit {
margin-left: auto;
}
[dir=rtl] #email-us-modal #main_email_us_form .email-us-submit {
margin-right: auto;
}
}
[dir] #email-us-modal #main_email_us_form .email-us-submit:hover {
background-color: #162578;
}
#email-us-modal #main_email_us_form .email-us-terms a {
text-decoration: none;
color: #bb914a;
}
#email-us-modal #main_email_us_form .email-us-terms a:hover {
text-decoration: underline;
}
[dir] #email-us-modal #main_email_us_form .form-check-inline:hover {
background-color: transparent !important;
border: none !important;
}
[dir=ltr] #email-us-modal #main_email_us_form .form-check-inline:hover {
padding-left: 0 !important;
}
[dir=rtl] #email-us-modal #main_email_us_form .form-check-inline:hover {
padding-right: 0 !important;
}
.candles-loader-overlay {
position: absolute;
z-index: 1;
bottom: 0;
top: 0;
}
[dir] .candles-loader-overlay {
background-color: rgba(1, 9, 50, 0.7);
left: 0;
right: 0;
}
.candles-loader-overlay .candles-loader {
position: absolute;
top: 50%;
}
[dir=ltr] .candles-loader-overlay .candles-loader {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] .candles-loader-overlay .candles-loader {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.candles-loader {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
[dir] .candles-loader {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.candles-loader > .candles-loader-candle {
height: 1.75rem;
width: 0.85rem;
}
[dir] .candles-loader > .candles-loader-candle {
border-radius: 0.75rem;
background-color: #bb914a;
-webkit-animation: candles-loader 1s ease-in-out infinite;
animation: candles-loader 1s ease-in-out infinite;
}
[dir=ltr] .candles-loader > .candles-loader-candle {
margin-right: 0.5rem;
}
[dir=rtl] .candles-loader > .candles-loader-candle {
margin-left: 0.5rem;
}
[dir=ltr] .candles-loader > .candles-loader-candle:last-of-type {
margin-right: 0;
}
[dir=rtl] .candles-loader > .candles-loader-candle:last-of-type {
margin-left: 0;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(2) {
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(3) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(4) {
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s;
}
[dir] .candles-loader > .candles-loader-candle:nth-child(even) {
-webkit-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
:root[dir=rtl] .candles-loader > .candles-loader-candle:nth-child(even) {
-webkit-transform: translateY(0.5rem);
transform: translateY(0.5rem);
}
[dir] .candles-loader > .candles-loader-candle:nth-child(odd) {
-webkit-transform: translateY(0.5rem);
transform: translateY(0.5rem);
}
:root[dir=rtl] .candles-loader > .candles-loader-candle:nth-child(odd) {
-webkit-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
@-webkit-keyframes candles-loader {
0%, 100% {
-webkit-box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
}
50% {
-webkit-box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
}
}
@keyframes candles-loader {
0%, 100% {
-webkit-box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
box-shadow: 0 0 0 #bb914a, 0 0 0 #bb914a;
}
50% {
-webkit-box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
box-shadow: 0 -0.75rem 0 #bb914a, 0 0.75rem 0 #bb914a;
}
}
@-webkit-keyframes fab-abtn-in {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fab-abtn-in {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fab-abtn-out {
from {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes fab-abtn-out {
from {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes rotate-in {
from {
opacity: 0;
-webkit-transform: rotateZ(70deg);
transform: rotateZ(70deg);
}
to {
opacity: 1;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
}
@keyframes rotate-in {
from {
opacity: 0;
-webkit-transform: rotateZ(70deg);
transform: rotateZ(70deg);
}
to {
opacity: 1;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
}
@-webkit-keyframes rotate-out {
from {
opacity: 1;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
to {
opacity: 0;
-webkit-transform: rotateZ(-70deg);
transform: rotateZ(-70deg);
}
}
@keyframes rotate-out {
from {
opacity: 1;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
to {
opacity: 0;
-webkit-transform: rotateZ(-70deg);
transform: rotateZ(-70deg);
}
}
#fab {
position: fixed;
bottom: 1rem;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir=ltr] #fab {
right: 1rem;
}
[dir=rtl] #fab {
left: 1rem;
}
#fab .fab-btn {
position: relative;
width: 4.25rem;
height: 4.25rem;
color: #001065;
font-size: 3.125rem;
}
[dir] #fab .fab-btn {
padding: 0;
border: none;
border-radius: 50%;
background-color: #F1F3F9;
-webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 8, 50, 0.3294117647);
box-shadow: 0 0.1875rem 0.375rem rgba(0, 8, 50, 0.3294117647);
}
#fab .fab-btn .fab-btn-support-icon, #fab .fab-btn .fab-btn-close-icon {
position: absolute;
top: 0;
bottom: 0;
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] #fab .fab-btn .fab-btn-support-icon, [dir] #fab .fab-btn .fab-btn-close-icon {
left: 0;
right: 0;
}
#fab .fab-btn .fab-btn-close-icon {
opacity: 0;
}
#fab .fab-abtn {
width: 3rem;
height: 3rem;
color: white;
text-decoration: none;
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;
font-size: 1.75rem;
opacity: 0;
}
[dir] #fab .fab-abtn {
-webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 8, 50, 0.3294117647);
box-shadow: 0 0.1875rem 0.375rem rgba(0, 8, 50, 0.3294117647);
background-color: black;
border-radius: 50%;
border: none;
-webkit-transform: scale(0);
transform: scale(0);
}
[dir] #fab .fab-abtn + .fab-abtn {
margin-top: 1rem;
}
[dir] #fab .fab-abtn + .fab-btn {
margin-top: 1rem;
}
[dir=ltr] #fab .fab-abtn.fab-abtn-dark-blue {
background-image: linear-gradient(150deg, #0089FF 0%, #09468E 100%);
}
[dir=rtl] #fab .fab-abtn.fab-abtn-dark-blue {
background-image: linear-gradient(-150deg, #0089FF 0%, #09468E 100%);
}
[dir=ltr] #fab .fab-abtn.fab-abtn-sky-blue {
background-image: linear-gradient(150deg, #5DD1E0 0%, #248DA0 100%);
}
[dir=rtl] #fab .fab-abtn.fab-abtn-sky-blue {
background-image: linear-gradient(-150deg, #5DD1E0 0%, #248DA0 100%);
}
[dir=ltr] #fab .fab-abtn.fab-abtn-green {
background-image: linear-gradient(150deg, #68D733 0%, #31880D 100%);
}
[dir=rtl] #fab .fab-abtn.fab-abtn-green {
background-image: linear-gradient(-150deg, #68D733 0%, #31880D 100%);
}
[dir=ltr] #fab .fab-abtn.fab-abtn-gold {
background-image: linear-gradient(150deg, #E0BE7A 0%, #A97F38 100%);
}
[dir=rtl] #fab .fab-abtn.fab-abtn-gold {
background-image: linear-gradient(-150deg, #E0BE7A 0%, #A97F38 100%);
}
[dir] #fab.fab-close .fab-btn-close-icon {
-webkit-animation-name: rotate-out;
animation-name: rotate-out;
-webkit-animation-duration: 150ms;
animation-duration: 150ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#fab.fab-close .fab-btn-support-icon {
opacity: 0;
}
[dir] #fab.fab-close .fab-btn-support-icon {
-webkit-animation-name: rotate-in;
animation-name: rotate-in;
-webkit-animation-duration: 150ms;
animation-duration: 150ms;
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
[dir] #fab.fab-close .fab-abtn {
-webkit-animation-name: fab-abtn-out;
animation-name: fab-abtn-out;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
[dir] #fab.fab-close .fab-abtn:nth-child(1) {
-webkit-animation-duration: 50ms;
animation-duration: 50ms;
}
[dir] #fab.fab-close .fab-abtn:nth-child(2) {
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
}
[dir] #fab.fab-close .fab-abtn:nth-child(3) {
-webkit-animation-duration: 150ms;
animation-duration: 150ms;
}
[dir] #fab.fab-close .fab-abtn:nth-child(4) {
-webkit-animation-duration: 200ms;
animation-duration: 200ms;
}
[dir] #fab.fab-close .fab-abtn:nth-child(5) {
-webkit-animation-duration: 250ms;
animation-duration: 250ms;
}
#fab.fab-open .fab-btn-close-icon {
opacity: 0;
}
[dir] #fab.fab-open .fab-btn-close-icon {
-webkit-animation-name: rotate-in;
animation-name: rotate-in;
-webkit-animation-duration: 150ms;
animation-duration: 150ms;
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
[dir] #fab.fab-open .fab-btn-support-icon {
-webkit-animation-name: rotate-out;
animation-name: rotate-out;
-webkit-animation-duration: 150ms;
animation-duration: 150ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
[dir] #fab.fab-open .fab-abtn {
-webkit-animation-name: fab-abtn-in;
animation-name: fab-abtn-in;
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
[dir] #fab.fab-open .fab-abtn:nth-child(4) {
-webkit-animation-delay: 50ms;
animation-delay: 50ms;
}
[dir] #fab.fab-open .fab-abtn:nth-child(3) {
-webkit-animation-delay: 100ms;
animation-delay: 100ms;
}
[dir] #fab.fab-open .fab-abtn:nth-child(2) {
-webkit-animation-delay: 150ms;
animation-delay: 150ms;
}
[dir] #fab.fab-open .fab-abtn:nth-child(1) {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
[dir] #fab.fab-open .fab-abtn:nth-child(0) {
-webkit-animation-delay: 250ms;
animation-delay: 250ms;
}
.iti__flag-container {
color: black;
}
.iti--separate-dial-code .iti__selected-dial-code {
color: white;
}
.iti__flag.iti__es {
display: none;
}
[dir] .mexglobal-jp #where-to-go-next .where-to-go-next-card .where-to-go-next-card-body {
padding: 0 0.9375rem;
}
.mexglobal-jp #where-to-go-next .where-to-go-next-card .where-to-go-next-card-title {
min-height: 3.3125rem;
}
.mexglobal-jp #where-to-go-next .where-to-go-next-card:hover:after {
bottom: 34%;
}
.copy-right-2 {
display: none;
}
[dir] .mex-europe {
padding-top: 10rem;
}
.mex-europe #main-navbar {
top: 0;
}
[dir] .mex-europe.main-navbar-scrolled {
padding-top: 6.5rem;
}
@media (min-width: 768px) {
[dir] .mex-europe {
padding-top: 10rem;
}
}
@media (min-width: 1400px) {
[dir] .mex-europe {
padding-top: 10rem;
}
}
@media (max-width: 760px) {
[dir] .mex-europe {
padding-top: 11.875rem;
}
}
.mex-europe #main-navbar.main-navbar-scrolled .navbar-toolbar {
height: 5rem;
}
.footer-notice {
position: relative;
top: 0;
font-family: "Roboto Condensed";
font-size: 0.8125rem;
color: #010C3E;
width: 100%;
z-index: 999;
}
[dir] .footer-notice {
padding: 0.75rem 1.25rem;
background: #E8EAF3;
text-align: center;
}
[dir=ltr] .footer-notice {
left: 0;
}
[dir=rtl] .footer-notice {
right: 0;
}
.mex-europe .fund-risk {
font-size: 0.625rem;
font-weight: normal;
position: absolute;
bottom: -0.8125rem;
width: 100%;
text-transform: none;
}
[dir] .mex-europe .fund-risk {
padding: 0 0.375rem;
text-align: center;
}
[dir=ltr] .mex-europe .fund-risk {
left: 0;
}
[dir=rtl] .mex-europe .fund-risk {
right: 0;
}
@media (max-width: 768px) {
.mex-europe .fund-risk {
bottom: -1.875rem;
line-height: 0.8125rem;
}
}
.mex-europe .Kontokapitalisierung .fund-risk {
bottom: -1.525rem;
}
@media (max-width: 768px) {
.mex-europe .Kontokapitalisierung .fund-risk {
bottom: -2.525rem;
}
}
.mex-europe #main-footer .footer-email {
display: inline-block;
}
[dir=ltr] .mex-europe #main-footer .footer-email {
margin: 0 1.25rem 0 0;
}
[dir=rtl] .mex-europe #main-footer .footer-email {
margin: 0 0 0 1.25rem;
}
@media (max-width: 768px) {
[dir] .mex-europe #where-to-go-next .where-to-go-next-card {
padding-bottom: 2.875rem;
}
.mex-europe #where-to-go-next .where-to-go-next-card:before, .mex-europe #where-to-go-next .where-to-go-next-card:after {
top: 22%;
}
}</style>
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'bcd1ab6c379298e30ad9ff0c059dd6e8356bad96';
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript><div id="goog-gt-tt" class="VIpgJd-yAWNEb-L7lbkb skiptranslate" style="border-radius: 12px; margin: 0 0 0 -23px; padding: 0; font-family: 'Google Sans', Arial, sans-serif;" data-id=""><div id="goog-gt-vt" class="VIpgJd-yAWNEb-hvhgNd"><div class=" VIpgJd-yAWNEb-hvhgNd-l4eHX-i3jM8c"><img src="https://fonts.gstatic.com/s/i/productlogos/translate/v14/24px.svg" width="24" height="24" alt=""></div><div class=" VIpgJd-yAWNEb-hvhgNd-k77Iif-i3jM8c"><div class="VIpgJd-yAWNEb-hvhgNd-IuizWc" dir="ltr">Texto original</div><div id="goog-gt-original-text" class="VIpgJd-yAWNEb-nVMfcd-fmcmS VIpgJd-yAWNEb-hvhgNd-axAV1"></div></div><div class="VIpgJd-yAWNEb-hvhgNd-N7Eqid ltr"><div class="VIpgJd-yAWNEb-hvhgNd-N7Eqid-B7I4Od ltr" dir="ltr"><div class="VIpgJd-yAWNEb-hvhgNd-UTujCb">Valora esta traducción</div><div class="VIpgJd-yAWNEb-hvhgNd-eO9mKe">Tu opinión servirá para ayudar a mejorar el Traductor de Google</div></div><div class="VIpgJd-yAWNEb-hvhgNd-xgov5 ltr"><button id="goog-gt-thumbUpButton" type="button" class="VIpgJd-yAWNEb-hvhgNd-bgm6sf" title="Buena traducción" aria-label="Buena traducción" aria-pressed="false"><span id="goog-gt-thumbUpIcon"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M21 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 0S7.08 6.85 7 7H2v13h16c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2zM7 18H4V9h3v9zm14-7l-3 7H9V8l4.34-4.34L12 9h9v2z"></path></svg></span><span id="goog-gt-thumbUpIconFilled"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M21 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 0S7.08 6.85 7 7v13h11c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2zM5 7H1v13h4V7z"></path></svg></span></button><button id="goog-gt-thumbDownButton" type="button" class="VIpgJd-yAWNEb-hvhgNd-bgm6sf" title="Mala traducción" aria-label="Mala traducción" aria-pressed="false"><span id="goog-gt-thumbDownIcon"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M3 17h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 24s7.09-6.85 7.17-7h5V4H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2zM17 6h3v9h-3V6zM3 13l3-7h9v10l-4.34 4.34L12 15H3v-2z"></path></svg></span><span id="goog-gt-thumbDownIconFilled"><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" class="VIpgJd-yAWNEb-hvhgNd-THI6Vb NMm5M"><path d="M3 17h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 24s7.09-6.85 7.17-7V4H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2zm16 0h4V4h-4v13z"></path></svg></span></button></div></div><div id="goog-gt-votingHiddenPane" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te" method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><input type="text" name="sl" id="goog-gt-votingInputSrcLang"><input type="text" name="tl" id="goog-gt-votingInputTrgLang"><input type="text" name="query" id="goog-gt-votingInputSrcText"><input type="text" name="gtrans" id="goog-gt-votingInputTrgText"><input type="text" name="vote" id="goog-gt-votingInputVote"></form><iframe name="votingFrame" frameborder="0"></iframe></div></div></div>
<div class="VIpgJd-ZVi9od-aZ2wEe-wOHMyf"><div class="VIpgJd-ZVi9od-aZ2wEe-OiiCO"><svg xmlns="http://www.w3.org/2000/svg" class="VIpgJd-ZVi9od-aZ2wEe" width="96px" height="96px" viewBox="0 0 66 66"><circle class="VIpgJd-ZVi9od-aZ2wEe-Jt5cK" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div><iframe id="chat-application-iframe" title="Smartsupp" aria-hidden="true" style="display: block; position: fixed; top: 0px; left: 0px; width: 1px; height: 1px; opacity: 0; border: none; z-index: -1; pointer-events: none;"></iframe><div id="smartsupp-widget-container"> <div style="border-radius: 9999px; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 2px 32px; height: 56px; position: fixed; bottom: 24px; left: initial; right: 12px; z-index: 10000000; width: 112px;" data-testid="widgetButtonFrame"><iframe id="widgetButtonFrame" title="Smartsupp widget button" style="position: absolute; width: 100%; height: 100%; border: none; display: block; text-align: left; margin: 0px; padding: 0px; top: 0px; left: 0px; opacity: 1;" allowfullscreen="" scrolling="no"></iframe></div> </div></body></html>