<?php /* Smarty version 3.1.27, created on 2025-02-28 00:55:26
         compiled from "/home/platinum/investmint-portfolios.com/tmpl/custom/social-copy-trading.tpl" */ ?>
<?php
/*%%SmartyHeaderCode:56641051667c1097e1e8e85_18984517%%*/
if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    'ec7f662dfe604ffd7a41b885148edd5a6988b96b' => 
    array (
      0 => '/home/platinum/investmint-portfolios.com/tmpl/custom/social-copy-trading.tpl',
      1 => 1694502563,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '56641051667c1097e1e8e85_18984517',
  'variables' => 
  array (
    'settings' => 0,
  ),
  'has_nocache_code' => false,
  'version' => '3.1.27',
  'unifunc' => 'content_67c1097e260e26_46392675',
),false);
/*/%%SmartyHeaderCode%%*/
if ($_valid && !is_callable('content_67c1097e260e26_46392675')) {
function content_67c1097e260e26_46392675 ($_smarty_tpl) {
if (!is_callable('smarty_modifier_myescape')) require_once '/home/platinum/investmint-portfolios.com/inc/libs/smarty3/plugins/modifier.myescape.php';

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



<section id="heading-section">
    <div class="gh-heading-section ">
        <div class="gh-background-video-wrapper">
            <video class="gh-background-video gh-background-video-loop d-xl-block d-lg-block d-md-none d-none" muted playsinline autoplay loop preload="auto">
                <source src="pages/social-trading/social-trading.webm" type="video/webm">
                <source src="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-video gh-background-video-loop d-xl-block d-lg-block mobile-img-bg" muted playsinline autoplay loop preload="auto">
                    <source src="pages/social-trading/social-trading.webm" type="video/webm">
                    <source src="pages/social-trading/social-trading.webm" type="video/mp4">
                </video>
                           
            </div>
        </div>
         
        <div class="gh-front-content">
            <div class="gh-container ">
                <div class="gh-video-placeholder"></div>
                <div class="col-xl-5 col-12 mx-auto text-center">
                  <div class="banner-slides mobilehide">
                    <h1>COPY TRADE AND EARN WITH EXPERT TRADERS</h1>

                    
                </div>

                <div class="banner-slides mobileshow">
                  <h1>COPY TRADING NETWORK</h1>

              </div>


                </div>
            </div>
        </div>
        </div>
        <div class="gh-background-video-gradient"></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;
}

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

[dir] h1 {
  margin: 0;
}

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

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

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

[dir] p {
  margin: 0;
}

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

[dir] body {
  margin: 0;
}

[dir=ltr] body {
  background: -webkit-gradient(linear, left top, right top, from(#020862), to(#000832));
  background: linear-gradient(90deg, #020862 0%, #000832 100%);
}

[dir=rtl] body {
  background: -webkit-gradient(linear, right top, left top, from(#020862), to(#000832));
  background: linear-gradient(-90deg, #020862 0%, #000832 100%);
}

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

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

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

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

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

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

#heading-section {
  overflow: hidden;
  position: relative;
}

[dir] #heading-section {
  background: #010C3E;
}

.gh-heading-section {
  position: relative;
}

.gh-background-video-wrapper {
  position: absolute;
  height: 0;
}

[dir] .gh-background-video-wrapper {
  left: 0;
  right: 0;
  padding-top: 45.041%;
  background: #010C3E;
}

@media (max-width: 1400px) {
  .gh-background-video-wrapper {
    top: 1.9375rem;
  }

  [dir] .gh-background-video-wrapper {
    margin-top: 0;
  }
}

@media (max-width: 1200px) {
  [dir] .gh-background-video-wrapper {
    padding-top: 45.041%;
  }
}

@media (max-width: 1199px) {
  .gh-background-video-wrapper {
    top: 0;
  }

  [dir] .gh-background-video-wrapper {
    padding-top: 42.041%;
  }
}

@media (max-width: 1040px) {
  [dir] .gh-background-video-wrapper {
    padding-top: 46.041%;
  }
}

@media (max-width: 991px) {
  .gh-background-video-wrapper {
    position: relative;
    top: 0;
    height: auto;
  }

  [dir] .gh-background-video-wrapper {
    padding-top: 0;
  }
}

.gh-background-video-wrapper .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-wrapper .mobile-img-bg {
    position: relative;
  }
}

.gh-background-video {
  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-video {
  left: 0;
  right: 0;
}

.gh-background-video-gradient {
  position: absolute;
  width: 100%;
  height: 15%;
  bottom: -1.6875rem;
}

[dir] .gh-background-video-gradient {
  left: 0;
  right: 0;
}

[dir=ltr] .gh-background-video-gradient {
  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-gradient {
  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-gradient {
    bottom: 0;
  }
}

@media (max-width: 991px) {
  .gh-background-video-gradient {
    bottom: 0%;
    height: 10%;
  }
}

.gh-front-content {
  position: relative;
}

[dir] .gh-front-content {
  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-content {
    padding-top: 5rem;
    padding-bottom: 31rem;
  }
}

@media (max-width: 1399px) {
  [dir] .gh-front-content {
    padding-top: 5rem;
    padding-bottom: 23rem;
  }
}

@media (max-width: 1199px) {
  [dir] .gh-front-content {
    padding-top: 2rem;
    padding-bottom: 19rem;
  }
}

@media (max-width: 1140px) {
  [dir] .gh-front-content {
    padding-bottom: 15rem;
  }
}

@media (max-width: 991px) {
  .gh-front-content {
    position: absolute;
    top: 3.625rem;
    width: 100%;
  }

  [dir] .gh-front-content {
    background: transparent;
    margin: 0 auto;
    padding-bottom: 0;
  }
}

@media (max-width: 576px) {
  .gh-front-content {
    top: 0.625rem;
  }
}

.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;
}

.gh-front-content .gh-container 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-content .gh-container h1 {
  margin: 0 0 0.9375rem 0;
  -webkit-background-clip: text;
}

[dir=ltr] .gh-front-content .gh-container 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-content .gh-container 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-content .gh-container h1 {
    font-size: 2.25rem;
  }

  [dir] .gh-front-content .gh-container h1 {
    margin: 0 0 0.9375rem 0;
  }
}

@media (min-width: 992px) {
  .gh-front-content .gh-container h1 {
    font-size: 2rem;
  }

  [dir] .gh-front-content .gh-container h1 {
    margin: 0 0 1.25rem 0;
  }
}

@media (min-width: 1200px) {
  .gh-front-content .gh-container h1 {
    font-size: 3rem;
  }

  [dir] .gh-front-content .gh-container h1 {
    margin: 0 0 1.875rem 0;
  }
}

.gh-front-content .gh-container .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-content .gh-container .with-h1 {
  margin: 0 0 0.9375rem 0;
  -webkit-background-clip: text;
}

[dir=ltr] .gh-front-content .gh-container .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-content .gh-container .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-content .gh-container .with-h1 {
    font-size: 2.25rem;
  }

  [dir] .gh-front-content .gh-container .with-h1 {
    margin: 0 0 0.9375rem 0;
  }
}

@media (min-width: 992px) {
  .gh-front-content .gh-container .with-h1 {
    font-size: 2rem;
  }

  [dir] .gh-front-content .gh-container .with-h1 {
    margin: 0 0 1.25rem 0;
  }
}

@media (min-width: 1200px) {
  .gh-front-content .gh-container .with-h1 {
    font-size: 2.8rem;
  }

  [dir] .gh-front-content .gh-container .with-h1 {
    margin: 0 0 1.875rem 0;
  }
}

: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;
}

.gh-front-content .gh-container .mex-logo img {
  max-width: 100%;
  display: block;
  width: 75%;
}

[dir] .gh-front-content .gh-container .mex-logo img {
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .gh-front-content .gh-container .mex-logo img {
    width: auto;
  }
}

@media (max-width: 991px) {
  .gh-front-content .gh-container .mex-logo img {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .gh-front-content .gh-container .mex-logo img {
    width: 61%;
  }
}

@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-video-placeholder {
  height: 0;
}

[dir] .gh-video-placeholder {
  padding-top: 0%;
}

@media (min-width: 768px) {
  [dir] .gh-video-placeholder {
    padding-top: 0%;
  }
}

@media (min-width: 1200px) {
  .gh-video-placeholder {
    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>
        <?php echo '<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="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 
//   });  
// }<?php echo '</script'; ?>
>


    <section class="follow-success">
    <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">
                    SOCIAL COPY TRADING
                </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">
                                <picture>
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-visual1-m.webp 1x,assets/newfront/images/social_trading/new/img-socialTrading-visual1-m@2x.webp"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-visual1-m.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-visual1-m@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-visual1-m@2x.png">
                                </picture>
                            </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 &amp; 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 &amp; licensed
                                    </li>
                                    
                            </ul>
                            
                                
                                    <div class="btn-div mt-md-5 mt-2">
                                        <a class="gold-btn" href="?a=login">
                                            JOIN NOW
                                        </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/img-socialTrading-sideBubble2@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble2@2x.png">
                                </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/img-socialTrading-mainBubble1@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble1@2x.png">
                                </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/img-socialTrading-sideBubble1@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble1@2x.png">
                                </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/img-statCard1@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-statCard1.png 1x,assets/newfront/images/social_trading/new/img-statCard1@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-statCard1@2x.png">
                                </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/img-socialTrading-sideBubble5@2x.webp 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/img-socialTrading-sideBubble5@2x.png">
                                </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/img-socialTrading-mainBubble2@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble2@2x.png">
                                </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/img-socialTrading-sideBubble6@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble6@2x.png">
                                </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/img-statCard2@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-statCard2.png 1x,assets/newfront/images/social_trading/new/img-statCard2@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-statCard2@2x.png">
                                </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/img-socialTrading-sideBubble3@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3.png 1x, assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble3@2x.png">
                                </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/img-socialTrading-mainBubble3@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3@2x.png">
                                </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/img-socialTrading-sideBubble4@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-socialTrading-sideBubble4.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-sideBubble4@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-socialTrading-mainBubble3@2x.png">
                                </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/img-statCard3@2x.webp 2x"
                                        type="image/webp">
                                    <source
                                        srcset="assets/newfront/images/social_trading/new/img-statCard3.png 1x,assets/newfront/images/social_trading/new/img-statCard3@2x.png 2x"
                                        type="image/png">
                                    <img class="mobile-img-bg"
                                        src="assets/newfront/images/social_trading/new/img-statCard3@2x.png">
                                </picture>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>


<?php echo '<script'; ?>
>
<?php echo '</script'; ?>
>
        <style>.follow-success {
  position: relative;
}

[dir] .follow-success {
  padding: 7rem 0 10rem 0;
}

[dir=ltr] .follow-success {
  background: #00062B 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: medium;
  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>
        
  

    <section class="advantages-section">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-md-12 col-lg-7 col-xl-9 mx-auto text-center">
                <h2>ADVANTAGES OF SOCIAL TRADING WITH <?php echo smarty_modifier_myescape($_smarty_tpl->tpl_vars['settings']->value['site_name']);?>
</h2>
                <p>Social trading has become one of the most in-demand services in the trading industry. It can be highly beneficial to get started in the financial markets, along with many other advantages.</p>
            </div>
        </div>
        <div class="row row-wrapper-adv">
            <div class="flex-wrapper col-xl-12 col-lg-10 col-md-12 col-12 mx-auto">
                
                <div class="col-12 col-md-12 col-lg-5 col-xl-4 advantages-card">
                    <h4><span><img src='assets/newfront/images/social_trading/new/svgs/icn-socialTrading-learn.svg'></span>LEARN WHILE YOU TRADE</h4>
                    <p> With Social trading, beginners can simultaneously earn while they learn in the financial markets by following more experienced traders through our platform. They can earn profits while replicating their trading strategy and positions, getting faster information about market movements.</p>
                </div>
                
                <div class="col-12 col-md-12 col-lg-5 col-xl-4 advantages-card">
                    <h4><span><img src='assets/newfront/images/social_trading/new/svgs/icn-socialTrading-time.svg'></span>SAVING TIME</h4>
                    <p>Trades are completely automated, meaning users can reduce the time they spend in front of a screen. Additionally, copy traders will save time to learn as they are gaining knowledge from the decisions of more experienced traders.</p>
                </div>
                
                <div class="col-12 col-md-12 col-lg-5 col-xl-4 advantages-card">
                    <h4><span><img src='assets/newfront/images/social_trading/new/svgs/icn-socialTrading-diversification.svg'></span>DIVERSIFICATION</h4>
                    <p>Social trading helps to diversify an investment portfolio. Rather than focusing only on a specific instrument, social traders can reduce their risk by copying the trades of multiple traders that are trading other asset classes. All our products are available on our social trading platform.</p>
                </div>
                
                <div class="col-12 col-md-12 col-lg-5 col-xl-4 advantages-card">
                    <h4><span><img src='assets/newfront/images/social_trading/new/svgs/icn-socialTrading-community.svg'></span>BUILDING A COMMUNITY</h4>
                    <p>Just like a social network, social trading is accessible to anyone with an Internet connection. Traders can share their ideas, information, and news while entering into a variety of potential collaborations with other traders across the globe.</p>
                </div>
                              
            </div>
        </div>
        <div class="row flex-row-two">
            <div class="flex-wrapper-two col-12 col-md-12 col-lg-10 col-xl-12 mx-auto">
                
                    
                        <div class="advantages-card-two col-12 col-md-12 col-lg-5 col-xl-4">
                            <picture>
                                <source
                                    srcset="assets/newfront/images/social_trading/new/img-socialTrading-makeProfits.webp 1x,assets/newfront/images/social_trading/new/img-socialTrading-makeProfits@2x.webp 2x"
                                    type="image/webp">
                                <source
                                    srcset="assets/newfront/images/social_trading/new/img-socialTrading-makeProfits.png 1x,assets/newfront/images/social_trading/new/img-socialTrading-makeProfits@2x.png 2x"
                                    type="image/png">
                                <img class="adv-img"
                                    src="assets/newfront/images/social_trading/new/img-socialTrading-makeProfits@2x.png">
                            </picture>
                       
                        </div>
                        <div class="col-12 col-md-12 col-lg-5 col-xl-4">
                            <h4><span><img src='assets/newfront/images/social_trading/new/svgs/icn-socialTrading-transparent.svg'></span>TRANSPARENCY</h4>
                            <p><?php echo smarty_modifier_myescape($_smarty_tpl->tpl_vars['settings']->value['site_name']);?>
’s Social trading platform provides a great deal of transparency. Traders can see exactly how other traders are performing and how much profit they are making. Users have access to our Leaderboard, where we rank our top traders based on their performance. Copy traders can choose which traders to select depending on the publicly displayed statistics. At the same time, the traders that gain followers will earn a commission for allowing others to copy their trades.</p>
                        </div>
                    
                   
                
                
            </div>
        </div>
  
    </div>
</section>


        <style>[dir] .advantages-section {
  padding: 6rem 0;
}

[dir=ltr] .advantages-section {
  background: #F1F3F9 0% 0% no-repeat padding-box;
}

[dir=rtl] .advantages-section {
  background: #F1F3F9 100% 0% no-repeat padding-box;
}

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

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

[dir] .advantages-section h2 {
  -webkit-background-clip: text;
  margin: 0 !important;
}

[dir=ltr] .advantages-section 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] .advantages-section 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) {
  .advantages-section h2 {
    font-size: 2.25rem;
  }

  [dir] .advantages-section h2 {
    margin: 0 0 0.9375rem 0;
  }
}

@media (min-width: 992px) {
  .advantages-section h2 {
    font-size: 2rem;
  }

  [dir] .advantages-section h2 {
    margin: 0 0 1.25rem 0;
  }
}

@media (min-width: 1200px) {
  .advantages-section h2 {
    font-size: 2.8rem;
  }

  [dir] .advantages-section h2 {
    margin: 0 0 1.875rem 0;
  }
}

.advantages-section p {
  color: #03105F;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  font-weight: normal;
  letter-spacing: 0.00625rem;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1.875rem;
  max-width: 100%;
  width: 51.625rem;
}

[dir] .advantages-section p {
  margin: 0.625rem auto 0.9375rem auto;
}

@media (max-width: 767px) {
  .advantages-section p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}

[dir] .advantages-section .row-wrapper-adv {
  margin-top: 2.5rem;
}

@media (max-width: 767px) {
  [dir] .advantages-section .row-wrapper-adv {
    margin-top: 1.25rem;
  }
}

.advantages-section .row-wrapper-adv .flex-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.9375rem;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1200px) {
  .advantages-section .row-wrapper-adv .flex-wrapper {
    row-gap: 0.625rem;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    width: 100%;
  }
}

.advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 {
  font-size: 1.75rem;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: medium;
  line-height: 2.5625rem;
  color: #03105F;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir] .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 {
  border-bottom: 0.0625rem solid #C79942;
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 {
    font-size: 1.0625rem;
    line-height: 1.5625rem;
    letter-spacing: 0.02125rem;
  }
}

[dir=ltr] .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 span {
  margin-right: 1.25rem;
}

[dir=rtl] .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 span {
  margin-left: 1.25rem;
}

.advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 span img {
  max-width: 100%;
  height: 3.125rem;
  width: 3.125rem;
}

@media (max-width: 767px) {
  .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 span img {
    height: 1.875rem;
    width: 1.875rem;
  }
}

@media (max-width: 767px) {
  [dir=ltr] .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 span {
    margin-right: 0.5rem;
  }

  [dir=rtl] .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card h4 span {
    margin-left: 0.5rem;
  }
}

.advantages-section .row-wrapper-adv .flex-wrapper .advantages-card p {
  color: #03105F;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0.00625rem;
}

[dir] .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card p {
  margin: 0 0 0.9375rem 0;
}

@media (max-width: 767px) {
  .advantages-section .row-wrapper-adv .flex-wrapper .advantages-card p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}

[dir] .advantages-section .flex-row-two {
  margin-top: 2.5rem;
}

@media (max-width: 767px) {
  [dir] .advantages-section .flex-row-two {
    margin-top: 1.25rem;
  }
}

.advantages-section .flex-row-two .flex-wrapper-two {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 4.9375rem;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1200px) {
  .advantages-section .flex-row-two .flex-wrapper-two {
    row-gap: 0.625rem;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
}

.advantages-section .flex-row-two .flex-wrapper-two h4 {
  font-size: 1.75rem;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: medium;
  line-height: 2.5625rem;
  color: #03105F;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir] .advantages-section .flex-row-two .flex-wrapper-two h4 {
  border-bottom: 0.0625rem solid #C79942;
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  .advantages-section .flex-row-two .flex-wrapper-two h4 {
    font-size: 1.0625rem;
    line-height: 1.5625rem;
    letter-spacing: 0.02125rem;
  }

  [dir] .advantages-section .flex-row-two .flex-wrapper-two h4 {
    margin-bottom: 0.625rem;
  }
}

[dir=ltr] .advantages-section .flex-row-two .flex-wrapper-two h4 span {
  margin-right: 1.25rem;
}

[dir=rtl] .advantages-section .flex-row-two .flex-wrapper-two h4 span {
  margin-left: 1.25rem;
}

.advantages-section .flex-row-two .flex-wrapper-two h4 span img {
  max-width: 100%;
  height: 3.125rem;
  width: 3.125rem;
}

@media (max-width: 767px) {
  .advantages-section .flex-row-two .flex-wrapper-two h4 span img {
    height: 1.875rem;
    width: 1.875rem;
  }
}

@media (max-width: 767px) {
  [dir=ltr] .advantages-section .flex-row-two .flex-wrapper-two h4 span {
    margin-right: 0.5rem;
  }

  [dir=rtl] .advantages-section .flex-row-two .flex-wrapper-two h4 span {
    margin-left: 0.5rem;
  }
}

.advantages-section .flex-row-two .flex-wrapper-two p {
  color: #03105F;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  font-weight: normal;
  letter-spacing: 0.00625rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

[dir] .advantages-section .flex-row-two .flex-wrapper-two p {
  margin: 0 0 0.9375rem 0;
}

@media (max-width: 767px) {
  .advantages-section .flex-row-two .flex-wrapper-two p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}

.advantages-section .flex-row-two .flex-wrapper-two .adv-img {
  max-width: 100%;
}

@media (max-width: 767px) {
  [dir] .advantages-section .flex-row-two .flex-wrapper-two .adv-img {
    margin-bottom: 1.25rem;
  }
}</style>
        
     
<section class="faq-demo" id="faq-id">
<div class="container-fluid">
<div class="row faq-row">
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 heading-div mx-auto">
        <h2>FREQUENTLY ASKED QUESTIONS</h2>
    </div>
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 border-div mx-auto">
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header active ">
            <ul>
                <li><h4>What is social copy trading? </h4></li>
                <li><i class="bi bi-dash"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:block">
            <div class="panel-body">
                <p>The social copy trading platform allows investors to follow professional traders and copy their trades. When the professional trader executes a position, investors will have this  position copied into their accounts.</p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>How can I join social copy trading to follow a signal provider?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>To join social copy trading, please <a href="?a=signup">click here</a>. Once you fill all the required fields, you will be able to log in to your social copy trading account. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>How can I follow a provider?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>You can follow a provider from the live support. Once you login to your social copy trading account, the provider you wish to follow and the offer will start. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>What are your fees for the social copy trading?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>The fees for using social copy trading varies based on the signal provider that you wish to follow. Before subscribing to a provider, you will be able to see the details of the offer along with the fees. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>How can I become a provider?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>To become a signal provider and earn more on your profitable trades, please talk to our live support. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>Can I follow different signal providers?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>Yes, you can follow as many signal providers as you wish. </p>                        
            </div>
        </div>     
    </div>
    
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>What happens to my open positions if I unsubscribe from a provider?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>Your open positions will be closed automatically at the current market price. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>Can I control the volume size of the positions executed by the provider?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>As an investor and a follower, you will be able to control the volume of the positions that will be copied into your account.</p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>Can I control the profit and the loss of the copied open positions?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>Yes, once you follow a provider, you will be able to set your risk management, you will be able to set your total loss level, floating loss level, and total profit. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>How much can I earn as a signal provider?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>As a signal provider, you choose what performance fees you earn. The performance fee paid by the follower. </p>                        
            </div>
        </div>     
    </div>
    
   
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>Can I close positions that were copied from a signal provider? </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>Yes, you will be able to close the positions and you can also have the positions be closed automatically by the system. </p>                        
            </div>
        </div>     
    </div>
    
    <div class="col-12 col-md-12 col-lg-9 col-xl-12 p-0 mx-auto custom-border">
        <div class="mex-h2 faq-header  ">
            <ul>
                <li><h4>Can I become a provider and a follower at the same time?  </h4></li>
                <li><i class="bi bi-plus"></i>
                </li>
            </ul>
        </div>
        <div class="st-slide-content" style="display:none">
            <div class="panel-body">
                <p>Yes, you can be a signal provider and follow other providers. </p>                        
            </div>
        </div>     
    </div>
    
</div>

</div>
</section>


        <style>[dir] .faq-demo {
  padding: 6rem 0;
  background-color: white;
}

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

[dir] .faq-demo .faq-row {
  padding-left: 6.75rem;
  padding-right: 6.75rem;
}

@media (max-width: 1024px) {
  [dir] .faq-demo .faq-row {
    padding-left: 0;
    padding-right: 0;
  }
}

[dir] .faq-demo .faq-row .custom-border {
  border: 0.0625rem solid #B9BED6;
}

[dir] .faq-demo .faq-row .custom-border:nth-child(2n+1) {
  background-color: #F6F8FC;
}

[dir] .faq-demo .faq-row .custom-border:nth-child(2n+2) {
  background-color: #EFF3FA;
  border-bottom: 0;
  border-top: 0;
}

[dir] .faq-demo .faq-row .custom-border:last-child {
  border-radius: 0 0 1.25rem 1.25rem;
  border-bottom: 0.0625rem solid #B9BED6;
}

[dir] .faq-demo .faq-row .heading-div {
  text-align: center;
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 1.5625rem 0;
}

[dir=ltr] .faq-demo .faq-row .heading-div {
  background: transparent -webkit-gradient(linear, left top, right top, from(#020862), to(#000832)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #020862 0%, #000832 100%) 0% 0% no-repeat padding-box;
}

[dir=rtl] .faq-demo .faq-row .heading-div {
  background: transparent -webkit-gradient(linear, right top, left top, from(#020862), to(#000832)) 100% 0% no-repeat padding-box;
  background: transparent linear-gradient(-90deg, #020862 0%, #000832 100%) 100% 0% no-repeat padding-box;
}

@media (max-width: 767px) {
  [dir] .faq-demo .faq-row .heading-div {
    padding: 0.9375rem 0;
  }
}

.faq-demo .faq-row .heading-div h2 {
  margin: 0 !important;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: medium;
  display: inline-block;
  line-height: 1.3333;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0;
  font-size: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

[dir] .faq-demo .faq-row .heading-div h2 {
  margin: 0 0 0.9375rem 0;
  -webkit-background-clip: text;
}

[dir=ltr] .faq-demo .faq-row .heading-div h2 {
  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] .faq-demo .faq-row .heading-div h2 {
  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) {
  .faq-demo .faq-row .heading-div h2 {
    font-size: 2.25rem;
  }

  [dir] .faq-demo .faq-row .heading-div h2 {
    margin: 0 0 0.9375rem 0;
  }
}

@media (min-width: 992px) {
  .faq-demo .faq-row .heading-div h2 {
    font-size: 2rem;
  }

  [dir] .faq-demo .faq-row .heading-div h2 {
    margin: 0 0 1.25rem 0;
  }
}

@media (min-width: 1200px) {
  .faq-demo .faq-row .heading-div h2 {
    font-size: 2.8rem;
  }

  [dir] .faq-demo .faq-row .heading-div h2 {
    margin: 0 0 1.875rem 0;
  }
}

.faq-demo .faq-row .border-div {
  display: inline-block;
  line-height: 1.3333;
  height: 0.5rem;
}

[dir=ltr] .faq-demo .faq-row .border-div {
  background: -webkit-gradient(linear, left top, right top, from(#a0762f), color-stop(51%, #dec481), to(#a0762f));
  background: linear-gradient(90deg, #a0762f 0%, #dec481 51%, #a0762f 100%);
}

[dir=rtl] .faq-demo .faq-row .border-div {
  background: -webkit-gradient(linear, right top, left top, from(#a0762f), color-stop(51%, #dec481), to(#a0762f));
  background: linear-gradient(-90deg, #a0762f 0%, #dec481 51%, #a0762f 100%);
}

.faq-demo .faq-row .faq-header {
  position: relative;
  color: #020862;
  text-decoration: none;
}

[dir] .faq-demo .faq-row .faq-header {
  cursor: pointer;
  padding: 0 1.9375rem;
  border-bottom: none;
  margin: 0 !important;
}

@media (max-width: 769px) {
  [dir] .faq-demo .faq-row .faq-header {
    padding: 0.9375rem 0.9375rem 0 0.9375rem;
  }
}

.faq-demo .faq-row .faq-header ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

[dir=ltr] .faq-demo .faq-row .faq-header ul {
  padding-left: 0;
}

[dir=rtl] .faq-demo .faq-row .faq-header ul {
  padding-right: 0;
}

.faq-demo .faq-row .faq-header ul li h4 {
  font: normal normal normal 1.25rem/1.625rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.00438rem;
  color: #03105F;
  text-transform: inherit;
}

@media (max-width: 767px) {
  .faq-demo .faq-row .faq-header ul li h4 {
    font: normal normal normal 0.9375rem/1.25rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

.faq-demo .faq-row .faq-header ul li i {
  font: normal normal normal 1.25rem/1.625rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  text-transform: none;
  font-family: themify;
  color: #bb914a;
}

@media (max-width: 767px) {
  .faq-demo .faq-row .faq-header ul li i {
    font: normal normal normal 1.5rem/1.25rem "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  }
}

.faq-demo .faq-row .faq-header::after {
  top: 50%;
}

[dir=ltr] .faq-demo .faq-row .faq-header::after {
  right: 0%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

[dir=rtl] .faq-demo .faq-row .faq-header::after {
  left: 0%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.faq-demo .faq-row .st-slide-content {
  display: none;
}

[dir] .faq-demo .faq-row .st-slide-content {
  padding: 0 1.25rem 1.25rem;
}

@media (max-width: 767px) {
  [dir] .faq-demo .faq-row .st-slide-content {
    padding: 0 0 1.25rem;
  }
}

.faq-demo .faq-row .st-slide-content .panel-body {
  color: white;
}

[dir] .faq-demo .faq-row .st-slide-content .panel-body {
  padding: 0.5rem 1rem;
  border: 0.0625rem solid #DCE3F2;
  border-radius: 1.125rem;
  margin: 0 1.25rem;
}

[dir=ltr] .faq-demo .faq-row .st-slide-content .panel-body {
  background: #FFFFFF 0% 0% no-repeat padding-box;
}

[dir=rtl] .faq-demo .faq-row .st-slide-content .panel-body {
  background: #FFFFFF 100% 0% no-repeat padding-box;
}

@media (max-width: 767px) {
  [dir] .faq-demo .faq-row .st-slide-content .panel-body {
    margin: 0 0.5rem;
    padding: 0.9375rem 0.9375rem;
  }
}

.faq-demo .faq-row .st-slide-content .panel-body p {
  letter-spacing: 0.00438rem;
  color: #03105F;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

[dir] .faq-demo .faq-row .st-slide-content .panel-body p {
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .faq-demo .faq-row .st-slide-content .panel-body p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}

.faq-demo .faq-row .st-slide-content .panel-body a {
  color: #BB914A;
  text-decoration: underline;
}</style>
        <?php echo '<script'; ?>
>"use strict";

$(function () {
  $(".faq-header").click(function () {
    if ($(this).hasClass("active")) {
      $(this).removeClass("active");
      $(this).find("ul li i").removeClass("bi-dash").addClass("bi-plus");
      $(this).next().slideUp("slow");
    } else {
      $(".faq-header.active").each(function () {
        $(this).next().slideUp("slow");
        $(this).removeClass("active");
        $(this).find("ul li i").removeClass("bi-dash").addClass("bi-plus");
      });
      $(this).addClass("active");
      $(this).find("ul li i").removeClass("bi-plus").addClass("bi-dash");
      $(this).next().slideDown("slow");
    }
  });
});<?php echo '</script'; ?>
>
 


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

}
}
?>