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

$_smarty_tpl->properties['nocache_hash'] = '63681022669b997354d8a43_74033339';
$_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="hero-section">

    <picture>
        <source srcset="assets/newfront/images/platforms/MT4-bg.webp 1x, assets/newfront/images/platforms/MT4-bg@2x.webp 2x" media="(min-width: 1200px)" type="image/webp">
        <source srcset="assets/newfront/images/platforms/MT4-bg.png 1x, assets/newfront/images/platforms/MT4-bg@2x.png 2x" media="(min-width: 1200px)" type="image/png">
        <source srcset="assets/newfront/images/platforms/MT4-bg-t.png 1x, assets/newfront/images/platforms/MT4-bg-t@2x.png 2x" media="(min-width: 480px)" type="image/webp">
        <source srcset="assets/newfront/images/platforms/MT4-bg-t.png 1x, assets/newfront/images/platforms/MT4-bg-t@2x.png 2x" media="(min-width: 480px)" type="image/png">
        <source srcset="assets/newfront/images/platforms/MT4-bg-m.png 1x, assets/newfront/images/platforms/MT4-bg-m@2x.png 2x" type="image/webp">
        <source srcset="assets/newfront/images/platforms/MT4-bg-m.png 1x, assets/newfront/images/platforms/MT4-bg-m@2x.png 2x" type="image/png">
        <img class="header-image" src="assets/newfront/images/platforms/MT4-bg-m.png" alt="banner-image">
    </picture>

    <div class="container-fluid wrapper">
        <div class="row">
            <div class="col-xl-6 col-12" style="z-index: 1;">
                <h1 class="heading-title">REAL ESTATE</h1>
                <p class="heading-desc"> As one of the world's largest investors in real estate, we own and operate iconic properties in the world's most dynamic markets. Our global portfolio includes office, retail, multifamily, logistics, hospitality, triple net lease, manufactured housing and student housing assets on five continents. <br><br>
                  Our goal is to generate stable and growing distributions for our investors while protecting them against downside risk. Our assets are diversified by sector and geography, reducing exposure to movement in any single market and minimizing volatility. </p>
                
            </div>
            <div class="col-12 col-md-12 col-lg-12 col-xl-6 form-container">
              <picture>
                <source srcset="assets/newfront/images/platforms/realestate.png 1x,assets/newfront/images/platforms/realestate.png 2x" type="image/webp">
                <source srcset="assets/newfront/images/platforms/realestate.png 1x,assets/newfront/images/platforms/realestate.png 2x" type="image/png">
                <img src="assets/newfront/images/platforms/realestate.png" width="100%" height="auto" loading="lazy"  alt="hero image"  width="150%"/>
            </picture>
            </div>
        </div>
    </div>
</section>


<?php echo '<script'; ?>
>
  var translations = {
  
  "clear-all": "Clear All",
  
  "upload": "Drag and drop or click to upload your documents",
  
  "upload-mobile": "Click here to upload your documents",
  
  "code-invalid": "Invalid SMS Code",
  
  "code-verified": "Code Verified",
  
  "send-code": "Send OTP",
  
  "code-sent": "Code sent successfully.",
  
  "send-again": "Send Again",
  
  "code-already-sent": "Code already sent. Try again after 30 seconds.",
  
  "sms-input-placeholder": "Enter code",
  
  "server-unreachable": "Server unreachable.",
  
  "day": "DAY",
  
  "month": "MONTH",
  
  "year": "YEAR",
  
  };

  var PWvalidationText = {"caps-lock-on":"Caps Lock is on!","at-least-8-char":"Min. 8 char.","at-least-1-number":"1 Number.","at-least-1-sp-char":"1 Special char.","at-least-1-uppercase":"1 Uppercase.","at-least-1-lowercase":"1 Lowercase."}
  var formPlatformSelectionFieldLabelText = 'form-platform-selection-label';
  var countriesListTranslations = "countries-list";
  var limitedBonus = "limitedBonus";
  let formTranslation =  {"live-active":{"title":"OPEN A LIVE ACCOUNT","subTitle":"AND CLAIM YOUR DEPOSIT BONUS","btnText":"SUBMIT","actionUrl":"/form/accountregistartion"},"demo-active":{"title":"OPEN A DEMO ACCOUNT","subTitle":"ENJOY RISK-FREE TRADING","btnText":"REGISTER NOW","actionUrl":"/form/newdemoacc"},"contact-active":{"title":"CONTACT US","subTitle":"REQUEST A CALLBACK","btnText":"SUBMIT","actionUrl":"/form/contactus"},"form-live-active":{"title":"OPEN A LIVE ACCOUNT","subTitle":"AND CLAIM YOUR DEPOSIT BONUS","btnText":"SUBMIT","actionUrl":"/form/accountregistartion"},"form-demo-active":{"title":"OPEN A DEMO ACCOUNT","subTitle":"ENJOY RISK-FREE TRADING","btnText":"REGISTER NOW","actionUrl":"/form/newdemoacc"},"form-contact-active":{"title":"CONTACT US","subTitle":"REQUEST A CALLBACK","btnText":"SUBMIT","actionUrl":"/form/contactus"}};
  let mexglobalFooter = "footer-p-mexglobal";
  var footerSca = "footer-sca"
  var liveBtn = "SUBMIT"
  var pwdSpan = "Valid for Platforms Login and Client Portal."
<?php echo '</script'; ?>
>

        <style>@import  "https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap";

#hero-section {
  position: relative;
  min-height: 42.5rem;
}

[dir] #hero-section {
  padding: 2.4375rem 0 8rem 0;
}

@media (max-width: 1199px) {
  #hero-section {
    min-height: 47.5rem;
  }
}

@media (max-width: 576px) {
  #hero-section {
    min-height: 47.5rem;
  }
}

#hero-section .header-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

[dir=ltr] #hero-section .header-image {
  left: 0;
}

[dir=rtl] #hero-section .header-image {
  right: 0;
}

[dir] #hero-section .wrapper {
  padding: 0 8.75rem;
}

@media (max-width: 1440px) {
  [dir] #hero-section .wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (max-width: 1200px) {
  [dir] #hero-section .wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 767px) {
  [dir] #hero-section .wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

#hero-section .wrapper .hero-img {
  position: absolute;
  width: 40%;
  bottom: -5%;
}

[dir=ltr] #hero-section .wrapper .hero-img {
  left: 5%;
}

[dir=rtl] #hero-section .wrapper .hero-img {
  right: 5%;
}

@media (min-width: 3000px) {
  #hero-section .wrapper .hero-img {
    width: 25%;
  }
}

@media (min-width: 2500px) and (max-width: 3000px) {
  #hero-section .wrapper .hero-img {
    width: 30%;
  }
}

@media (min-width: 2100px) and (max-width: 2500px) {
  #hero-section .wrapper .hero-img {
    width: 35%;
  }
}

@media (min-width: 1900px) and (max-width: 2000px) {
  #hero-section .wrapper .hero-img {
    width: 40%;
  }
}

@media (max-width: 1899px) and (min-width: 1400px) {
  #hero-section .wrapper .hero-img {
    bottom: -10%;
  }
}

@media (max-width: 1399px) and (min-width: 1201px) {
  #hero-section .wrapper .hero-img {
    bottom: -1%;
  }
}

@media (max-width: 1199px) and (min-width: 1100px) {
  #hero-section .wrapper .hero-img {
    top: 28%;
    width: 60%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 1100px) and (min-width: 1000px) {
  #hero-section .wrapper .hero-img {
    top: 30%;
    width: 65%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 1000px) and (min-width: 900px) {
  #hero-section .wrapper .hero-img {
    top: 32%;
    width: 70%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 900px) and (min-width: 800px) {
  #hero-section .wrapper .hero-img {
    top: 28%;
    width: 80%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 800px) and (min-width: 700px) {
  #hero-section .wrapper .hero-img {
    top: 30%;
    width: 70%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 700px) and (min-width: 600px) {
  #hero-section .wrapper .hero-img {
    top: 31%;
    width: 70%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 600px) and (min-width: 577px) {
  #hero-section .wrapper .hero-img {
    top: 33%;
    width: 80%;
  }

  [dir=ltr] #hero-section .wrapper .hero-img {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    left: auto;
  }

  [dir=rtl] #hero-section .wrapper .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}

@media (max-width: 576px) and (min-width: 300px) {
  #hero-section .wrapper .hero-img {
    width: 90%;
    bottom: -2%;
  }

  [dir] #hero-section .wrapper .hero-img {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}

@media (max-width: 299px) {
  #hero-section .wrapper .hero-img {
    width: 90%;
    bottom: -2%;
  }

  [dir] #hero-section .wrapper .hero-img {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}

#hero-section .heading-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-size: 4.125rem;
  font-weight: 500;
  line-height: 5.1875rem;
  letter-spacing: 0;
}

[dir] #hero-section .heading-title {
  margin: 0 0 0.8rem 0;
}

[dir=ltr] #hero-section .heading-title {
  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] #hero-section .heading-title {
  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%);
}

[dir] #hero-section .heading-title {
  -webkit-background-clip: text;
}

@media (max-width: 1400px) {
  #hero-section .heading-title {
    font-size: 3.5rem;
  }

  [dir] #hero-section .heading-title {
    margin: 0 0 0.8rem 0;
  }
}

@media (max-width: 1199px) {
  #hero-section .heading-title {
    font-size: 3.5rem;
  }

  [dir] #hero-section .heading-title {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 600px) {
  #hero-section .heading-title {
    font-size: 3rem;
  }
}

@media (max-width: 576px) {
  #hero-section .heading-title {
    font-size: 2.25rem;
    line-height: 2.45rem;
  }

  [dir] #hero-section .heading-title {
    padding: 0 0 1rem 0;
    text-align: center;
  }
}

@media (max-width: 380px) {
  #hero-section .heading-title {
    font-size: 2.2rem;
  }
}

#hero-section .heading-desc {
  max-width: 53rem;
  font-size: 1.25rem;
  letter-spacing: 0.00625rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
}

[dir] #hero-section .heading-desc {
  margin-top: 0;
}

[dir=ltr] #hero-section .heading-desc {

}

[dir=rtl] #hero-section .heading-desc {
  padding-left: 8.5rem;
}

@media (min-width: 1441px) {
  [dir=ltr] #hero-section .heading-desc {
    padding-right: 4.5rem;
  }

  [dir=rtl] #hero-section .heading-desc {
    padding-left: 4.5rem;
  }
}

@media (max-width: 1399px) {
  [dir=ltr] #hero-section .heading-desc {
    padding-right: 2.5rem;
  }

  [dir=rtl] #hero-section .heading-desc {
    padding-left: 2.5rem;
  }
}

@media (max-width: 1199px) {
  #hero-section .heading-desc {
    font-size: 1.125rem;
    max-width: 45rem;
  }

  [dir] #hero-section .heading-desc {
    text-align: center;
    margin: 0 auto;
  }

  [dir=ltr] #hero-section .heading-desc {
    padding-right: 0;
  }

  [dir=rtl] #hero-section .heading-desc {
    padding-left: 0;
  }
}

@media (max-width: 576px) {
  #hero-section .heading-desc {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    letter-spacing: 0.00438rem;
  }
}

#hero-section .cta-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

[dir] #hero-section .cta-container {
  padding-top: 2rem;
}

@media (max-width: 1200px) {
  #hero-section .cta-container {
    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;
    width: auto;
  }

  [dir] #hero-section .cta-container {
    padding-top: 1rem;
  }
}

@media (max-width: 450px) {
  #hero-section .cta-container a {
    width: 80%;
  }

  [dir] #hero-section .cta-container a {
    margin: auto;
  }
}

#hero-section .cta-container .gold-button {
  z-index: 1;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 1.875rem;
  width: 100%;
  color: #020862;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

[dir] #hero-section .cta-container .gold-button {
  background-size: 200% auto;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  margin: 0 auto 0.625rem auto;
  padding: 0.5625rem 1.25rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0.4375rem;
}

[dir=ltr] #hero-section .cta-container .gold-button {
  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] #hero-section .cta-container .gold-button {
  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;
}

#hero-section .cta-container .gold-button .add-in-mob {
  display: none;
}

@media (max-width: 450px) {
  #hero-section .cta-container .gold-button .add-in-mob {
    display: block;
  }
}

@media (max-width: 1200px) {
  #hero-section .cta-container .gold-button {
    width: 26rem;
  }
}

@media (max-width: 450px) {
  #hero-section .cta-container .gold-button {
    max-width: 26rem;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

[dir] #hero-section .cta-container .gold-button:hover {
  cursor: pointer;
}

[dir=ltr] #hero-section .cta-container .gold-button:hover {
  background-position: right;
}

[dir=rtl] #hero-section .cta-container .gold-button:hover {
  background-position: left;
}

#hero-section .cta-container .practise-text {
  color: #BB914A;
  font-size: 1rem;
  line-height: 1.3125rem;
  letter-spacing: 0.005rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}

#hero-section .cta-container .practise-link {
  color: #BB914A;
}

[dir] #hero-section .cta-container .practise-link {
  cursor: pointer;
}

#hero-section::before {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  width: 100%;
  height: 12.1rem;
  z-index: 1;
}

[dir] #hero-section::before {
  background: url("assets/newfront/images/platforms/left-curve.svg") no-repeat bottom;
  background-size: 100%;
}

[dir=ltr] #hero-section::before {
  left: 0;
}

[dir=rtl] #hero-section::before {
  right: 0;
}

[dir=ltr]:root[lang=ar] #hero-section::before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

[dir=rtl]:root[lang=ar] #hero-section::before {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.capital-risk {
  font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  letter-spacing: 0.005rem;
  font-size: 0.75rem;
  color: #fff;
  line-height: 1.875rem;
  display: block;
  text-transform: none;
}

[dir] #cta-section .capital-risk {
  text-align: center;
}

.form-container {
  position: relative;
}

@media (max-width: 1199px) and (min-width: 900px) {
  [dir] .form-container {
    padding-bottom: 0rem;
    padding-top: 5rem;
  }
}

@media (max-width: 900px) and (min-width: 800px) {
  [dir] .form-container {
    padding-bottom: 0rem;
    padding-top: 5rem;
  }
}

@media (max-width: 800px) and (min-width: 700px) {
  [dir] .form-container {
    padding-bottom: 0rem;
    padding-top: 5rem;
  }
}

@media (max-width: 700px) and (min-width: 576px) {
  [dir] .form-container {
    padding-bottom: 0rem;
    padding-top: 5rem;
  }
}

@media (max-width: 576px) {
  [dir] .form-container {
    padding-bottom: 0rem;
    padding-top: 1.5rem;
  }
}

.gold-line {
  height: 0.625rem;
}

[dir=ltr] .gold-line {
  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] .gold-line {
  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%);
}

.cta-form-wrapper {
  position: absolute;
  z-index: 1;
}

[dir] .cta-form-wrapper {
  -webkit-box-shadow: 0 0.1875rem 1.875rem rgba(16, 57, 175, 0.2196078431);
          box-shadow: 0 0.1875rem 1.875rem rgba(16, 57, 175, 0.2196078431);
  border-radius: 1.0625rem;
  padding: 1rem 1.125rem 0.0625rem 1.125rem;
}

[dir=ltr] .cta-form-wrapper {
  right: 5%;
  background: #F1F3F9 0% 0% no-repeat padding-box;
}

[dir=rtl] .cta-form-wrapper {
  left: 5%;
  background: #F1F3F9 100% 0% no-repeat padding-box;
}

@media (max-width: 1199px) {
  [dir] .cta-form-wrapper {
    right: 0;
    left: 0;
  }
}

@media (max-width: 525px) {
  [dir] .cta-form-wrapper {
    margin: 0 0.7rem !important;
  }
}

@media (max-width: 1199px) {
  [dir] .cta-form-wrapper .cta-wrapper {
    margin-bottom: 0.875rem;
  }
}

.cta-form-wrapper .anchor-ib-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}

[dir] .cta-form-wrapper .anchor-ib-wrapper {
  margin-top: 0.625rem;
}

@media (max-width: 1199px) {
  .cta-form-wrapper .anchor-ib-wrapper {
    max-width: 35.25rem;
  }

  [dir] .cta-form-wrapper .anchor-ib-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

.cta-form-wrapper .anchor-ib-wrapper .anchor-ib {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
  text-transform: uppercase;
  display: block;
  max-width: 25.1875rem;
}

[dir] .cta-form-wrapper .anchor-ib-wrapper .anchor-ib {
  margin-top: 1.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #BB914A;
  background-color: #010C3E;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 0.5625rem 0.625rem;
  cursor: pointer;
  text-align: center;
}

[dir] .cta-form-wrapper .anchor-ib-wrapper .anchor-ib:hover {
  background-color: #BB914A;
}

@media (max-width: 576px) {
  .cta-form-wrapper .anchor-ib-wrapper .anchor-ib {
    font-size: 0.9375rem;
  }
}

.cta-form-wrapper .anchor-ib {
  position: relative;
  min-height: 3.5rem;
}

[dir] .cta-form-wrapper .anchor-ib {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  .cta-form-wrapper .anchor-ib {
    min-height: 3rem;
  }
}

.cta-form-wrapper .anchor-ib .click-here {
  display: none;
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  line-height: 1.1875rem;
  letter-spacing: 0;
  color: #FFFFFF;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  top: 0.3875rem;
}

[dir] .cta-form-wrapper .anchor-ib .click-here {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[dir=ltr] .cta-form-wrapper .anchor-ib .click-here {
  left: 0;
}

[dir=rtl] .cta-form-wrapper .anchor-ib .click-here {
  right: 0;
}

@media (max-width: 767px) {
  .cta-form-wrapper .anchor-ib .click-here {
    font-size: 0.625rem;
  }
}

.cta-form-wrapper .anchor-ib .btn-text {
  position: absolute;
  bottom: 0.875rem;
  width: 100%;
  font-size: 1.25rem;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  color: #FFFFFF;
}

[dir] .cta-form-wrapper .anchor-ib .btn-text {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[dir=ltr] .cta-form-wrapper .anchor-ib .btn-text {
  left: 0;
}

[dir=rtl] .cta-form-wrapper .anchor-ib .btn-text {
  right: 0;
}

@media (max-width: 767px) {
  .cta-form-wrapper .anchor-ib .btn-text {
    font-size: 0.8125rem;
  }
}

.cta-form-wrapper .anchor-ib:hover .click-here {
  display: block;
}

.cta-form-wrapper .anchor-ib:hover .btn-text {
  bottom: 0.25rem;
}

[dir] .cta-form-wrapper .anchor-ib.active {
  border: 0.0625rem solid #BB914A;
}

[dir=ltr] .cta-form-wrapper .anchor-ib.active {
  background: #BB914A 0% 0% no-repeat padding-box;
}

[dir=rtl] .cta-form-wrapper .anchor-ib.active {
  background: #BB914A 100% 0% no-repeat padding-box;
}

@media (max-width: 1199px) {
  .cta-form-wrapper {
    max-width: 31.25rem;
  }

  [dir] .cta-form-wrapper {
    margin: 0 auto;
  }
}

.cta-form-wrapper .form-div .contact-input-label {
  display: block;
  font-family: "Open Sans", sans-serif;
}

[dir] .cta-form-wrapper .form-div .contact-input-label {
  margin-bottom: 0.25rem;
}

.cta-form-wrapper .form-div .contact-input-label sup {
  color: #E9414A;
}

.cta-form-wrapper .form-div .contact-input {
  font: inherit;
  font-family: "Open Sans", sans-serif;
  display: block;
  width: 100%;
}

[dir] .cta-form-wrapper .form-div .contact-input {
  background-color: white;
  padding: 0.75rem 0.7rem;
  border: none;
  -webkit-box-shadow: 0 0.1875rem 1.0625rem rgba(16, 57, 175, 0.11);
          box-shadow: 0 0.1875rem 1.0625rem rgba(16, 57, 175, 0.11);
  border-radius: 0.3125rem;
}

.cta-form-wrapper .form-div .contact-input:disabled {
  opacity: 0.75;
}

.cta-form-wrapper .form-div input.contact-input:-moz-read-only {
  opacity: 0.75;
}

.cta-form-wrapper .form-div input.contact-input:read-only {
  opacity: 0.75;
}

[dir] .cta-form-wrapper .form-div .contact-input-group {
  margin-top: 0;
  margin-bottom: 0.625rem;
}

.cta-form-wrapper .form-div .contact-input-group label.error, .cta-form-wrapper .form-div .contact-input-group label.success {
  font-size: 0.8125rem;
}

[dir] .cta-form-wrapper .form-div .contact-input-group label.error, [dir] .cta-form-wrapper .form-div .contact-input-group label.success {
  margin-top: 0.125rem;
}

.cta-form-wrapper .form-div .contact-input-group label.error {
  color: #E9414A;
}

.cta-form-wrapper .form-div .contact-input-group label.success {
  color: #28A745;
}

@media (min-width: 1200px) {
  [dir] .banner-img-wrapper {
    margin-top: 1rem;
    margin-bottom: 0.625rem;
  }
}

.banner-img-wrapper .form-wrapper {
  position: relative;
}

[dir] .banner-img-wrapper .form-wrapper {
  -webkit-box-shadow: 0 0.1875rem 1.875rem rgba(16, 57, 175, 0.2196078431);
          box-shadow: 0 0.1875rem 1.875rem rgba(16, 57, 175, 0.2196078431);
  border-radius: 0.9375rem;
  padding: 1.0625rem 2.1875rem;
}

[dir=ltr] .banner-img-wrapper .form-wrapper {
  background: #F4F7FC 0% 0% no-repeat padding-box;
}

[dir=rtl] .banner-img-wrapper .form-wrapper {
  background: #F4F7FC 100% 0% no-repeat padding-box;
}

@media (max-width: 1200px) {
  .banner-img-wrapper .form-wrapper {
    max-width: 31.25rem;
  }

  [dir] .banner-img-wrapper .form-wrapper {
    margin: auto;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
  }
}

@media (max-width: 767px) {
  [dir] .banner-img-wrapper .form-wrapper {
    padding: 0;
  }
}

[dir] .banner-img-wrapper .form-wrapper .form-content {
  text-align: center;
  margin-bottom: 1.1rem;
}

@media (max-width: 767px) {
  [dir] .banner-img-wrapper .form-wrapper .form-content {
    margin-bottom: 1.25rem;
  }
}

.banner-img-wrapper .form-wrapper .form-content h6 {
  font-size: 1.25rem;
  line-height: 1.6875rem;
  color: #020862;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
}

[dir] .banner-img-wrapper .form-wrapper .form-content h6 {
  text-align: center;
  margin: auto;
  margin-bottom: 0.625rem;
  border-bottom: 0.0625rem solid #9091A3;
  padding-bottom: 0.5rem;
}

@media (max-width: 1200px) {
  .banner-img-wrapper .form-wrapper .form-content h6 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .banner-img-wrapper .form-wrapper .form-content h6 {
    font-size: 0.9375rem;
  }

  [dir] .banner-img-wrapper .form-wrapper .form-content h6 {
    padding-bottom: 0.5rem;
  }
}

.banner-img-wrapper .form-wrapper .form-content h6 span {
  color: #BB914A;
  font-weight: bold;
}

.banner-img-wrapper .form-wrapper .form-content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0;
  font-weight: bold;
  color: #020862;
  text-transform: uppercase;
}

[dir] .banner-img-wrapper .form-wrapper .form-content h5 {
  margin: 0;
}

@media (max-width: 767px) {
  .banner-img-wrapper .form-wrapper .form-content h5 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.banner-img-wrapper .form-wrapper .form-content p {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  color: #BB914A;
  text-transform: uppercase;
}

[dir] .banner-img-wrapper .form-wrapper .form-content p {
  margin: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .banner-img-wrapper .form-wrapper .form-content p {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
}

[dir] .banner-img-wrapper .form-wrapper .live-select-wrapper {
  margin-top: 0.375rem;
}

.banner-img-wrapper .form-wrapper input::-webkit-outer-spin-button, .banner-img-wrapper .form-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

[dir] .banner-img-wrapper .form-wrapper input::-webkit-outer-spin-button, [dir] .banner-img-wrapper .form-wrapper input::-webkit-inner-spin-button {
  margin: 0;
}

.banner-img-wrapper .form-wrapper input[type=number] {
  -moz-appearance: textfield;
}

.banner-img-wrapper .form-wrapper .live-input-label {
  font-size: 0.8125rem;
  line-height: 1.3846;
  font-family: "Open Sans", sans-serif;
  display: block;
  color: #020862;
}

@media (max-width: 1200px) {
  .banner-img-wrapper .form-wrapper .live-input-label {
    font-size: 0.625rem;
  }
}

:root[lang=es] .banner-img-wrapper .form-wrapper .live-input-label, :root[lang=fr] .banner-img-wrapper .form-wrapper .live-input-label, :root[lang=it] .banner-img-wrapper .form-wrapper .live-input-label {
  font-size: 0.6rem;
}

.banner-img-wrapper .form-wrapper .live-input-label sup {
  color: #dc3545;
}

[dir] .banner-img-wrapper .form-wrapper .live-input-label + .live-input, [dir] .banner-img-wrapper .form-wrapper .live-input-label + .live-otp-button, [dir] .banner-img-wrapper .form-wrapper .live-input-label + .file-dropzone__container, [dir] .banner-img-wrapper .form-wrapper .live-input-label + .live-tabs-list, [dir] .banner-img-wrapper .form-wrapper .live-input-label + .iti {
  margin-top: 0.375rem;
}

.banner-img-wrapper .form-wrapper .live-input {
  color: black;
  font-family: "Open Sans", sans-serif;
  display: block;
  width: 100%;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2.375rem;
}

[dir] .banner-img-wrapper .form-wrapper .live-input {
  background-color: #FFFFFF;
  border: none;
  -webkit-box-shadow: 0 0.1875rem 1.0625rem rgba(16, 57, 175, 0.1098039216);
          box-shadow: 0 0.1875rem 1.0625rem rgba(16, 57, 175, 0.1098039216);
  border-radius: 0.3125rem;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-input {
  padding: 0 0 0 0.625rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-input {
  padding: 0 0.625rem 0 0;
}

[dir][lang=ar] .banner-img-wrapper .form-wrapper .live-input {
  font-family: "Open Sans", sans-serif !important;
}

@media (min-width: 768px) {
  .banner-img-wrapper .form-wrapper .live-input {
    font-size: 1rem;
    height: 2.375rem;
  }
}

.banner-img-wrapper .form-wrapper .live-input::-webkit-input-placeholder {
  color: #868E96;
  font-family: "Open Sans", sans-serif;
}

.banner-img-wrapper .form-wrapper .live-input::-moz-placeholder {
  color: #868E96;
  font-family: "Open Sans", sans-serif;
}

.banner-img-wrapper .form-wrapper .live-input:-ms-input-placeholder {
  color: #868E96;
  font-family: "Open Sans", sans-serif;
}

.banner-img-wrapper .form-wrapper .live-input::-ms-input-placeholder {
  color: #868E96;
  font-family: "Open Sans", sans-serif;
}

.banner-img-wrapper .form-wrapper .live-input::placeholder {
  color: #868E96;
  font-family: "Open Sans", sans-serif;
}

.banner-img-wrapper .form-wrapper .live-input:not(:-moz-read-only):focus {
  outline: none;
}

.banner-img-wrapper .form-wrapper .live-input:not(:read-only):focus {
  outline: none;
}

[dir] .banner-img-wrapper .form-wrapper .live-input:not(:-moz-read-only):focus {
  border-color: #8f9fcc;
}

[dir] .banner-img-wrapper .form-wrapper .live-input:not(:read-only):focus {
  border-color: #8f9fcc;
}

.banner-img-wrapper .form-wrapper .live-input:disabled {
  opacity: 0.45;
}

[dir] .banner-img-wrapper .form-wrapper .live-input.error {
  border-color: #dc3545;
}

[dir] .banner-img-wrapper .form-wrapper .live-input.success {
  border-color: #28a745;
}

.banner-img-wrapper .form-wrapper select.live-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.banner-img-wrapper .form-wrapper .live-select-wrapper {
  position: relative;
}

.banner-img-wrapper .form-wrapper .live-select-wrapper:after, .banner-img-wrapper .form-wrapper .live-select-wrapper:before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.0625rem;
  top: calc(50% - 0.0442rem + 0.17675rem);
}

[dir] .banner-img-wrapper .form-wrapper .live-select-wrapper:after, [dir] .banner-img-wrapper .form-wrapper .live-select-wrapper:before {
  background-color: #ACACAC;
  border-radius: 100vw;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-select-wrapper:before {
  right: 0.5rem;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-select-wrapper:before {
  left: 0.5rem;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-select-wrapper:after {
  right: 1rem;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-select-wrapper:after {
  left: 1rem;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.banner-img-wrapper .form-wrapper .live-select-wrapper:focus {
  outline: none;
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms {
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms .live-input-label {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #020862;
  font-family: "Open Sans", sans-serif;
  width: 100%;
}

[dir] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .live-input-label {
  margin-bottom: 0.25rem;
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
}

[dir] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper {
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0 0.1875rem 1.0625rem rgba(16, 57, 175, 0.1098039216);
          box-shadow: 0 0.1875rem 1.0625rem rgba(16, 57, 175, 0.1098039216);
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9091A3;
  font-size: 1rem;
  letter-spacing: 0.005rem;
  font-family: "Open Sans", sans-serif;
}

[dir] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom {
  background: #F4F7FC;
  cursor: pointer;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom:first-child {
  border-radius: 0.3125rem 0 0 0.3125rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom:first-child {
  border-radius: 0 0.3125rem 0.3125rem 0;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom:last-child {
  border-radius: 0 0.3125rem 0.3125rem 0;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom:last-child {
  border-radius: 0.3125rem 0 0 0.3125rem;
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom.active-custom {
  color: #020862;
}

[dir] .banner-img-wrapper .form-wrapper .live-tabs-group.platforms .platform-select-wrapper .platform-select-custom.active-custom {
  border-radius: 0.3125rem;
  background: #FFFFFF;
  border: 0.0625rem solid #BB914A;
}

.banner-img-wrapper .form-wrapper .live-tabs-group.platforms .form-check.form-check-inline {
  display: none;
}

.banner-img-wrapper .form-wrapper input.live-input:-moz-read-only {
  opacity: 0.45;
}

.banner-img-wrapper .form-wrapper input.live-input:read-only {
  opacity: 0.45;
}

.banner-img-wrapper .form-wrapper label.error {
  font-size: 0.8125rem;
  font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
  color: #dc3545;
  text-transform: capitalize;
}

.banner-img-wrapper .form-wrapper label.success {
  font-size: 0.8125rem;
  color: #28a745;
}

.banner-img-wrapper .form-wrapper .form-alert {
  color: #dc3545;
}

[dir] .banner-img-wrapper .form-wrapper .form-alert {
  border: 0.0625rem solid #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
  padding: 0.5rem;
  border-radius: 0.25rem;
}

.banner-img-wrapper .form-wrapper .live-otp-button {
  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: #FFFFFF;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 0.9375rem;
  height: 2.1875rem;
}

[dir] .banner-img-wrapper .form-wrapper .live-otp-button {
  background-color: #BB914A;
  border: 0.0625rem solid #BB914A;
  text-align: center;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0 0.1875rem 0.6875rem rgba(16, 57, 175, 0.0588235294);
          box-shadow: 0 0.1875rem 0.6875rem rgba(16, 57, 175, 0.0588235294);
}

@media (min-width: 768px) {
  .banner-img-wrapper .form-wrapper .live-otp-button {
    font-size: 1rem;
    height: 2.1875rem;
  }
}

.banner-img-wrapper .form-wrapper .live-otp-button:disabled {
  opacity: 0.45;
  color: #B2B3C3;
}

[dir] .banner-img-wrapper .form-wrapper .live-otp-button:disabled {
  background-color: #FFFFFF;
  border: 0.0625rem solid #E1E3EA;
}

[dir] .banner-img-wrapper .form-wrapper .live-otp-button:not(:disabled) {
  cursor: pointer;
}

.banner-img-wrapper .form-wrapper .live-otp-button:not(:disabled):hover, .banner-img-wrapper .form-wrapper .live-otp-button:not(:disabled):focus {
  color: #fff;
}

[dir] .banner-img-wrapper .form-wrapper .live-otp-button:not(:disabled):hover, [dir] .banner-img-wrapper .form-wrapper .live-otp-button:not(:disabled):focus {
  background-color: #C79942;
  border: 0.0625rem solid #BB914A;
}

.banner-img-wrapper .form-wrapper select.live-input {
  color: #020862;
}

[dir=ltr] .banner-img-wrapper .form-wrapper select.live-input {
  padding-left: 0.625rem;
  padding-right: 1.25rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper select.live-input {
  padding-right: 0.625rem;
  padding-left: 1.25rem;
}

.banner-img-wrapper .form-wrapper select.live-input option {
  color: #020862;
}

.banner-img-wrapper .form-wrapper .live-submit-button {
  color: #020862;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  text-transform: uppercase;
  max-width: 100%;
  width: 100%;
}

[dir] .banner-img-wrapper .form-wrapper .live-submit-button {
  cursor: pointer;
  padding: 0.5em 1.875em;
  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;
  margin-bottom: 0.9375rem;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-submit-button {
  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] .banner-img-wrapper .form-wrapper .live-submit-button {
  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;
}

@media (min-width: 768px) {
  .banner-img-wrapper .form-wrapper .live-submit-button {
    width: 100%;
    font-size: 1.25rem;
  }

  [dir] .banner-img-wrapper .form-wrapper .live-submit-button {
    padding: 0.3em 1.875em;
    margin-bottom: 1.5625rem;
  }
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-submit-button:hover:not([disabled]), [dir=ltr] .banner-img-wrapper .form-wrapper .live-submit-button:focus:not([disabled]) {
  background-position: right center;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-submit-button:hover:not([disabled]), [dir=rtl] .banner-img-wrapper .form-wrapper .live-submit-button:focus:not([disabled]) {
  background-position: left center;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .live-submit-button:active:not([disabled]) {
  background-position: right center;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .live-submit-button:active:not([disabled]) {
  background-position: left center;
}

.banner-img-wrapper .form-wrapper .live-submit-button:disabled {
  opacity: 0.5;
}

.banner-img-wrapper .form-wrapper .live-terms-conditions {
  color: #9091A3;
  font-size: 0.6875rem;
  display: block;
  font-family: "Open Sans", sans-serif;
}

[dir][lang=ar] .banner-img-wrapper .form-wrapper .live-terms-conditions {
  font-family: "Open Sans", sans-serif !important;
}

.banner-img-wrapper .form-wrapper .live-terms-conditions a {
  color: #9091A3;
  font-family: "Open Sans", sans-serif;
  text-decoration: underline;
}

.banner-img-wrapper .form-wrapper .live-terms-conditions a:hover {
  color: #babac6;
}

.banner-img-wrapper .form-wrapper .iti__country-list {
  color: black;
}

[dir=ltr]:root[lang=ar] .banner-img-wrapper .form-wrapper .iti__country-list {
  right: inherit;
}

[dir=rtl]:root[lang=ar] .banner-img-wrapper .form-wrapper .iti__country-list {
  left: inherit;
}

.banner-img-wrapper .form-wrapper .bi-eye-slash::before {
  position: absolute;
  top: 1rem;
}

[dir] .banner-img-wrapper .form-wrapper .bi-eye-slash::before {
  cursor: pointer;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .bi-eye-slash::before {
  right: 1.25rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .bi-eye-slash::before {
  left: 1.25rem;
}

.banner-img-wrapper .form-wrapper .bi-eye-slash.error::before {
  top: 1rem;
}

.banner-img-wrapper .form-wrapper .bi-eye::before {
  position: absolute;
  top: 1rem;
}

[dir] .banner-img-wrapper .form-wrapper .bi-eye::before {
  cursor: pointer;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .bi-eye::before {
  right: 1.25rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .bi-eye::before {
  left: 1.25rem;
}

.banner-img-wrapper .form-wrapper .bi-eye.error::before {
  top: 1rem;
}

@media (max-width: 480px) {
  [dir] .banner-img-wrapper .form-wrapper .otp-group-container {
    padding: 0 !important;
  }
}

.banner-img-wrapper .form-wrapper .otp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.banner-img-wrapper .form-wrapper .otp-container input.otp-digit {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 20% !important;
          flex: 1 1 20% !important;
  height: 2.1875rem;
}

[dir] .banner-img-wrapper .form-wrapper .otp-container input.otp-digit {
  text-align: center;
  padding: 0;
}

@media (min-width: 768px) {
  .banner-img-wrapper .form-wrapper .otp-container input.otp-digit {
    height: 2.1875rem;
  }
}

[dir] .banner-img-wrapper .form-wrapper .otp-container input.otp-digit:-moz-read-only {
  border: 0.0625rem solid #CDCEDB;
}

[dir] .banner-img-wrapper .form-wrapper .otp-container input.otp-digit:read-only {
  border: 0.0625rem solid #CDCEDB;
}

[dir=ltr]:root[lang=ar] .banner-img-wrapper .form-wrapper .otp-container {
  direction: ltr;
}

[dir=rtl]:root[lang=ar] .banner-img-wrapper .form-wrapper .otp-container {
  direction: rtl;
}

[dir] .banner-img-wrapper .form-wrapper .otp-container .bounce-animation {
  -webkit-animation: bounce 0.4s linear;
          animation: bounce 0.4s linear;
}

[dir] .banner-img-wrapper .form-wrapper .otp-container .paste-bounce {
  -webkit-animation: bounce 0.25s linear;
          animation: bounce 0.25s linear;
}

@-webkit-keyframes bounce {
  0% {
    margin-top: 0;
  }

  50% {
    margin-top: -0.5rem;
    height: 90%;
  }

  100% {
    margin-top: 0;
    height: 100%;
  }
}

@keyframes  bounce {
  0% {
    margin-top: 0;
  }

  50% {
    margin-top: -0.5rem;
    height: 90%;
  }

  100% {
    margin-top: 0;
    height: 100%;
  }
}

.banner-img-wrapper .form-wrapper .bday-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

[dir] .banner-img-wrapper .form-wrapper .bday-container {
  margin-top: 0.3rem;
}

.banner-img-wrapper .form-wrapper .bday-container .day-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.banner-img-wrapper .form-wrapper .bday-container .day-label-container .day-label {
  font-size: 0.75rem;
  opacity: 0.75;
}

.banner-img-wrapper .form-wrapper .bday-container .month-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .bday-container .month-label-container {
  margin-left: 1rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .bday-container .month-label-container {
  margin-right: 1rem;
}

.banner-img-wrapper .form-wrapper .bday-container .month-label-container .month-label {
  font-size: 0.75rem;
  opacity: 0.75;
}

.banner-img-wrapper .form-wrapper .bday-container .year-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

[dir=ltr] .banner-img-wrapper .form-wrapper .bday-container .year-label-container {
  margin-left: 1rem;
}

[dir=rtl] .banner-img-wrapper .form-wrapper .bday-container .year-label-container {
  margin-right: 1rem;
}

.banner-img-wrapper .form-wrapper .bday-container .year-label-container .year-label {
  font-size: 0.75rem;
  opacity: 0.75;
}

.banner-img-wrapper .form-wrapper .password-label-container {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

[dir] .banner-img-wrapper .form-wrapper .password-label-container {
  margin-top: 1rem;
}

.banner-img-wrapper .form-wrapper .password-label-container .live-input-label {
  color: #9091A3;
}

@media (min-width: 576px) {
  .banner-img-wrapper .form-wrapper .password-label-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.banner-img-wrapper .form-wrapper .password-label-container .password-label-green {
  color: green;
}

.banner-img-wrapper .form-wrapper .password-label-container .password-label-red {
  color: red;
}

.banner-img-wrapper .form-wrapper .password-label-container .password-label-warning {
  color: #ff9966;
}

[dir] .banner-img-wrapper .form-wrapper .password-label-container .live-input-label {
  margin-bottom: 0.1875rem;
}

[dir] .banner-img-wrapper .form-wrapper .iti--separate-dial-code .iti__selected-flag {
  background-color: #fff;
}

[dir] .live-input-group {
  margin-top: 0.625rem !important;
}

.iti__selected-dial-code {
  color: #000 !important;
  font-family: "Open Sans", sans-serif !important;
}

.live-terms-conditions {
  color: #9091A3;
  font-size: 0.6875rem;
  display: block;
  font-family: "Open Sans", sans-serif;
}

[dir] .live-terms-conditions {
  padding: 0.9375rem 0 0 0;
  margin-bottom: 0.9375rem;
}

[dir][lang=ar] .live-terms-conditions {
  font-family: "Open Sans", sans-serif;
}

.live-terms-conditions a {
  color: #9091A3;
  text-decoration: underline;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 768px) {
  [dir] .live-submit-button {
    margin-bottom: 0.6rem !important;
  }
}

[dir] .cta-form-wrapper {
  padding: 1rem 1.125rem 0rem 1.125rem !important;
}

.pwd-span {
  color: #616F8D;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

[dir] .pwd-span {
  margin-top: 0.3125rem !important;
  padding: 0;
}

[dir] input[name=password] {
  margin-bottom: 0.625rem;
}

@media (min-width: 1200px) {
  [dir] .banner-img-wrapper {
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 1200px) {
  [dir] .banner-img-wrapper {
    margin: auto !important;
  }
}

.code-verified {
  opacity: 1 !important;
  color: #28A745 !important;
}

[dir] .code-verified {
  border: 0.0625rem solid #28A745 !important;
}

@media (min-width: 1921px) {
  [dir=ltr] .input_with_phone.live-input {
    padding-left: 5.55rem !important;
  }

  [dir=rtl] .input_with_phone.live-input {
    padding-right: 5.55rem !important;
  }
}

@media (min-width: 3000px) {
  [dir=ltr] .input_with_phone.live-input {
    padding-left: 4.55rem !important;
  }

  [dir=rtl] .input_with_phone.live-input {
    padding-right: 4.55rem !important;
  }
}

.dlp-bonus-ribbon {
  z-index: 2 !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  position: absolute !important;
}

[dir=rtl]:root[lang=ar] #banner .banner-img-wrapper .form-wrapper .otp-container {
  direction: ltr;
}

.form-wrapper label.success {
  font-family: "Open Sans", sans-serif;
}

[dir][lang=ar] .form-wrapper label.success {
  font-family: "Open Sans", sans-serif !important;
}

@media (max-width: 1200px) {
  [dir] #banner .banner-content-wrapper {
    margin-top: 2rem;
  }
}

.bi-check-circle {
  position: absolute;
  top: 0.8rem;
  color: rgb(40, 167, 69);
}

[dir=ltr] .bi-check-circle {
  right: 12%;
}

[dir=rtl] .bi-check-circle {
  left: 12%;
}

@media (max-width: 767px) {
  .bi-check-circle {
    top: 0.5rem;
  }

  [dir=ltr] .bi-check-circle {
    right: 21%;
  }

  [dir=rtl] .bi-check-circle {
    left: 21%;
  }
}</style>
        <?php echo '<script'; ?>
>"use strict";

var _window$mfxComponents;
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, 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; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
$(document).ready(function () {
 
  var dis = $(".live-terms-conditions").parent();
  if (ejsLang === "ar" || ejsLang === "mxar") {
    document.querySelector('.live-terms-conditions').innerHTML = "بإرسال هذا الطلب، أُقر أنني قرأت وفهمت وأوافق على <a href=\"/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf\" target=\"_blank\">إتفاقية العميل</a> وأعطي مجموعة ملتي بانك الإذن بالتواصل معي لأغراض تسويقية";
  } else if (ejsLang === "enat") {
    document.querySelector('.live-terms-conditions').innerHTML = "By submitting this form, I acknowledge that I have read, understood and agree to the <a href=\"/public_files/images/mex-atlantic/pdf/AGR_MEXATL_ClientAgreement_v9_01022023_V2.pdf\" target=\"_blank\">Client Agreement</a> and give my consent for MultiBank Group to contact me for marketing purposes.";
  } else if (ejsLang === "ru") {
    document.querySelector('.live-terms-conditions').innerHTML = "Отправляя эту форму, я подтверждаю, что прочитал, понял и согласен с <a href=\"/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf\" target=\"_blank\">Клиента Соглашение</a> и даю свое согласие на то, чтобы MultiBank Group связывалась со мной в маркетинговых целях.";
  } else if (ejsLang === "latam") {
    document.querySelector('.live-terms-conditions').innerHTML = "Al enviar este formulario, reconozco que he leído, comprendido y estoy de acuerdo con el <a href=\"/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf\" target=\"_blank\">Cliente Acuerdo</a> y doy mi consentimiento para que MultiBank Group se comunique conmigo con fines de marketing.";
  } else if (ejsLang === "it") {
    document.querySelector('.live-terms-conditions').innerHTML = "Inviando questo modulo, riconosco di aver letto, compreso e accettato il <a href=\"/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf\" target=\"_blank\">Cliente Accordo</a> e fornisco il mio consenso affinché MultiBank Group mi contatti per scopi di marketing.";
  } else if (ejsLang === "fr") {
    document.querySelector('.live-terms-conditions').innerHTML = "Al enviar este formulario, reconozco que he leído, comprendido y estoy de acuerdo con el <a href=\"/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf\" target=\"_blank\">Cliente Acuerdo</a> y doy mi consentimiento para que MultiBank Group se comunique conmigo con fines de marketing.";
  } else {
    document.querySelector('.live-terms-conditions').innerHTML = "By submitting this form, I acknowledge that I have read, understood and agree to the <a href=\"/public_files/images/enmc/1-Client-Agreement-V1-20220603-MEX.pdf\" target=\"_blank\">Client Agreement</a> and give my consent for MultiBank Group to contact me for marketing purposes.";
  }
  $(dis).detach().appendTo('.banner-img-wrapper');
  $(".live-submit-button").text("".concat(liveBtn));
  setTimeout(function () {
    $(".live-submit-button").parent().addClass("m-0");
    var spanTag = "<span class='pwd-span'>".concat(pwdSpan, "</span>");
    $("[name='password']").after(spanTag);
    $(".banner-img-wrapper").removeAttr("style");
  }, 200);
  $(".anchor-ib").click(function (e) {
    $(".live-submit-button").text("".concat(liveBtn));
    $(".live-submit-button").parent().addClass("m-0");
  });

  var cCode = document.querySelector("meta[name=c_code]").content;
  var gccCountriesList = ['AE', 'SA', 'BH', 'KW', 'QA', 'OM'];
  var isGCC = gccCountriesList.includes(cCode);
  if (isGCC) {
    $('.custom-ctrader').hide();
    $('.custom-ctrader').parent().css('justify-content', 'left');
  }

  // const userPlatform = navigator.platform;
  // if(window.innerWidth < 767){
  //   document.querySelector(".remove-in-mob").remove();
  //   const Arr =  [
  //     'iPad Simulator',
  //     'iPhone Simulator',
  //     'iPod Simulator',
  //     'iPad',
  //     'iPhone',
  //     'iPod'  ]
  //
  //   if(Arr.includes(userPlatform)){
  //     document.querySelectorAll(".google-store").forEach(element => {
  //       element.style.display="none"
  //     });
  //     document.querySelectorAll(".ios-store").forEach(element => {
  //       element.style.display="block";
  //     });
  //     appendLinks();
  //   }
  //   else {
  //     document.querySelectorAll(".google-store").forEach(element => {
  //       element.style.display="block"
  //     });
  //     document.querySelectorAll(".ios-store").forEach(element => {
  //       element.style.display="none";
  //     });
  //     appendLinks();
  //   }
  // }

  if (language === 'ar') {
    $('.custom-card-row').css('justify-content', 'right');
  }
});

//change the formName ID
var formName = document.getElementById("live_demo_contact_landing_form");
var form = document.getElementById("form");
var sendVerificationBtnPressed = true;
var nationalityDisabled = false;
var dobDisabled = true;
var smsDisabled = false;
var passwordRequired = false;
$(formName).find("input[type=text], input[type=password], input[type=email], input[type=phone],textarea").val("");
(function ($) {
  $.fn.inputFilter = function (inputFilter) {
    return this.on("input keydown keyup mousedown mouseup select contextmenu drop", function () {
      if (inputFilter(this.value)) {
        this.oldValue = this.value;
        this.oldSelectionStart = this.selectionStart;
        this.oldSelectionEnd = this.selectionEnd;
      } else if (this.hasOwnProperty("oldValue")) {
        this.value = this.oldValue;
        this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
      }
    });
  };
  $.validator.addMethod("phone", function (value, element) {
    return this.optional(element) || window.intlTelInputGlobals.getInstance(element).isValidNumber();
  }, function (value, element) {
    return element.dataset.extraMessage;
  });
  $.validator.addMethod("regex", function (value, element, pattern) {
    return this.optional(element) || new RegExp(pattern).test(value);
  }, function (value, element) {
    return element.dataset.extraMessage;
  });
})(jQuery);

/* custom select */
document.querySelectorAll("select.live-input").forEach(function (el) {
  var customSelect = document.createElement("DIV");
  customSelect.className = "live-select-wrapper";
  el.parentNode.appendChild(customSelect);
  customSelect.appendChild(el);
});
var countryName = formName.elements.country_name;
var countryCode = formName.elements.country_code;
var phoneInput = formName.elements.phone;
var phoneDisplayInput = formName.elements.phone_display;
$(phoneDisplayInput).inputFilter(function (value) {
  return /^[0-9]*$/.test(value);
});
var itiCountryCode = function () {
  var countryCode = document.querySelector("meta[name=c_code]").content;
  return countryCode;
}().toLowerCase();
intlTelInput(phoneDisplayInput, {
  separateDialCode: true,
  nationalMode: false,
  initialCountry: "auto",
  geoIpLookup: function geoIpLookup(e) {
    return e(itiCountryCode);
  },
  utilsScript: "/public_files/static_js/utils.js",
  preferredCountries: []
});
var countryData = window.intlTelInputGlobals.getCountryData().find(function (item) {
  return item.iso2 === itiCountryCode;
});
if (countryData) {
  countryName.value = countryData.iso2.toUpperCase();
  countryCode.value = "+".concat(countryData.dialCode);
}
phoneDisplayInput.addEventListener("countrychange", function (e) {
  var countryData = window.intlTelInputGlobals.getInstance(e.currentTarget).getSelectedCountryData();
  countryName.value = countryData.iso2.toUpperCase();
  countryCode.value = "+".concat(countryData.dialCode);
});
var handlePhoneInputChange = function handlePhoneInputChange(e) {
  if ($(phoneDisplayInput).valid()) {
    var _$$find, _$$find2;
    (_$$find = $(sendCodeButton.closest(".live-input-group")).find(".error")) === null || _$$find === void 0 ? void 0 : _$$find.remove();
    (_$$find2 = $(sendCodeButton.closest(".live-input-group")).find(".success")) === null || _$$find2 === void 0 ? void 0 : _$$find2.remove();
    sendCodeButton.disabled = false;
  } else {
    sendCodeButton.disabled = true;
    return;
  }
  if (e.target.value !== phoneInput.value) {
    var _sendCodeButton$class, _$$siblings, _$, _$2, _$3, _$$find3, _$$find4;
    smsVerified = false;
    (_sendCodeButton$class = sendCodeButton.classList) === null || _sendCodeButton$class === void 0 ? void 0 : _sendCodeButton$class.remove("code-verified");
    (_$$siblings = $(sendCodeButton).siblings('.bi-check-circle')) === null || _$$siblings === void 0 ? void 0 : _$$siblings.remove();
    sendCodeButton.innerText = translations["send-code"];
    sendCodeButton.disabled = false;
    smsInput.readOnly = false;
    $(sendCodeButton).removeClass("send-again");
    (_$ = $('.otp-digit')) === null || _$ === void 0 ? void 0 : _$.removeClass('success');
    (_$2 = $('.otp-digit')) === null || _$2 === void 0 ? void 0 : _$2.removeClass('error');
    (_$3 = $('.otp-digit')) === null || _$3 === void 0 ? void 0 : _$3.removeClass('bounce-animation');
    $('.otp-digit').val('');
    smsInput.value = '';
    smsInput.innerText = '';
    smsInput.classList.remove('success');
    $(smsInput.closest(".live-input-group")).children().closest("label").remove();
    $(sendCodeButton.closest(".live-input-group")).children().closest("label").remove();
    (_$$find3 = $(sendCodeButton.closest(".live-input-group")).find(".error")) === null || _$$find3 === void 0 ? void 0 : _$$find3.remove();
    (_$$find4 = $(sendCodeButton.closest(".live-input-group")).find(".success")) === null || _$$find4 === void 0 ? void 0 : _$$find4.remove();
  }
};
phoneDisplayInput.addEventListener("change", function () {
  phoneInput.value = phoneDisplayInput.value;
});
phoneDisplayInput.addEventListener("input", handlePhoneInputChange);
var sendCodeContainer = formName.querySelector(".send-code-container");
var sendCodeButton = sendCodeContainer.querySelector("button");
sendCodeButton.innerText = translations["send-code"];
sendCodeContainer.className = "live-input-group col-12 col-md-6";
sendCodeContainer.firstElementChild.className = "live-otp-button";
var smsCodeContainer = formName.querySelector(".sms-code-container");
var smsInput = smsCodeContainer.querySelector("input");
smsInput.placeholder = translations["sms-input-placeholder"];
smsInput.readOnly = true;
smsInput.type = "text";
smsInput.minLength = 6;
smsInput.maxLength = 6;
$(smsInput).inputFilter(function (value) {
  return /^[0-9]*$/.test(value);
});
smsCodeContainer.className = "live-input-group col-12 col-md-6";
smsCodeContainer.firstElementChild.className = "live-input";
var phoneInputDisabled = false;
// const smsDisabled = isIQ ? isIQ :["IQ"].includes(cCode);

if (smsDisabled) {
  sendCodeContainer.style.display = "none";
  smsCodeContainer.style.display = "none";
  phoneDisplayInput.closest(".live-input-group").classList.remove("col-md-6");
}
var handleInputChange = function handleInputChange(e) {
  if (smsDisabled) {
    smsInput.value = "345434";
    return;
  }
  if (sendVerificationBtnPressed && e.target.value !== phoneInput.value) {
    var _$4, _$4$first, _$5, _$6, _$7;
    sendCodeButton.innerText = translations["send-code"];
    sendCodeButton.disabled = false;
    smsInput.readOnly = false;
    (_$4 = $('.otp-digit')) === null || _$4 === void 0 ? void 0 : (_$4$first = _$4.first()) === null || _$4$first === void 0 ? void 0 : _$4$first.removeAttr('readonly');
    (_$5 = $('.otp-digit')) === null || _$5 === void 0 ? void 0 : _$5.removeClass('success');
    (_$6 = $('.otp-digit')) === null || _$6 === void 0 ? void 0 : _$6.removeClass('error');
    (_$7 = $('.otp-digit')) === null || _$7 === void 0 ? void 0 : _$7.removeClass('bounce-animation');
    $('.otp-digit').val('');
    smsInput.value = '';
    smsInput.classList.remove('success');
    $(smsInput.closest(".live-input-group")).children().closest("label").remove();
    smsInput.innerText = '';
  }
};
var smsVerified = false;
sendCodeButton.addEventListener("click", function () {
  var _$$find5, _$$find6;
  if ($(phoneDisplayInput).valid() === false) {
    return;
  }
  (_$$find5 = $(sendCodeButton.closest(".live-input-group")).find(".error")) === null || _$$find5 === void 0 ? void 0 : _$$find5.remove();
  (_$$find6 = $(sendCodeButton.closest(".live-input-group")).find(".success")) === null || _$$find6 === void 0 ? void 0 : _$$find6.remove();
  sendCodeButton.disabled = true;
  phoneDisplayInput.disabled = true;
  sendCodeButton.innerHTML = "<div class=\"form-loader\"></div>";
  sendVerificationBtnPressed = true;
  grecaptcha.execute(window.RECAPTCHA_SITE_KEY, {
    action: "otp"
  }).then(function (token) {
    $.ajax({
      url: "/api/sendOTPCode",
      type: "POST",
      data: {
        countrycode: countryCode.value,
        phone: phoneInput.value,
        token: token
      },
      beforeSend: function beforeSend() {
        $(sendCodeButton.closest(".live-input-group")).find(".error").remove();
        $(sendCodeButton.closest(".live-input-group")).find(".success").remove();
      },
      success: function success(result) {
        var _$8, _$8$first, _$9, _$9$first, _$$find7, _$$find8;
        var res = JSON.parse(result).response;
        switch (res.status.toLowerCase()) {
          case "success":
            $(sendCodeButton.closest(".live-input-group")).append("<label class=\"success\">".concat(translations["code-sent"], "</label>"));
            phoneInputDisabled = false;
            phoneDisplayInput.disabled = false;
            smsInput.readOnly = false;
            sendCodeButton.disabled = false;
            (_$8 = $('.otp-digit')) === null || _$8 === void 0 ? void 0 : (_$8$first = _$8.first()) === null || _$8$first === void 0 ? void 0 : _$8$first.removeAttr('readonly');
            (_$9 = $('.otp-digit')) === null || _$9 === void 0 ? void 0 : (_$9$first = _$9.first()) === null || _$9$first === void 0 ? void 0 : _$9$first.focus();
            smsInput.focus();
            break;
          case "fail":
            (_$$find7 = $(sendCodeButton.closest(".live-input-group")).find(".error")) === null || _$$find7 === void 0 ? void 0 : _$$find7.remove();
            (_$$find8 = $(sendCodeButton.closest(".live-input-group")).find(".success")) === null || _$$find8 === void 0 ? void 0 : _$$find8.remove();
            $(sendCodeButton.closest(".live-input-group")).append("<label class=\"error\">".concat(res.message === "SMS already Sent." ? translations["code-already-sent"] : res.message, "</label>"));
            if (res.message === "SMS already Sent.") {
              var _$10, _$10$first, _$11, _$11$first;
              var countDown = function countDown(i) {
                var otpError = $(sendCodeButton.closest(".live-input-group")).find(".error")[0];
                var _int = setInterval(function () {
                  if (smsVerified) {
                    return clearInterval(_int);
                  }
                  otpError.innerHTML = otpError.innerHTML.replace(/\d+/g, i);
                  sendCodeButton.disabled = true;
                  phoneDisplayInput.disabled = true;
                  if (i === 0) {
                    phoneDisplayInput.disabled = false;
                    sendCodeButton.disabled = false;
                    otpError.remove();
                  }
                  i-- || clearInterval(_int); //if i is 0, then stop the interval
                }, 1000);
              };
              sendCodeButton.disabled = true;
              phoneDisplayInput.disabled = true;
              (_$10 = $('.otp-digit')) === null || _$10 === void 0 ? void 0 : (_$10$first = _$10.first()) === null || _$10$first === void 0 ? void 0 : _$10$first.removeAttr('readonly');
              (_$11 = $('.otp-digit')) === null || _$11 === void 0 ? void 0 : (_$11$first = _$11.first()) === null || _$11$first === void 0 ? void 0 : _$11$first.focus();
              countDown(30);
            }
            break;
        }
      },
      error: function error(xhr) {
        var _$$find9, _$$find10;
        var errorText = translations["server-unreachable"];
        try {
          if (xhr.readyState === 4) {
            errorText = JSON.parse(xhr.responseText).response.errors;
          }
        } catch (error) {}
        phoneDisplayInput.disabled = false;
        (_$$find9 = $(sendCodeButton.closest(".live-input-group")).find(".error")) === null || _$$find9 === void 0 ? void 0 : _$$find9.remove();
        (_$$find10 = $(sendCodeButton.closest(".live-input-group")).find(".success")) === null || _$$find10 === void 0 ? void 0 : _$$find10.remove();
        $(sendCodeButton.closest(".live-input-group")).append("<label class=\"error\">".concat(errorText, "</label>"));
      },
      complete: function complete() {
        sendCodeButton.innerText = translations["send-again"];
        sendCodeButton.classList.add("send-again");
      }
    });
  });
}, false);
smsInput.addEventListener("input", function (e) {
  $(smsInput.closest(".live-input-group").querySelectorAll(".verify-sms-error")).remove();
  if ($(smsInput).valid()) {
    var _$24;
    $.ajax({
      url: "/api/verifySMSCode",
      type: "POST",
      data: {
        countrycode: countryCode.value,
        phone: phoneInput.value,
        verify_code: smsInput.value
      },
      beforeSend: function beforeSend() {
        var _$12, _$13, _$14;
        pasteEventExecuting = false;
        (_$12 = $(smsInput.closest(".live-input-group").querySelectorAll(".verify-sms-error"))) === null || _$12 === void 0 ? void 0 : _$12.remove();
        (_$13 = $(smsInput.closest(".live-input-group").querySelectorAll("label.error"))) === null || _$13 === void 0 ? void 0 : _$13.remove();
        $(sendCodeButton.closest(".live-input-group")).find(".success").remove();
        smsInput.readOnly = true;
        (_$14 = $('.otp-digit')) === null || _$14 === void 0 ? void 0 : _$14.attr("readonly", true);
      },
      success: function success(result) {
        var _$$find11, _$$find12, _$15, _$16, _$17, _$18, _$18$last, _$19, _$20;
        switch (JSON.parse(result).response.status.toLowerCase()) {
          case "success":
            smsVerified = true;
            sendCodeButton.disabled = true;
            (_$$find11 = $(sendCodeButton.closest(".live-input-group")).find(".error")) === null || _$$find11 === void 0 ? void 0 : _$$find11.remove();
            (_$$find12 = $(sendCodeButton.closest(".live-input-group")).find(".success")) === null || _$$find12 === void 0 ? void 0 : _$$find12.remove();
            (_$15 = $(smsInput.closest(".live-input-group").querySelectorAll(".verify-sms-error"))) === null || _$15 === void 0 ? void 0 : _$15.remove();
            sendCodeButton.innerText = translations["code-verified"];
            sendCodeButton.classList.remove("send-again");
            sendCodeButton.classList.add("code-verified");
            var elm = document.getElementById("button-send-callme_form").disabled;
            var codeVerified = document.getElementById("button-send-callme_form");
            if (elm === true && codeVerified.classList.contains("code-verified")) {
              sendCodeButton.parentNode.style.position = 'relative';
              sendCodeButton.insertAdjacentHTML("afterend", "<i class=\"bi bi-check-circle\"></i>");
              sendCodeButton.classList.add("code-verified");
            } else {
              codeVerified.style.opacity = 0.45;
              codeVerified.style.border = "0.0625rem solid #bb914a";
              codeVerified.style.color = "#020862";
            }
            smsInput.classList.add("success");
            (_$16 = $('.otp-digit')) === null || _$16 === void 0 ? void 0 : _$16.addClass('success');
            sendCodeButton.disabled = true;
            $(sendCodeButton.closest(".live-input-group")).find(".error").remove();
            $(sendCodeButton.closest(".live-input-group")).find(".success").remove();
            $otps.blur();
            break;
          default:
            (_$17 = $(smsInput.closest(".live-input-group").querySelectorAll(".verify-sms-error"))) === null || _$17 === void 0 ? void 0 : _$17.remove();
            smsInput.readOnly = false;
            (_$18 = $('.otp-digit')) === null || _$18 === void 0 ? void 0 : (_$18$last = _$18.last()) === null || _$18$last === void 0 ? void 0 : _$18$last.removeAttr("readonly");
            smsInput.classList.add("error");
            (_$19 = $('.otp-digit')) === null || _$19 === void 0 ? void 0 : _$19.addClass('error');
            $(smsInput.closest(".live-input-group")).append("<label class=\"verify-sms-error error\">".concat(translations["code-invalid"], "</label>"));
            smsInput.focus();
            (_$20 = $('.otp-digit')) === null || _$20 === void 0 ? void 0 : _$20.last().focus();
            break;
        }
      },
      error: function error(xhr) {
        var _$21, _$22, _$22$last, _$23;
        (_$21 = $(smsInput.closest(".live-input-group").querySelectorAll(".verify-sms-error"))) === null || _$21 === void 0 ? void 0 : _$21.remove();
        var errorText = translations["server-unreachable"];
        try {
          if (xhr.readyState === 4) {
            errorText = JSON.parse(xhr.responseText).response.errors;
          }
        } catch (error) {}
        phoneDisplayInput.disabled = false;
        $(smsInput.closest(".live-input-group")).append("<label class=\"verify-sms-error error\">".concat(errorText, "</label>"));
        smsInput.readOnly = false;
        smsInput.focus();
        (_$22 = $('.otp-digit')) === null || _$22 === void 0 ? void 0 : (_$22$last = _$22.last()) === null || _$22$last === void 0 ? void 0 : _$22$last.removeAttr("readonly");
        (_$23 = $('.otp-digit')) === null || _$23 === void 0 ? void 0 : _$23.last().focus();
      },
      complete: function complete() {
        phoneDisplayInput.disabled = false;
      }
    });
    smsInput.readOnly = true;
    (_$24 = $('.otp-digit')) === null || _$24 === void 0 ? void 0 : _$24.attr("readonly", true);
  }
}, false);
var otpInputContainer = $(smsInput).parent();

//add 6 inputs for otp
otpInputContainer.prepend($('<div class="otp-container"><input type="number" autocomplete="off" readonly name="chars[0]" class="live-input otp-digit" maxlength="6"><input type="number" readonly name="chars[1]" class="live-input otp-digit" maxlength="1"><input type="number" autocomplete="off" readonly name="chars[2]" class="live-input otp-digit" maxlength="1"><input type="number" autocomplete="off" readonly name="chars[3]" class="live-input otp-digit" maxlength="1"><input type="number" autocomplete="off" readonly name="chars[4]" class="live-input otp-digit" maxlength="1"><input type="number" autocomplete="off" readonly name="chars[5]" class="live-input otp-digit" maxlength="1"></div>'));
otpInputContainer.addClass('otp-group-container');
$(smsInput).hide();
var $otps = $('.otp-digit');
var intRegex = /^\d+$/;
$otps.on('keypress', function (event) {
  var value = String.fromCharCode(!event.charCode ? event.which : event.charCode);
  if (!intRegex.test(value)) return event.preventDefault();
});
$otps.on('keyup', function (e) {
  var $this = $(e.currentTarget);
  var value = e.target.value;
  var nextInput = $this.next('.otp-digit');
  var prevInput = $this.prev('.otp-digit');
  var maxLength = 1;
  if (value.length >= maxLength) {
    $this.addClass('bounce-animation');
    $this.attr('maxlength', '1');
    if (nextInput.length === 0) return;
    nextInput.removeAttr('readonly');
    return nextInput.focus();
  }
  if (value.length === 0) {
    $this.removeClass('bounce-animation');
    $this.removeClass('paste-bounce');
    if (prevInput.length === 0) return;
    prevInput.attr('maxlength', '6');
    prevInput.removeAttr('readonly');
    prevInput.focus();
    $this.attr('readonly', true);
  }
});
var pasteEventExecuting = false;
//if value is 6 characters long will parse each character into an individual box.
$otps.on("paste", function (e) {
  pasteEventExecuting = true;
  var $parentThis = $(e.currentTarget);
  var originalValue = $parentThis.val();
  $parentThis.val("");
  $parentThis.one("input.fromPaste", function (e) {
    var $currentInputBox = $(e.currentTarget);
    var pastedValue = $currentInputBox.val();
    if (pastedValue.length == 6 && intRegex.test(pastedValue)) {
      pasteValues(pastedValue);
    } else {
      $parentThis.val(originalValue);
    }
    $otps.attr("maxlength", 1);
  });
  $otps.attr("maxlength", 6);
});
$otps.on("input", function (e) {
  var pastedValue = e.target.value;
  var length = pastedValue.length;
  if (length > 1 && length < 6) {
    $(e.currentTarget).val(e.target.value.substring(length - 1, length));
  }
  if (length < 6 || pasteEventExecuting) return false;
  if (intRegex.test(pastedValue)) {
    pasteValues(pastedValue);
  }
  $otps.attr("maxlength", 1);
});

// Parses the individual digits into the individual boxes.
function pasteValues(element) {
  $otps.removeAttr("readonly");
  var values = element.split("");
  var time = 0;
  $(values).each(function (index) {
    setTimeout(function () {
      var $inputBox = $('.otp-digit[name="chars[' + index + ']"]');
      $inputBox.val(values[index]).addClass('paste-bounce');
      if (index === values.length - 1) {
        $otps.last().trigger("input");
      }
    }, time);
    time += 100;
  });
}
;
$otps.last().on("input", function (e) {
  if (e.target.value.length === 0) return;
  var otpValue = '';
  $otps.each(function (index, el) {
    otpValue += String($(el).val());
  });
  $(smsInput).val(otpValue);
  smsInput.dispatchEvent(new Event('input'));
});
//Password Hide and show
var liveinputs = document.getElementsByClassName('live-input');
var passwordInput = liveinputs.password;
var passwordConfirmInput = liveinputs.confirm_password;
passwordInput.parentNode.style.position = 'relative';
passwordConfirmInput.parentNode.style.position = 'relative';
passwordInput.insertAdjacentHTML("afterend", "<i class=\"bi bi-eye-slash\" id=\"togglePassword1\"></i>");
passwordConfirmInput.insertAdjacentHTML("afterend", "<i class=\"bi bi-eye-slash\" id=\"togglePassword2\"></i>");
var passwordError1 = false;
var passwordError2 = false;
var togglePassword1 = document.querySelector("#togglePassword1");
var togglePassword2 = document.querySelector("#togglePassword2");
var password = document.querySelector("#password");
togglePassword1.addEventListener("click", function () {
  var type1 = passwordInput.getAttribute('type') === "password" ? "text" : "password";
  passwordInput.setAttribute('type', type1);
  this.classList.toggle("bi-eye");
});
togglePassword2.addEventListener("click", function () {
  var type2 = passwordConfirmInput.getAttribute('type') === "password" ? "text" : "password";
  passwordConfirmInput.setAttribute('type', type2);
  this.classList.toggle("bi-eye");
});

//To listen to class changes on input:
var ClassWatcher = /*#__PURE__*/function () {
  function ClassWatcher(targetNode, classToWatch, errorVariable) {
    var _this = this;
    _classCallCheck(this, ClassWatcher);
    _defineProperty(this, "mutationCallback", function (mutationsList) {
      var _iterator = _createForOfIteratorHelper(mutationsList),
        _step;
      try {
        for (_iterator.s(); !(_step = _iterator.n()).done;) {
          var mutation = _step.value;
          if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
            var classExists = mutation.target.classList.contains(_this.classToWatch);
            if (classExists) {
              _this.errorVariable === 'error1' ? passwordError1 = true : '';
              _this.errorVariable === 'error2' ? passwordError2 = true : '';
              togglePassword1.classList.add(_this.classToWatch);
              togglePassword2.classList.add(_this.classToWatch);
            } else {
              _this.errorVariable === 'error1' ? passwordError1 = false : '';
              _this.errorVariable === 'error2' ? passwordError2 = false : '';
              if (!passwordError1 && !passwordError2) {
                togglePassword1.classList.remove(_this.classToWatch);
                togglePassword2.classList.remove(_this.classToWatch);
              }
            }
          }
        }
      } catch (err) {
        _iterator.e(err);
      } finally {
        _iterator.f();
      }
    });
    this.targetNode = targetNode;
    this.classToWatch = classToWatch;
    this.errorVariable = errorVariable;
    this.observer = null;
    this.init();
  }
  _createClass(ClassWatcher, [{
    key: "init",
    value: function init() {
      this.observer = new MutationObserver(this.mutationCallback);
      this.observe();
    }
  }, {
    key: "observe",
    value: function observe() {
      this.observer.observe(this.targetNode, {
        attributes: true
      });
    }
  }]);
  return ClassWatcher;
}();
var passwordInuptClassWatcher = new ClassWatcher(passwordInput, 'error', 'error1');
var confirmPasswordInuptClassWatcher = new ClassWatcher(passwordConfirmInput, 'error', 'error2');
if (passwordInput.value.length < 8) {
  // console.log('Password Must be at least 8 Characters')
}
if (passwordInput.value !== passwordConfirmInput.value) {
  // console.log('Passwords Doesnt Match');
}

//Password validation labels

var passwordValid = false;
(function ($) {
  $.fn.replaceClass = function (pFromClass, pToClass) {
    return this.removeClass(pFromClass).addClass(pToClass);
  };
})(jQuery);
var PWhas8Char, PWhasLowerCase, PWhasUpperCase, PWhasSpecialChar, PWhasNumber;
var PWdiv = $('input[name="password"]');
var handleLabelToggle = function handleLabelToggle(label, state) {
  if (state === true) {
    label.hasClass('password-label-red') ? label.replaceClass('password-label-red', 'password-label-green') : label.addClass('password-label-green');
    label.text(label.text().substring(1).replace(/^/, '✓'));
  }
  if (state === false) {
    label.hasClass('password-label-green') ? label.replaceClass('password-label-green', 'password-label-red') : label.addClass('password-label-red');
    label.text(label.text().substring(1).replace(/^/, '✘'));
  }
  if (state === 'reset') {
    label.hasClass('password-label-green') ? label.removeClass('password-label-green') : label.removeClass('password-label-red');
    label.text(label.text().substring(1).replace(/^/, 'Ｏ'));
  }
};
var replaceConfirmPasswordWithValidation = function replaceConfirmPasswordWithValidation() {
  $('input[name="confirm_password"]').parent().hide();
  PWdiv.parent().hasClass('col-md-6') ? PWdiv.parent().replaceClass('col-md-6', '') : '';
  PWdiv.parent().after($("<div class=\"password-label-container\">\n    <label class=\"live-input-label caps-label\">\u26A0\uFE0F".concat(PWvalidationText['caps-lock-on'], "</label>\n    <label class=\"live-input-label uppercase-label\">\uFF2F ").concat(PWvalidationText['at-least-1-uppercase'], "</label>\n    <label class=\"live-input-label lowercase-label\">\uFF2F ").concat(PWvalidationText['at-least-1-lowercase'], "</label>\n    <label class=\"live-input-label number-label\" >\uFF2F ").concat(PWvalidationText['at-least-1-number'], "</label>\n    <label class=\"live-input-label sp-char-label\">\uFF2F ").concat(PWvalidationText['at-least-1-sp-char'], "</label>\n    <label class=\"live-input-label char-label\">\uFF2F ").concat(PWvalidationText['at-least-8-char'], "</label>\n  </div>")));
  $('.caps-label').hide();
  $('.password-label-container').hide();
};
replaceConfirmPasswordWithValidation();
$('input[name="password"]').on('focus', function () {
  $('.password-label-container').show();
});
$('input[name="password"]').on('keyup', function (e) {
  var value = e.target.value;
  var length = value.length;
  var uppercaseRegex = /(?=.*[A-Z])/;
  var lowercaseRegex = /(?=.*[a-z])/;
  var spCharRegex = /(?=.*\W)/;
  var intRegex = /(?=.*\d)/;
  if (length === 0) {
    handleLabelToggle($('.char-label'), 'reset');
    handleLabelToggle($('.number-label'), 'reset');
    handleLabelToggle($('.sp-char-label'), 'reset');
    handleLabelToggle($('.uppercase-label'), 'reset');
    handleLabelToggle($('.lowercase-label'), 'reset');
  }
  if (length > 0) {
    if (length > 7) {
      PWhas8Char = true;
      handleLabelToggle($('.char-label'), PWhas8Char);
    } else {
      PWhas8Char = false;
      handleLabelToggle($('.char-label'), PWhas8Char);
    }
    if (uppercaseRegex.test(value)) {
      PWhasUpperCase = true;
      handleLabelToggle($('.uppercase-label'), PWhasUpperCase);
    } else {
      PWhasUpperCase = false;
      handleLabelToggle($('.uppercase-label'), PWhasUpperCase);
    }
    if (lowercaseRegex.test(value)) {
      PWhasLowerCase = true;
      handleLabelToggle($('.lowercase-label'), PWhasLowerCase);
    } else {
      PWhasLowerCase = false;
      handleLabelToggle($('.lowercase-label'), PWhasLowerCase);
    }
    if (spCharRegex.test(value)) {
      PWhasSpecialChar = true;
      handleLabelToggle($('.sp-char-label'), PWhasSpecialChar);
    } else {
      PWhasSpecialChar = false;
      handleLabelToggle($('.sp-char-label'), PWhasSpecialChar);
    }
    if (intRegex.test(value)) {
      PWhasNumber = true;
      handleLabelToggle($('.number-label'), PWhasNumber);
    } else {
      PWhasNumber = false;
      handleLabelToggle($('.number-label'), PWhasNumber);
    }
    ;
  }
  var caps = e.originalEvent.getModifierState && e.originalEvent.getModifierState("CapsLock");
  if (caps) {
    $('.caps-label').show();
  } else {
    $('.caps-label').hide();
  }
  if (PWhas8Char && PWhasUpperCase && PWhasSpecialChar && PWhasNumber && PWhasLowerCase) {
    passwordValid = true;
  } else {
    passwordValid = false;
  }
});
$(".date-field").hide();
$(".date-field").parent().append($('<div class="bday-container">\n' + '<div class="day-label-container"><label class="day-label">DAY</label><input type="number" placeholder="DD" class="live-input day-field"></div><div class="month-label-container"><label class="month-label">MONTH</label><input  type="number" placeholder="MM" class="live-input month-field"></div><div class="year-label-container"><label class="year-label">YEAR</label><input type="number" placeholder="YYYY" class="live-input year-field"></div></div>'));
$('.day-label').text(translations['day']);
$('.month-label').text(translations['month']);
$('.year-label').text(translations['year']);
$('.day-field').on("input", function (e) {
  if (e.target.value < 0) return e.target.value = '';
  if (e.target.value > 31) return e.target.value = 31;
});
$('.month-field').on("input", function (e) {
  if (e.target.value < 0) e.target.value = '';
  if (e.target.value > 12) return e.target.value = 12;
});
$('.year-field').on("blur", function (e) {
  if (e.target.value > 2004) return e.target.value = 2004;
  if (e.target.value < 1900) return e.target.value = 1900;
});
var liveSubmitButton = formName.querySelector(".live-submit-button");
var liveSubmitButtonWrapper = document.createElement("div");
liveSubmitButtonWrapper.className = "col-12 d-flex justify-content-centerwhy-card";
liveSubmitButtonWrapper.appendChild(liveSubmitButton);
var liveSubmitErrorWrapper = document.createElement("div");
liveSubmitErrorWrapper.className = "col-12";
liveSubmitErrorWrapper.style.display = "none";
var liveSubmitError = document.createElement("div");
liveSubmitError.className = "form-alert";
liveSubmitErrorWrapper.append(liveSubmitError);
formName.append(liveSubmitErrorWrapper);
formName.append(liveSubmitButtonWrapper);
if (dobDisabled) {
  var _$25, _$25$parent;
  (_$25 = $('input[name="dob"]')) === null || _$25 === void 0 ? void 0 : (_$25$parent = _$25.parent()) === null || _$25$parent === void 0 ? void 0 : _$25$parent.addClass('d-none');
}
if (nationalityDisabled) {
  var _$26, _$26$parent, _$26$parent$parent;
  (_$26 = $('select[name="location_name"]')) === null || _$26 === void 0 ? void 0 : (_$26$parent = _$26.parent()) === null || _$26$parent === void 0 ? void 0 : (_$26$parent$parent = _$26$parent.parent()) === null || _$26$parent$parent === void 0 ? void 0 : _$26$parent$parent.addClass('d-none');
}
var isAedShowing = false;
var AED_CURRENCY_VALUE = 14;
var UAE_COUNTRY_CODE = "AE";
var SCA_Available_currencies = {
  '1': 'USD',
  '6': 'EUR'
};
var currencyValues = {
  '1': 'USD',
  '2': 'AUD',
  '4': 'GBP',
  '6': 'EUR',
  '11': 'CAD',
  '12': 'CHF',
  '14': 'AED'
};
var hideAedCurrencyOption = function hideAedCurrencyOption() {
  if (!isAedShowing) {
    var _$27;
    (_$27 = $("select[name=\"base_currency\"] option[value=\"".concat(AED_CURRENCY_VALUE, "\"]"))) === null || _$27 === void 0 ? void 0 : _$27.hide();
  }
};
var filterCurrencyValues = function filterCurrencyValues() {
  if (!isAedShowing) {
    currencyValues = Object.fromEntries(Object.entries(currencyValues).filter(function (_ref) {
      var _ref2 = _slicedToArray(_ref, 2),
        key = _ref2[0],
        value = _ref2[1];
      return key !== "".concat(AED_CURRENCY_VALUE);
    }));
  }
};
var showCurrencyOptions = function showCurrencyOptions(currencies) {
  var _$28;
  var currenciesValues = Object.keys(currencies);
  (_$28 = $("select[name=\"base_currency\"] option")) === null || _$28 === void 0 ? void 0 : _$28.hide();
  currenciesValues.forEach(function (curr, i) {
    var _$29;
    (_$29 = $("select[name=\"base_currency\"] option[value=\"".concat(curr, "\"]"))) === null || _$29 === void 0 ? void 0 : _$29.show();
  });
};
var updateBaseCurrencies = function updateBaseCurrencies(currencies) {
  showCurrencyOptions(currencies);
};
var updateCurrencyFieldBasedOnNationality = function updateCurrencyFieldBasedOnNationality() {
  var locationSelect = document.querySelector('select[name="location_name"]');
  var handleLocationChange = function handleLocationChange() {
    var countryCode = locationSelect.value;
    var isSelectedCountryUAE = countryCode === UAE_COUNTRY_CODE;
    isSelectedCountryUAE ? updateBaseCurrencies(SCA_Available_currencies) : updateBaseCurrencies(currencyValues);
  };
  locationSelect === null || locationSelect === void 0 ? void 0 : locationSelect.addEventListener('change', handleLocationChange);
};
hideAedCurrencyOption();
filterCurrencyValues();
updateCurrencyFieldBasedOnNationality();
$(formName).validate({
  rules: Array.from(formName.elements).reduce(function (acc, curr) {
    acc[curr.name] = {
      required: curr.required,
      equalTo: curr.name === "confirm_email" && form.elements.email,
      regex: curr.name === "email" ? /^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$/ : curr.dataset.regex
    };
    return acc;
  }, {}),
  messages: Array.from(formName.elements).reduce(function (acc, curr) {
    acc[curr.name] = {
      required: curr.dataset.message,
      equalTo: curr.dataset.extraMessage,
      regex: curr.dataset.extraMessage,
      email: curr.dataset.extraMessage
    };
    return acc;
  }, {}),
  errorPlacement: function errorPlacement(error, element) {
    var _element$closest = element.closest(".live-input-group"),
      _element$closest2 = _slicedToArray(_element$closest, 1),
      liveInputGroup = _element$closest2[0];
    $(liveInputGroup).append(error);
  },
  submitHandler: function submitHandler(form) {
    if (!dobDisabled) {
      var dateOfBirth = dayjs("".concat($('.year-field').val(), "-").concat($('.month-field').val(), "-").concat($('.day-field').val())).isValid() ? dayjs("".concat($('.year-field').val(), "-").concat($('.month-field').val(), "-").concat($('.day-field').val())).format('YYYY-MM-DD') : undefined;
      dateOfBirth ? $('.date-field').val(dayjs("".concat($('.year-field').val(), "-").concat($('.month-field').val(), "-").concat($('.day-field').val())).format('YYYY-MM-DD')) : '';
    }
    if (smsDisabled) {
      form.elements.phone_sms_verif_code.value = 345434;
    }
    if (!passwordRequired) {
      passwordValid = true;
    }
    liveSubmitErrorWrapper.style.display = "none";
    $(".candles-loader-overlay").css({
      "display": "block"
    });
    liveSubmitError.innerText = "";
    var formData = new FormData(formName);
    if (passwordRequired && !passwordValid) {
      document.querySelector(".candles-loader-overlay").style.display = "none";
      liveSubmitErrorWrapper.style.display = "block";
      liveSubmitError.innerText = "Please Check your Password";
      return false;
    }
    $.ajax({
      type: "POST",
      url: formName.action,
      data: formData,
      processData: false,
      contentType: false,
      beforeSend: function beforeSend() {
        document.querySelector(".candles-loader-overlay").style.removeProperty("display");
      },
      success: function success(result) {
        //redirecting to success page in response from MFX Side
        $("#live_demo_contact_landing_form").trigger("reset");
        window.location.href = JSON.parse(result).response.redirect_url;
      },
      error: function error(xhr) {
        liveSubmitErrorWrapper.style.removeProperty("display");
        try {
          if (xhr.readyState === 4) {
            liveSubmitError.innerHTML = JSON.parse(xhr.responseText).response.errors.join("<br />");
            return;
          }
        } catch (error) {}
        liveSubmitError.innerText = translations["server-unreachable"];
      },
      complete: function complete() {
        setTimeout(function () {
          document.querySelector(".candles-loader-overlay").style.display = "none";
        }, 1000);
      }
    });
  }
});

// ejsLang === "ar" ? $('.otp-container').css('direction','ltr') :"";

$("[name='privacy']").parent().parent().css("margin-top", "0");
$(document).ready(function () {
  var sideMenuBtn = document.getElementById("side-menu");
  var sideMenuOverlayBtn = document.getElementById("side-menu-overlay");
  var menuMobile = document.querySelectorAll(".menu-btn");
  var mobileContactBtn = document.querySelector(".menu-item-btn.form-cta");
  mobileContactBtn.addEventListener("click", hideMenu);
  menuMobile.forEach(function (item) {
    item.addEventListener('click', hideMenu);
  });
  function hideMenu() {
    sideMenuBtn.classList.remove("active");
    sideMenuOverlayBtn.classList.remove("active");
  }
  var platFormSelectField = $('.live-tabs-group.platforms');
  var fieldLabel = $(platFormSelectField).find('.live-input-label');
  $(fieldLabel).text(formPlatformSelectionFieldLabelText);
  $(fieldLabel).after('<div class="platform-select-wrapper"></div>');
  var platformSelectOptionsCustomWrapper = $(platFormSelectField).find('.platform-select-wrapper');
  var platformSelectOptions = $(platFormSelectField).find('.form-check.form-check-inline');
  var customPlatformSelectionsHtml = '';
  $(platformSelectOptions).each(function (index, item) {
    var input = $(item).find('input');
    var label = $(item).find('label').text();
    var value = $(input).attr('value');
    if (value == 7) label = 'cTrader';
    customPlatformSelectionsHtml += "<div class=\"platform-select-custom ".concat(index === 1 ? 'active-custom' : '', "\" value=\"").concat(value, "\">").concat(label, "</div>");
  });
  $(platformSelectOptionsCustomWrapper).append(customPlatformSelectionsHtml);
  $(platformSelectOptionsCustomWrapper).find('.platform-select-custom').click(function () {
    $(platformSelectOptionsCustomWrapper).find('.platform-select-custom').removeClass('active-custom');
    $(this).addClass('active-custom');
    var myValue = $(this).attr('value');
    var myInput = $(platFormSelectField).find(".form-check.form-check-inline input[value=".concat(myValue, "]"));
    $(platFormSelectField).find('.form-check.form-check-inline input').prop('checked', false);
    $(platFormSelectField).find('.form-check.form-check-inline input').each(function () {});
    $(myInput).prop('checked', true);
  });
  $(platFormSelectField).removeClass('d-none');
});
var isAR = $('html').attr('lang') === 'ar';
if (isAR) {
  $('select[name="location_name"]>option').each(function (ind, el) {
    var _countriesListTransla;
    var value = el.value !== '' ? el.value : 'select';
    $(el).text((_countriesListTransla = countriesListTranslations[value]) === null || _countriesListTransla === void 0 ? void 0 : _countriesListTransla.name);
  });
}
$('.live-otp-button').attr("disabled", true);
$("input[name=phone_sms_verif_code]").attr("autocomplete", "one-time-code");
$("input[name=phone_sms_verif_code]").attr("inputmode", "numeric");
if ((_window$mfxComponents = window.mfxComponents) !== null && _window$mfxComponents !== void 0 && _window$mfxComponents.bonusRibbon) {
  var props = {
    ribbonConfig: {
      top: ejsLang === 'mxar' ? '3rem' : '3rem',
      left: '0',
      width: ejsLang === "latam" ? '43rem' : ejsLang === "mxes" ? '43rem' : ejsLang === 'mxtr' ? '45rem' : ejsLang === 'mxar' ? '34rem' : '41rem',
      height: '5.25rem',
      spaceBetweenTwoTexts: '0.625rem',
      textColor: '#fff',
      fontSizeSmallText: '1.875rem',
      fontSizeBigText: '3.4375rem',
      topTablet: ejsLang === 'mxar' ? '111px' : '111px',
      leftTablet: '0',
      widthTablet: ejsLang === "latam" ? '28rem' : ejsLang === "mxes" ? '28rem' : ejsLang === 'mxtr' ? '30rem' : ejsLang === 'mxar' ? '23rem' : '26rem',
      heightTablet: '58px',
      spaceBetweenTwoTextsTablet: '12px',
      textColorTablet: '#fff',
      fontSizeSmallTextTablet: '20px',
      fontSizeBigTextTablet: '36px',
      topMobile: ejsLang === 'mxar' ? '80px' : '80px',
      leftMobile: '0',
      widthMobile: ejsLang === "latam" ? '20rem' : ejsLang === 'mxtr' ? '21rem' : ejsLang === 'mxar' ? '17rem' : '19rem',
      heightMobile: '41px',
      spaceBetweenTwoTextsMobile: '6px',
      textColorMobile: '#fff',
      fontSizeSmallTextMobile: '14px',
      fontSizeBigTextMobile: '26px',
      reverseRibbon: isAR ? true : false,
      textHtml: limitedBonus
    }
  };
  var events = {};
  var bannerInstance = window.mfxComponents.bonusRibbon.renderTo('#bonus-ribbon-holder', props, events);
}

/*-------------form button switch-------------- */
$(document).ready(function () {
  var activeObj = [{
    formClass: "live-active",
    headerClass: "form-live-active"
  }, {
    formClass: "demo-active",
    headerClass: "form-demo-active"
  }, {
    formClass: "contact-active",
    headerClass: "form-contact-active"
  }];
  $("input[name='lead_source']").val("Live Account NJ 3.0 Step 1");
  $(".contact-input-label").parent().hide();
  $("[name='regulated_entity']").val(6);
  function activeForm(formactive) {
    Object.entries(formTranslation).map(function (key) {
      if (formactive == key[0]) {
        $(".form-content .form-title").text(key[1].title);
        $(formName).attr("action", key[1].actionUrl);
        $(".live-submit-button ").text(key[1].btnText);
        $(".form-content p").text(key[1].subTitle);
        if (key[1].actionUrl === "/form/accountregistartion") {
          passwordRequired = false;
          smsDisabled = false;
          $(".contact-input-label").parent().hide();
          $("[name='account_type']").val("1");
          $("input[name='phone_sms_verif_code']").parent().show();
          $("[name='password']").parent().removeClass("d-none");
          $(".password-label-container").removeClass('d-none');
          $(".live-otp-button").parent().show();
          $("input[name='lead_source']").val("Live Account NJ 3.0 Step 1");
          $('.live-submit-button').prop('disabled', false);
        } else if (key[1].actionUrl === "/form/newdemoacc") {
          passwordRequired = false;
          smsDisabled = false;
          $(".contact-input-label").parent().hide();
          $("input[name='phone_sms_verif_code']").parent().show();
          $("input[name='lead_source']").val("Demo Account - NJ 3.0");
          $("[name='password']").parent().addClass("d-none");
          $(".password-label-container").addClass('d-none');
          $("[name='account_type']").val("0");
          $(".live-otp-button").parent().show();
          $('.live-submit-button').prop('disabled', false);
        } else if (key[1].actionUrl === "/form/contactus") {
          passwordRequired = false;
          smsDisabled = true;
          $(".contact-input-label").parent().show();
          $("input[name='lead_source']").val("");
          $(".live-otp-button").parent().hide();
          $("input[name='phone_sms_verif_code']").parent().hide();
          $("[name='password']").parent().addClass("d-none");
          $(".password-label-container").addClass("d-none");
          $("[name='account_type']").val("1");
          $("input[name='phone_sms_verif_code']").val('345434');
          var $input = $('input[name="first_name"],input[name="last_name"],input[name="email"],input[name="phone_display"]');
          var $register = $('.live-submit-button');
          // $register.attr('disabled', true);
          $input.keyup(function () {
            var trigger = false;
            $input.each(function () {
              if (!$(this).val()) {
                console.log($(this).val());
                trigger = true;
              }
            });
            // trigger ? $register.attr('disabled', true) : $register.removeAttr('disabled');
          });
        }
      }
    });
  }
  /*----------------------form cta click-------------------*/
  $(".anchor-ib-wrapper a").click(function () {
    $(formName).find("input[type=text], input[type=password], input[type=email], input[type=phone],textarea").val("");
    $(formName).find("label[for=first_name], label[for=last_name], label[for=email], label[for=phone_display]").remove();
    var getActiveClass = $(this).data("id");
    $(".anchor-ib-wrapper a").removeClass("active");
    $(this).addClass("active");
    activeObj.forEach(function (elem) {
      if (elem.formClass === getActiveClass) {
        activeForm(getActiveClass);
      }
    });
  });

  /*--------------------header cta click--------------------*/
  var linkClass = document.querySelectorAll(".form-cta");
  $(linkClass).click(function () {
    var getActive = $(this).data("id");
    $(linkClass).removeClass("active");
    $(this).addClass("active");
    activeObj.forEach(function (elem) {
      if (elem.headerClass === getActive) {
        var anchorTag = $(".anchor-ib-wrapper a");
        $(anchorTag).each(function (item) {
          var dataId = $(this).data("id");
          if (getActive.includes(dataId) === true) {
            $(".anchor-ib-wrapper a").removeClass("active");
            $(this).addClass("active");
            activeForm(getActive);
          }
        });
      }
    });
  });

  /*------------------------------ scroll to form on click-------------------*/



  /*------------------------------ page resize funtion-------------------*/
});<?php echo '</script'; ?>
>
  
        
  <section class="downloadmt4-section">
    <div class="container-fluid wrapper">
        <div class="row d-flex reverse-on-tablet">
            <div class="col-xl-6 col-12 d-flex justify-content-center">
                 <img  src="assets/newfront/images/platforms/1real.jpeg" alt="desktop-mobile-image" class="desktop-mobile-image">
            </div>
            <div class="col-xl-6 col-12 download-content">
                <h3>NEW CITY RISES AT MANHATTAN WEST</h3>
                
                <p>Manhattan West is one of <?php echo smarty_modifier_myescape($_smarty_tpl->tpl_vars['settings']->value['site_name']);?>
’s most ambitious large-scale development projects. The eight-acre, six-building, mixed-use complex includes all the elements of  <?php echo smarty_modifier_myescape($_smarty_tpl->tpl_vars['settings']->value['site_name']);?>
’s renowned placemaking destinations throughout the world.
                  <br><br>
                  Our leaders share a commitment to our time-tested approach to investing, hands-on value creation and practices that have a positive impact on our communities.
                </p>
            </div>
        </div>
    </div>
</section>



<section class="downloadmt4-section">
  <div class="container-fluid wrapper">
      <div class="row d-flex reverse-on-tablet">
          <div class="col-xl-6 col-12 d-flex justify-content-center">
               <img  src="assets/newfront/images/platforms/2real.png" alt="desktop-mobile-image" class="desktop-mobile-image">
          </div>
          <div class="col-xl-6 col-12 download-content">
              <h3>OFFICE</h3>
              
              <p>We own, develop and manage office properties in key gateway cities in the U.S., Canada, the U.K., Germany, Australia, Brazil, India and South Korea.
                
                <ul class="first-half-list">
                  <li>318 PROPERTIES</li>
                  <li>167M SF COMMERCIAL SPACE</li>
                </ul> 
              </p>
          </div>
      </div>
  </div>
</section>



<section class="downloadmt4-section">
  <div class="container-fluid wrapper">
      <div class="row d-flex reverse-on-tablet">
          <div class="col-xl-6 col-12 d-flex justify-content-center">
               <img  src="assets/newfront/images/platforms/3real.jpeg" alt="desktop-mobile-image" class="desktop-mobile-image">
          </div>
          <div class="col-xl-6 col-12 download-content">
              <h3>RETAIL</h3>
              
              <p>Our high-quality retail destinations are central gathering places for the communities they serve, combining shopping, dining, entertainment and other activities.
                
                <ul class="first-half-list">
                  <li>179 LOCATIONS, PREDOMINANTLY IN THE U.S AND UK</li>
                  <li>154 MILLION TOTAL SQUARE FEET</li>
                </ul> 
              </p>
          </div>
      </div>
  </div>
</section>


<section class="downloadmt4-section">
  <div class="container-fluid wrapper">
      <div class="row d-flex reverse-on-tablet">
          <div class="col-xl-6 col-12 d-flex justify-content-center">
               <img  src="assets/newfront/images/platforms/4real.png" alt="desktop-mobile-image" class="desktop-mobile-image">
          </div>
          <div class="col-xl-6 col-12 download-content">
              <h3>MULTIFAMILY</h3>
              
              <p>Our extensive multifamily portfolio makes us one of the largest owners and managers of residential apartment properties in the U.S. with ownership stakes in approximately 58,000 apartments.
                
                <ul class="first-half-list">
                  <li>156 PROPERTIES</li>
                  <li>51,595 APARTMENTS</li>
                </ul> 
              </p>
          </div>
      </div>
  </div>
</section>


<section class="downloadmt4-section">
  <div class="container-fluid wrapper">
      <div class="row d-flex reverse-on-tablet">
          <div class="col-xl-6 col-12 d-flex justify-content-center">
               <img  src="assets/newfront/images/platforms/5real.jpeg" alt="desktop-mobile-image" class="desktop-mobile-image">
          </div>
          <div class="col-xl-6 col-12 download-content">
              <h3>HOSPITALITY</h3>
              
              <p>We own and actively manage full-service hotels and leisure-style hospitality assets in high-barrier markets across North America, the U.K. and Australia.
                
                <ul class="first-half-list">
                  <li>16 FULL-SERVICE HOSPITALITY PROPERTIES</li>
                  <li>140 EXTENDED-STAY HOTELS</li>
                  <li>31,000 ROOMS</li>
                </ul> 
              </p>
          </div>
      </div>
  </div>
</section>



<section class="downloadmt4-section">
  <div class="container-fluid wrapper">
      <div class="row d-flex reverse-on-tablet">
          <div class="col-xl-6 col-12 d-flex justify-content-center">
               <img  src="assets/newfront/images/platforms/6real.jpg" alt="desktop-mobile-image" class="desktop-mobile-image">
          </div>
          <div class="col-xl-6 col-12 download-content">
              <h3>OTHERS</h3>
              
              <p>We drive value in high-quality assets in other sectors such as logistics, triple net lease, manufactured housing and student housing by focusing on leasing, financing, development, construction and facilities management.
                
                <ul class="first-half-list">
                  <li>159 STUDENT HOUSING PROPERTIES</li>
                  <li>306 TRIPLE NET LEASE ASSETS</li>
                </ul> 
              </p>
          </div>
      </div>
  </div>
</section>


<br><br>


        <style>
        [dir] .downloadmt4-section {
  background: url("assets/newfront/images/platforms/candles-white-bg.svg") no-repeat center center #fff;
  background-size: contain;
}

.downloadmt4-section .first-half-list {
  list-style-image: url("assets/newfront/images/home/animated-home/advantages/list-candles.png");
}

.downloadmt4-section .first-half-list {
  padding-left: 1.5em;
}

.downloadmt4-section .first-half-list {
  padding-right: 1.5em;
}

.downloadmt4-section .first-half-list li {
  color: #03105F;
  font-size: 1rem;
  font-weight: 700;
}

.downloadmt4-section .first-half-list li {
  padding-left: 0.5em;
  margin-bottom: 0.85em;
}


@media (max-width: 576px) {
  [dir] .downloadmt4-section {
    background-position: top;
  }
}

[dir] .downloadmt4-section .wrapper {
  padding: 5rem 3.75rem 0rem;
}

@media (max-width: 1399px) and (min-width: 1200px) {
  [dir] .downloadmt4-section .wrapper {
    padding: 5rem 8.75rem 9rem;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  [dir=ltr] .downloadmt4-section .wrapper {
    padding: 3rem 0 4rem 3rem !important;
  }

  [dir=rtl] .downloadmt4-section .wrapper {
    padding: 3rem 3rem 4rem 0 !important;
  }
}

@media (max-width: 768px) {
  [dir=ltr] .downloadmt4-section .wrapper {
    padding: 3rem 0 0 3rem;
  }

  [dir=rtl] .downloadmt4-section .wrapper {
    padding: 3rem 3rem 0 0;
  }
}

@media (max-width: 1200px) {
  .downloadmt4-section .wrapper .reverse-on-tablet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  [dir] .downloadmt4-section .wrapper .reverse-on-tablet {
    padding-bottom: 2rem;
  }
}

@media (max-width: 576px) {
  [dir] .downloadmt4-section .wrapper .reverse-on-tablet {
    padding-bottom: 3rem;
  }
}

.downloadmt4-section .wrapper .desktop-mobile-image {
  width: 70%;
    border-radius: 15px;
}

@media (min-width: 2000px) {
  .downloadmt4-section .wrapper .desktop-mobile-image {
    width: 60%;
    border-radius: 15px;
  }
}

@media (max-width: 1200px) {
  .downloadmt4-section .wrapper .desktop-mobile-image {
    width: 65%;
    border-radius: 15px;
  }
}

@media (max-width: 567px) {
  .downloadmt4-section .wrapper .desktop-mobile-image {
    width: 80%;
    border-radius: 15px;
  }
}

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

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

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

.downloadmt4-section .wrapper .download-content h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 4rem;
  letter-spacing: 0;
}

[dir] .downloadmt4-section .wrapper .download-content h3 {
  margin: 0;
  padding-bottom: 1rem;
}

[dir=ltr] .downloadmt4-section .wrapper .download-content h3 {
  background: -webkit-gradient(linear, left top, right top, from(#AD8640), to(#CAAB67));
  background: linear-gradient(90deg, #AD8640 0%, #CAAB67 100%);
}

[dir=rtl] .downloadmt4-section .wrapper .download-content h3 {
  background: -webkit-gradient(linear, right top, left top, from(#AD8640), to(#CAAB67));
  background: linear-gradient(-90deg, #AD8640 0%, #CAAB67 100%);
}

[dir] .downloadmt4-section .wrapper .download-content h3 {
  -webkit-background-clip: text;
}

@media (max-width: 1200px) {
  .downloadmt4-section .wrapper .download-content h3 {
    display: block;
    font-size: 2.25rem;
  }

  [dir] .downloadmt4-section .wrapper .download-content h3 {
    padding-top: 1rem;
    margin: auto;
    text-align: center;
  }
}

@media (max-width: 576px) {
  .downloadmt4-section .wrapper .download-content h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}

@media (max-width: 400px) {
  .downloadmt4-section .wrapper .download-content h3 {
    font-size: 1.55rem;
  }
}

.downloadmt4-section .wrapper .download-content .desktop-img {
  width: 30%;
}

[dir] .downloadmt4-section .wrapper .download-content .desktop-img {
  padding-bottom: 1rem;
}

@media (max-width: 1200px) {
  .downloadmt4-section .wrapper .download-content .desktop-img {
    display: block;
  }

  [dir] .downloadmt4-section .wrapper .download-content .desktop-img {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .downloadmt4-section .wrapper .download-content .desktop-img {
    width: 60%;
  }
}

.downloadmt4-section .wrapper .download-content p {
  color: #020862;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0.00625rem;
  font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

[dir] .downloadmt4-section .wrapper .download-content p {
  padding-bottom: 3.125rem;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  [dir] .downloadmt4-section .wrapper .download-content p {
    text-align: center;
    padding-bottom: 1.875rem;
  }
}

@media (max-width: 740px) {
  [dir=ltr] .downloadmt4-section .wrapper .download-content p {
    text-align: left;
  }

  [dir=rtl] .downloadmt4-section .wrapper .download-content p {
    text-align: right;
  }
}

@media (max-width: 567px) {
  .downloadmt4-section .wrapper .download-content p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    letter-spacing: 0.00438rem;
  }

  [dir] .downloadmt4-section .wrapper .download-content p {
    padding-bottom: 1.25rem;
  }
}

.downloadmt4-section .download-meta-trader {
  /* Style the tab */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

[dir] .downloadmt4-section .download-meta-trader {
  padding-bottom: 4rem;
}

@media (max-width: 1200px) {
  .downloadmt4-section .download-meta-trader {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 768px) {
  [dir] .downloadmt4-section .download-meta-trader {
    padding-bottom: 9rem;
  }
}

@media (max-width: 576px) {
  [dir] .downloadmt4-section .download-meta-trader {
    padding-bottom: 15rem;
  }
}

@media (max-width: 360px) {
  [dir] .downloadmt4-section .download-meta-trader {
    padding-bottom: 16rem;
  }
}

.downloadmt4-section .download-meta-trader .tabs_heading {
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.00625rem;
  position: relative;
  width: auto;
  max-width: 11.0625rem;
  color: #9091A3;
  font-family: "Open Sans", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

[dir] .downloadmt4-section .download-meta-trader .tabs_heading {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 1.5625rem 1.25rem 1.5625rem;
  margin: 0;
}

[dir=ltr] .downloadmt4-section .download-meta-trader .tabs_heading {
  float: left;
}

[dir=rtl] .downloadmt4-section .download-meta-trader .tabs_heading {
  float: right;
}

.downloadmt4-section .download-meta-trader .tabs_heading::after {
  height: 0.125rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  content: "";
  display: inline-block;
}

[dir] .downloadmt4-section .download-meta-trader .tabs_heading::after {
  background: #ccc;
}

[dir=ltr] .downloadmt4-section .download-meta-trader .tabs_heading::after {
  left: 0;
}

[dir=rtl] .downloadmt4-section .download-meta-trader .tabs_heading::after {
  right: 0;
}

.downloadmt4-section .download-meta-trader .tabs_heading.active {
  color: #020862;
}

.downloadmt4-section .download-meta-trader .tabs_heading.active::after {
  height: 0.3125rem;
  bottom: -0.1875rem;
}

[dir] .downloadmt4-section .download-meta-trader .tabs_heading.active::after {
  background: #BB914A;
}

.downloadmt4-section .download-meta-trader .tabcontent {
  position: absolute;
  top: 6rem;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

@media (min-width: 1199px) {
  .downloadmt4-section .download-meta-trader .tabcontent {
    top: 5rem;
  }
}

@media (max-width: 1199px) and (min-width: 577px) {
  .downloadmt4-section .download-meta-trader .tabcontent {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 576px) {
  .downloadmt4-section .download-meta-trader .tabcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.downloadmt4-section .download-meta-trader .icon_container {
  display: inline-block;
}

@media (max-width: 576px) {
  .downloadmt4-section .download-meta-trader img {
    width: 90%;
  }

  [dir] .downloadmt4-section .download-meta-trader img {
    margin-bottom: 0.75rem;
  }
}</style>
        <?php echo '<script'; ?>
>"use strict";

var tabsHeading = document.querySelectorAll('.tabs_heading');
var tabDownloads = document.querySelectorAll('.tabcontent-mt-4');
if (ejsLang === "enat" || ejsLang === "ency" || ejsLang === "eniq" || ejsLang === "ariq") {
  tabsHeading[0].style.display = 'none';
  tabDownloads[1].style.display = 'block';
  tabDownloads[0].style.display = 'none';
}
if (ejsLang === "enmc") {
  tabsHeading[1].style.display = 'none';
}
console.dir(tabDownloads);
function downloadTabs(evt, tabsName, tabId) {
  var i, tabcontent;
  tabcontent = document.querySelectorAll(".tabcontent-".concat(tabId));
  var tablinks = document.getElementsByClassName("tablinks-".concat(tabId));
  for (i = 0; i < tabcontent.length; i++) {
    if (tabcontent[i].style.display === "none") {
      tabcontent[i].style.display = "flex";
    } else {
      tabcontent[i].style.display = "none";
    }
  }
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(tabsName).style.display = "flex";
  evt.currentTarget.className += " active";
}
$(".icon_container .icon_btn").hover(function () {
  $(this).attr("src", function (index, attr) {
    return attr.replace(".svg", "-hover.svg");
  });
}, function () {
  $(this).attr("src", function (index, attr) {
    return attr.replace("-hover.svg", ".svg");
  });
});
$(".icon_container .icon_btn").hover(function () {
  $(this).attr("src", function (index, attr) {
    return attr.replace(".png", "-hover.png");
  });
}, function () {
  $(this).attr("src", function (index, attr) {
    return attr.replace("-hover.png", ".png");
  });
});<?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);

}
}
?>