.nobutton .account-login{
  display: none;
}

/******************
 * Header Private
*******************/

/* logo */
/*
.header-logo-container svg{
  fill: #09D674; 
}
*/

.main-header{
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
 }
 
 body{
   background: #000;
 }
 body ::selection {
   background: rgba(255,255,255,0.2);
 }
 
 /* barre du haut contenant le 1er menu */
 .hat{
   position: relative;
   z-index: 1;
   height: 35px;
   background-color: #000;
   border-bottom: 1px #191919 solid;/*e6e6e6*/
   transition: all 0.25s ease;  
 }
 .hat-scrolled .hat {
   height: 0px;
   border-bottom: 0px #000 solid;
   transition: all 0.25s ease;  
 }
 /* couleurs spécifiques pour la page FlowBank Pro*/
 .private-fbpro .hat{
   background: var(--private-fbpro-color);
   border-bottom: 1px #424248 solid;
 }
 .private-fbpro.hat-scrolled .hat {
   border-bottom: 0px #424248 solid;
 }
 
 
 #top-header{
   height: 0px;
   width: 0px;
   font-size: 0px;
   line-height: 0px;
   
   margin-bottom: 0px;/*35px*/
   
   transition: all 0.25s ease;  
 }
 .hat-scrolled #top-header {
   margin-bottom: 0;
   transition: all 0.25s ease;  
 }
 
 
 
 
 /* menu top */
 .hat .menu ul{
   display: flex;  
   margin: 0 0 0 33px;
   padding: 0;
   height: 35px;
   align-items: flex-end;
   background: transparent;
 }
 .hat .menu ul li:first-child{
   padding: 0 20px 0 0;
 }
 
 /* Arabic lang */
 .lang-ar .hat .menu ul{
   margin: 0 33px 0 0;
 }
 .lang-ar .hat .menu ul li:first-child{
   padding: 0 0 0 20px;
 }
 
 
 .hat .menu ul li a{
   font-size: 1.5rem;
   display: inline-block; 
 }
 .hat .menu ul li a:after{
   content: '';
   display: block;
   width: 0;
   height: 3px;
   margin-top: 4px;
   background: #09D674;
   transition: width .3s;
 }
 
 .private .hat .menu ul li:first-child a, .products .hat .menu ul li:first-child a, .pro .hat .menu ul li:last-child a{
   color: #fff;/*16171d*/
   font-weight: 500;
 }
 .private-fbpro .hat ul li:first-child a{
   color: #fff;
   font-weight: 400;
 }
 
 .private .hat .menu ul li:first-child a::after, .products .hat .menu ul li:first-child a::after, .private-fbpro .hat .menu ul li:first-child a::after{
   width: 100%;
 }
 
 .private .hat .menu ul li:last-child a, .products .hat .menu ul li:last-child a, .pro .hat .menu ul li:first-child a{
   color: #fff;/*#666*/
   font-weight: 300;
 }
 .private .hat .menu ul li:last-child a:hover, .products .hat .menu ul li:last-child a:hover, .pro .hat .menu ul li:first-child a:hover{
   color: #fff;/*16171d*/
 }
 .private-fbpro .hat .menu ul li:last-child a{
   color: #fff;
   font-weight: 300;
 }
 .private-fbpro .hat .menu ul li:last-child a:hover{
   color: #fff;
 }
 .private .hat .menu ul li:last-child a:hover::after, .products .hat .menu ul li:last-child a:hover::after, .private-fbpro .hat .menu ul li:last-child a:hover::after, .pro .hat .menu ul li:first-child a:hover::after{
   width: 100%;
 }
 
 
 
 
 /* alignement menu haut */
 
 /* liens open an account & login MOBILE */
 @media (min-width: 768px)    {
   .header-menu-mobile-container-inner .account-mobile{
     justify-content: center;
     margin: 0 auto;
   }
   .header-menu-mobile-container-inner .account-mobile div{    
     text-align: center;
   }
 }
 
 @media (max-width: 767px)    {
   .header-menu-mobile-container-inner .account-mobile{
     justify-content: stretch;
     flex-direction: column;
   }
   .header-menu-mobile-container-inner .account-mobile div a{
    margin-bottom: 1.5rem;
   }
 }
 
 
 /* liens login & open an account DESKTOP */
 
 /* login */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-login a{
   color: #fff;
 
   border: 1px #fff solid;
   border-radius: 50px;
   transition: all 0.3s ease;
 }
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-login a:hover{  
   background: rgba(255, 255, 255, 0.12);  
   transition: all 0.3s ease;
 }
 
 
 /* open an account */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-signup a{
   border-radius: 50px;/*8px*/
   padding: 10px 25px; 
   margin: 0.3rem 1rem 0 1rem;
   font-weight: 700;
   color: #000;
   background: #09d674;
   font-size: 1.6rem;
   transition: all 0.3s ease;
   text-align: center;
 }
 
 .private-fbpro .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-signup a{
   color: #000;
   background: #09d674;
 }
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-signup a:hover{
   background: #0abc67;/*09c66c*/  
   transition: all 0.3s ease;
 }
 
 
 
 .menu-mobile-hidden{
   transform: translateX(0%)!important;
 }
 
 
 
 /* conteneur principal */
 .header-container-outer {
   justify-content: space-between;
   width: 100%;
 }
 
 /* conteneur logo */
 .header-container-outer .header-logo-container {
   flex-grow: 1;
   padding-top: 0.8rem;
   padding-right: 5rem;
 }
 
 /* Arabic lang */
 .lang-ar .header-container-outer .header-logo-container {
   padding-right: 0;
   padding-left: 5rem;
 }
 
 .header-container-outer .header-logo-container img{
   max-width: fit-content;
 }
 
 /* conteneur menus desktop / mobile + lang + bt sign up */
 .header-container-outer .header-menu-container-outer {
   flex-grow: 8;
   justify-content: space-between;
   width: 100%;
   padding-top: 0.5rem;
 }
 
 
 
 
 /*****************************
         Menu "hat" MOBILE
 ******************************/
 
 .header-menu-mobile-container-inner .hat-mobile{
   margin: 1rem 0 0 0;
 }
 .header-menu-mobile-container-inner .hat-mobile ul{
   display: flex;
   justify-content: stretch;
   align-content: space-between;
   align-items: center;
 }
 .header-menu-mobile-container-inner .hat-mobile li{
   flex: 0 0 50%;
   text-align: center;
 }
 .header-menu-mobile-container-inner .hat-mobile a{
   display: block;
   padding: 0 0 1rem 0;
 }
 
 .header-menu-mobile-container-inner .hat-mobile .hs-menu-item:first-child a{
   font-weight: 500;
   border-bottom: 4px #09d674 solid;
 }
 
 .header-menu-mobile-container-inner .hat-mobile .hs-menu-item:last-child{
   border-bottom: 3px #000 solid;
 }
 .header-menu-mobile-container-inner .hat-mobile .hs-menu-item:last-child a{
   color: #fff;
 }
 
 
 
 /*****************************
         Menu
 **************************** */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li {
   position: relative;
   z-index: 9999;  
 }
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a {
   position: relative;
   z-index: 9999;   
   color: #7b7e7e;/*rgba(0, 0, 0, 0.5)*/
   padding: 0 15px;
   font-weight: 700;
   font-size: 1.6rem!important;
 }
 
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-menu-depth-2 a {
   color: #7b7e7e;
 }
 
 .scrolled .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a{
   color: #7b7e7e;
 }
 
 /* hover */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-menu-depth-1 a:hover{
   color: #09D674!important;/*#000!important*/
   transition: none;
 }
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-menu-depth-2 a:hover{
   color: #09D674!important;/*#000!important*/
   transition: none;
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-menu-depth-1 a:hover{
   color:#09D674 ;/*#000!important*/
 }
 
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-item-has-children:hover > a.submenu-selected{
   color: #09D674!important;/*#000!important*/
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-item-has-children:hover > a.submenu-selected{
   color: #09D674!important;
 }
 
 
 
 
 /* sous-menu */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul {
   position: fixed;
   z-index: 1;
   display: block!important;    
   border: 1px rgba(48,48,48,0.93) solid;
   background: rgba(29,29,29,0.93);
   box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
   
   border-radius: 8px;
   margin: -5px 0 0 0;
   padding: 10px;
   transform:  scale(1, 0);
   transform-origin: top;
   transition: all 0.3s ease;
   width: fit-content;
 }
 
 .scrolled .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul {
 
   
 }
 
 
 /* Rend le menu déroulant caché par défaut */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li:hover ul{
   margin: 10px 0 0 0;
   transform: scaleY(1);
   transition: all .3s ease;  
 }
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul.submenu-hover {
   position: fixed!important;
   display: block!important;   
   border: 1px rgba(48,48,48,0.93) solid;
   background: rgba(29,29,29,0.93);
   border-radius: 8px;
   box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
   margin: 10px 0 0 0;
   padding: 10px;
   transform: scaleY(1);
   transition: none;
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul.submenu-hover {
   
 }
 
 /* items sous-menu */
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul li {
   padding: 4px 0;   
 }
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul li a{ 
   color: #7b7e7e;
   padding: 1px 10px;
   width: 100%;
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul li a{
   color: #7b7e7e;
 }
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul li a:hover{
   color: #7b7e7e;
   transition: none;
 }
 
 
 
 /************
 * MOBILE 
 *************/
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner{
   width: 100%;  
 }
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner li > a{
  border-bottom: 1px #262626 solid;
  font-size: 18px;
  color: #fff;
  font-weight: 300;
 }
 /* Arabic lang */
 .lang-ar .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner li > a{
   text-align: right;
  }
 
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner li:last-child > a{
   border-bottom:none;
 }
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner li.hs-menu-depth-1:last-child ul li:first-child a{
   border-top: 1px #262626 solid;
 }
 
 
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-item-has-children {
   transition: all 0.5s ease;
 }
 
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-item-has-children > .child-trigger{
   background: transparent url('https://www.flowbank.com/hubfs/mktv/common/fleche-menu-mobile-white.png') 100% 50% no-repeat;
  }
 
  .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-item-has-children > .child-open{
   background: transparent url('https://www.flowbank.com/hubfs/mktv/common/fleche-menu-mobile-white-hover.png') 100% 50% no-repeat;
  }
 
  /* Arabic lang */
  .lang-ar .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-item-has-children > .child-trigger{
   background: transparent url('https://www.flowbank.com/hubfs/mktv/common/fleche-menu-mobile-white.png') 0% 50% no-repeat;
  }
  .lang-ar .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-item-has-children > .child-open{
   background: transparent url('https://www.flowbank.com/hubfs/mktv/common/fleche-menu-mobile-white-hover.png') 0% 50% no-repeat;
  }
 
 
  .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-menu-depth-1 ul{
   background: #191919;
 }
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-menu-depth-1 ul li{
   background: transparent;  
 }
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-menu-depth-1 ul li a{
   border: none;
   padding: 0rem 0 0 1rem;
   margin: 0;  
   border-bottom: 1px #262626 solid; 
 }
 .header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner .hs-menu-depth-1 ul li:last-child a{
   border-bottom: 1px #262626 solid;
 }
 
 
 
 
 
 
 body.pages {
   padding-top: 207px;
 }
 /* learning center */
 body.blog {
   padding-top: 125px;
 }
 
 
 @media (max-width: 1454px) {
   body.pages {
     padding-top: 125px;
   }
 }
 
 /* Menu DESKTOP */
 @media (min-width: 1455px) {
   body .header-container-outer .header-menu-mobile-container-inner, 
   body .header-container-outer .header-cta-mobile-container, 
   body .header-container-outer .header-language-mobile-switcher, 
   body .header-container-outer .burger-mobile-container {
     display: none;
   }
 }
 
 /* Menu MOBILE */
 @media (max-width: 1454px) {
   body .header-container-outer .header-menu-desktop-container-inner, 
   body .header-container-outer .header-menu-desktop-container-inner-account,
   body .header-container-outer .header-cta-desktop-container, 
   body .header-container-outer .header-menu-desktop-r,
   body .footer-pages .footer-language-desktop-switcher, 
   body .animated-header,
   body .hat {
     display: none;
   }
   #top-header {
     margin-bottom: 0;
   }
   
 }
 
 
 /* barre de menu > fixée et transparente */
 .header-container-outer {
   position: relative;
   width: 100%;
   padding: 1.8rem 3rem 2.5rem 3.3rem;
   background: transparent;/*#000*/
   z-index: 99999;
   transition: none;
 }
 
 
 .homepage .header-container-outer {
   background: transparent;
 }
 
 .private-fbpro .header-container-outer {
   background: var(--private-fbpro-color);
 }
 
 /* onscroll > barre de menu originale (non fixée et bg blanc) */
 .scrolled .header-container-outer,
 .homepage.scrolled .header-container-outer,
 .private.scrolled .header-container-outer,
 .private-fbpro.scrolled .header-container-outer{
   background: rgba(0,0,0,1)!important;
   transition: all 0.1s ease!important;/*0.5s*/
 }
 
 
 
 .scrolled .header-container-outer {
   box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.07)!important;
   
 }
 .private-fbpro .header-container-outer {
   box-shadow: none;
 }
 
 /* ??  */
 /*
 .homepage .header-container-outer,
 .private .header-container-outer,
 .private-fbpro .header-container-outer,
 .products .header-container-outer,
 .products-v31 .header-container-outer {
   box-shadow: none;
 }
 */
 
 
 .scrolled .header-container-outer {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
 }
 .homepage.scrolled .header-container-outer,
 .private.scrolled .header-container-outer,
 .private-fbpro.scrolled .header-container-outer,
 .products.scrolled .header-container-outer {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
 }
 
 
 .homepage .header-container-outer.open {
   background-color: var(--white-color);
 }
 .homepage.scrolled .header-container-outer {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
 }
 .homepage.hero-hidden .header-container-outer {
   background-color: #fff;
 }
 .homepage.hero-hidden.scrolled .header-container-outer {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
 }
 
 
 
 
 .header-container-outer .header-logo-container {
   opacity: 1;
   visibility: visible;
   transition: all 0.5s ease;
 }
 
 .header-container-outer .header-logo-container * {
   line-height: 0;
 }
 
 @media (max-width: 480px) {
   .header-container-outer .header-logo-container img {
     max-width: 115.35px;
   }
 }
 
 .header-container-outer .header-menu-container-outer {
   align-items: center;
 }
 
 @media (max-width: 1454px) {
   .header-container-outer .header-menu-container-outer {
     position: fixed;
     top: 68px;
     right: -100vw;
     flex-flow: column;
     justify-content: flex-start;
     align-items: flex-start;
     width: 100vw;
     height: calc(100vh - 68px);
     padding-top: 12px;
     padding-left: 20px;
     padding-right: 20px;
     transform-origin: center center;
     transform: translateX(0%);
     background-color: rgba(0, 0, 0, 1);/*0.8*/
     z-index: 9999999999999999999999;
     transition: transform 0.5s ease, background 0.5s ease;
   }
   /* Arabic lang */
   .lang-ar .header-container-outer .header-menu-container-outer {
      transform: translateX(-200%);
   }
 
   .homepage .header-container-outer .header-menu-container-outer {
     background-color: var(--white-color);
   }
   .homepage.hero-hidden .header-container-outer .header-menu-container-outer {
     background-color: var(--white-color);
   }
 }
 
 /*  */
 @media (max-width: 1199px) {
   .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-item-has-children a:after,
   .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account ul li.hs-item-has-children a[href*="myaccount"]:after{
     padding: 0;
     content: '';
   }
 }
 
 
 
 
 /* pages market-news */
 .pages.market-news .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner {
   padding-right: 3.7rem;
 }
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul {
   display: flex;
 }
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li:not(:last-of-type) {
   margin-right: 0.2rem;
 }
 
 .pages.market-news .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a[href*="market-research"] {
   /*display: none;*/
 }
 
 .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a {
   /*color: var(--black-color);*/
   color: #7b7e7e;
   font-size: 1.8rem;/*1.8*/
   transition: all 0.5s ease;
 }
 
 .homepage .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a {
   /*color: var(--white-color);*/
   color: #7b7e7e;
 }
 
 .homepage.hero-hidden .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a {
   /*color: var(--black-color);*/
   color: #7b7e7e;
 }
 
 @media (hover: hover) {
   .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a:hover, 
   .homepage.hero-hidden .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a:hover {
     color: #2C2E39;
   }
 }
 
 
 /************
 /* language 
 *************/
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher {
   position: relative;
   margin-top: 3px;
   margin-left: 0rem;
   margin-right: 1rem;
 }
 /* Arabic lang */
 .lang-ar .header-container-outer .header-menu-container-outer .header-language-desktop-switcher {
   margin-left: 1rem;
   margin-right: 0rem;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container {
   padding: 7px 5px;/*7px 20px*/
   position: relative;
   border-radius: 16px;
   background: transparent;
   color: #fff;/*#111!important*/
   font-size: 1.6rem;
   cursor: default;
   transition: all 0.5s ease;
   cursor: pointer;
 }
 
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container:after {
   display: inline-block;
   vertical-align: middle;
   content: url('data:image/svg+xml;utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.25 14.125L7 7.875L7.875 7L13.25 12.375L18.625 7L19.5 7.875L13.25 14.125Z" fill="white"/></svg>');
   padding: 3px 0 0 10px;
 }
 
 .lang-ar .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container:after {
   padding: 3px 10px 0 0;
 }
 
 
 .private-fbpro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container:after {
   content: url('data:image/svg+xml;utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.25 14.125L7 7.875L7.875 7L13.25 12.375L18.625 7L19.5 7.875L13.25 14.125Z" fill="white"/></svg>');
 }
 
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container:after {
   content: url('data:image/svg+xml;utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.25 14.125L7 7.875L7.875 7L13.25 12.375L18.625 7L19.5 7.875L13.25 14.125Z" fill="white"/></svg>');
   transition: all 0.5s ease;
 }
 
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container svg {
   margin-right: 1rem;
 }
 /* Arabic lang */
 .lang-ar .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container svg {
   margin-right: 0;
   margin-left: 1rem;
 }
 
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container svg path {
   fill: #fff;/*var(--black-color)*/  
 }
 .private-fbpro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container svg path {
   fill: #fff;/*rgba(255, 255, 255, 0.8)/
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container svg path {
   fill: #000;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span {
   color: #fff;/*var(--black-color)*/  
 }
 
 .homepage .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span{
   color: rgba(255, 255, 255, 0.5);
 }
 
 .private-fbpro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span {
   color: rgba(255, 255, 255, 0.8);
   fill: rgba(255, 255, 255, 0.5);
   font-size: 1.6rem;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span {
   font-size: 1.6rem;
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span,
 .homepage.hero-hidden .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span {
   color: #fff;/*#000*/
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span {
   transition: color 0.5s ease;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher .lang-spacer {
   margin-left: 3.7rem;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul {
   position: absolute;
   top: calc(100% + 1rem);
   left: 50%;
   display: flex;
   flex-flow: column;
   max-height: 0;
   padding: 0 18px;
   border-radius: 8px;
   transform: translateX(-50%);
   overflow: hidden;
   transition: all 0.5s ease;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul {
   /*
   border: 1px rgba(48,48,48,0.0) solid;
   */
   background: rgba(29,29,29,0.93);
 }
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul:hover {
   border: 1px rgba(48,48,48,0.93) solid;
 }
 
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul {
 
 }
 
 
 .homepage:not(.hero-hidden) .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul {
   
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li.active {
   order: -1;
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a {
   line-height: 250%;
   font-size: 1.6rem;
   color: #7b7e7e;
   transition: all 0.5s ease;
   font-weight: 500;
 }
 
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li.active a {
   color: #09D674;
 }
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a:hover {
   color: #09D674;
 }
 
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a {
   
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li.active a {
 
 }
 .scrolled .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a:hover {
 
 }
 
 
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher:hover ul {
   max-height: 250px;
   box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.05);
 }
 
 .header-container-outer .header-menu-container-outer .header-language-desktop-switcher:hover .current-lang-container {
   box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.05);
 }
 
 /*********************************************************/
 
 
 .header-container-outer .header-menu-container-outer .header-cta-desktop-container {
   min-height: 55px;
 }
 
 .header-container-outer .header-menu-container-outer .header-cta-desktop-container a.cta_button {
   padding: 1.4rem 2.8rem;
   font-size: 1.8rem;
   font-weight: 600;
   border-radius: 8px;
   color: var(--white-color);
   background-color: #09D674;
   box-shadow: 0px 0px 0px #51E39D;
   transition: all 0.5s ease;
 }
 
 
 @media (hover: hover) {
   .header-container-outer .header-menu-container-outer .header-cta-desktop-container a.cta_button:hover, 
   .homepage .header-container-outer .header-menu-container-outer .header-cta-desktop-container a.cta_button:hover, 
   .signup .header-container-outer .header-menu-container-outer .header-cta-desktop-container a.cta_button:hover, 
   .homepage.hero-hidden .header-container-outer .header-menu-container-outer .header-cta-desktop-container a.cta_button:hover {
     background-color: #3CBA7E;
   }
 }
 
 
 /*************************************************
    BURGER MENU - MOBILE
 **************************************************/
 
 
 
 .header-container-outer .burger-mobile-container svg line {
   stroke: #09D674;
   transform-origin: center center;
   transform-style: plan;
   transition: all 0.5s ease;
 }
 
 .homepage .header-container-outer.open .burger-mobile-container svg line,
 .homepage.hero-hidden .header-container-outer .burger-mobile-container svg line,
 .homepage .header-container-outer .burger-mobile-container svg line{
   stroke: #09D674;
 }
 
 .private-fbpro .header-container-outer .burger-mobile-container svg line{
   stroke: #09D674;
 }
 .scrolled .header-container-outer .burger-mobile-container svg line {
   stroke: #09D674;
 }
 
 
 .header-container-outer.open .burger-mobile-container svg line:nth-child(1) {
   transform: scale(0);
 }
 
 .header-container-outer.open .burger-mobile-container svg line:nth-child(2) {
   transform: rotate(45deg);
 }
 
 .header-container-outer.open .burger-mobile-container svg line:nth-child(3) {
   transform: rotate(-45deg);
 }
 
 .header-container-outer.open .burger-mobile-container svg line:nth-child(4) {
   transform: scale(0);
 }
 
 
 /* Responsive */
 @media (max-width: 1454px) {
   .header-container-outer.open .header-menu-container-outer {
     transform: translateX(-100%);
   }
   /*
   .header-container-outer.open .header-logo-container {
     opacity: 0;
     visibility: hidden;
   }
   */
  
 }
 
 @media (max-width: 480px) {
   .header-container-outer.open .header-menu-container-outer {
     overflow-y: scroll;
   }
 }
 
 .header-container-outer .header-menu-mobile-container-inner ul li {
   margin-bottom: 32px;/*10px*/
 }
 
 .header-container-outer .header-menu-mobile-container-inner ul li a {
   font-size: 24px;
   color: var(--black-color);
   font-weight: 600;
 }
 
 .homepage .header-container-outer .header-menu-mobile-container-inner ul li a {
   color: var(--black-color);
 }
 
 .homepage.hero-hidden .header-container-outer .header-menu-mobile-container-inner ul li a {
   color: var(--black-color);
 }
 
 .header-container-outer .header-cta-mobile-container {
   width: calc(100% - 20px);
   margin-top: 32px;
   margin-bottom: 40px;
 }
 
 .header-container-outer .header-cta-mobile-container * {
   width: 100%;
 }
 
 .header-container-outer .header-cta-mobile-container a.cta_button {
   display: inline-block;
   width: 100%;
   padding-top: 15px;
   padding-bottom: 15px;
   background-color: #09D674;
   border-radius: 12px;
   color: var(--white-color);
   font-size: 2rem;
   font-weight: 600;
   text-align: center;
   box-shadow: inset 0 0 0 2px #09D674;
   transition: all 0.5s ease, background 0.2s ease;
 }
 
 @media (hover: hover) {
   .header-container-outer .header-cta-mobile-container a.cta_button:hover {
     background-color: #3CBA7E;
   }
 }
 
 .header-container-outer .header-language-mobile-switcher {
   /*width: calc(100% - 20px);*/
   /*margin-top: 6rem;*/
 
   margin: 4rem auto 0 auto;
 }
 
 .pages.market-news .header-container-outer .header-language-mobile-switcher {
   display: none;
 }
 
 .header-container-outer .header-language-mobile-switcher ul {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .header-container-outer .header-language-mobile-switcher ul li:not(:last-of-type) {
   margin-right: 25px;/*48*/
 }
 /* Arabic lang */
 .lang-ar .header-container-outer .header-language-mobile-switcher ul li:not(:last-of-type) {
   margin-right: 0;
   margin-left: 25px;/*48*/
 }
 
 @media (max-width: 420px) {
   .header-container-outer .header-language-mobile-switcher ul li:not(:last-of-type) {
     margin-right: 24px;
   }
   /* Arabic lang */
   .lang-ar .header-container-outer .header-language-mobile-switcher ul li:not(:last-of-type) {
     margin-right: 0;
     margin-left: 24px;
   }
 }
 
 @media (max-width: 320px) {
   .header-container-outer .header-language-mobile-switcher ul li:not(:last-of-type) {
     margin-right: 12px;
   }
   /* Arabic lang */
   .lang-ar .header-container-outer .header-language-mobile-switcher ul li:not(:last-of-type) {
     margin-right: 0;
     margin-left: 12px;
   }
 }
 
 .header-container-outer .header-language-mobile-switcher ul li a {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 300;
   font-size: 1.5rem;
   width: 48px;/*56*/
   height: 48px;/*56*/
   color: var(--white-color);
   background: rgba(255, 255, 255, 0.15);
   border-radius: 50%;
   box-shadow: 0 0 0 0 rgb(9 214 116 / 0);
   transition: all 0.5s ease;
 }
 
 .homepage .header-container-outer .header-language-mobile-switcher ul li a {
   color: var(--white-color);
   background: rgba(255, 255, 255, 0.15);
 }
 
 .homepage.hero-hidden .header-container-outer .header-language-mobile-switcher ul li a {
   color: var(--white-color);
   background: rgba(255, 255, 255, 0.15);
 }
 
 .header-container-outer .header-language-mobile-switcher ul li.active a {
   background-color: #fff;
   font-weight: 500;
   color: #000;
 }
 
 
 

 
 .homepage.hero-hidden .header-container-outer .header-language-mobile-switcher ul li.active a {
   background-color: #fff;
 }
 
 .header-container-outer .header-language-mobile-switcher ul li a::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   box-shadow: 0 0 10px 0 rgb(9 214 116 / 1);
   opacity: 0;
   transition: all 0.5s ease;
 }
 
 .header-container-outer .header-language-mobile-switcher ul li a:focus::after {
   animation: pulse 0.4s cubic-bezier(.25, .9, .2, 1);
 }
 
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: translate3d(-50%, -50%, 0)scale(1);
     opacity: 1
   }
   100% {
     -webkit-transform: translate3d(-50%, -50%, 0)scale(1.7);
     opacity: 0
   }
 }
 
 @keyframes pulse {
   0% {
     transform: translate3d(-50%, -50%, 0)scale(1);
     opacity: 1
   }
   100% {
     transform: translate3d(-50%, -50%, 0)scale(1.7);
     opacity: 0
   }
 }
 
 
 @media (max-width: 375px) {
   .header-container-outer {
     padding: 18rem 3.2rem 1.8rem 2rem;
   }
 }
 
 
 .popup-container-outer {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999999;
   visibility: hidden;
   opacity: 0;
   transition: all 0.2s ease;
 }
 
 .popup-container-outer.lumos {
   visibility: visible;
   opacity: 1;
 }
 
 .popup-container-outer .popup-container-inner {
   position: relative;
   width: 550px;
   z-index: 1;
   background-color: var(--white-color);
   padding: 3.2rem;
   border-radius: 8px;
 }
 
 @media (max-width: 600px) {
   .popup-container-outer .popup-container-inner {
     width: 450px;
   }
 }
 
 @media (max-width: 480px) {
   .popup-container-outer .popup-container-inner {
     width: 90%;
   }
 }
 
 .popup-container-outer .popup-container-inner .btn-container {
   width: 100%;
   justify-content: space-between;
   padding-top: 2.5rem;
 }
 
 .popup-container-outer .popup-container-inner .btn-container a {
   padding: 1.7rem 2.5rem;
   color: var(--white-color);
   background-color: #09D674;
   border-radius: 8px;
   width: calc(50% - 1.6rem);
   transition: background 0.2s ease, box-shadow 0.2s ease;
 }
 
 @media (max-width: 480px) {
   .popup-container-outer .popup-container-inner .btn-container {
     flex-wrap: wrap;
     width: 100%;
     padding-top: 4rem;
   }
   .popup-container-outer .popup-container-inner .btn-container a {
     width: 100%;
     margin-bottom: 2.5rem;
   }
 }
 
 .popup-container-outer .popup-container-inner .btn-container a:first-child {
   color: #09D674;
   box-shadow: inset 0 0 0 2px #09D674;
   background-color: var(--white-color);
 }
 
 @media (hover: hover) {
   .popup-container-outer .popup-container-inner .btn-container a:hover {
     background-color: #3CBA7E;
   }
   .popup-container-outer .popup-container-inner .btn-container a:hover:first-child {
     color: var(--white-color);
     box-shadow: inset 0 0 0 2px #3CBA7E;
     background-color: #3CBA7E;
   }
 }
 
 .popup-container-outer .back-shadow {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgb(0 0 0 / 0.4);
 }
 
 
 .burger-mobile-container {
   margin-right: 2rem;
   align-items: flex-end;
 }
 /* Arabic lang */
 .lang-ar .burger-mobile-container {
   margin-right: 0;
   margin-left: 2rem;
 }
 
 
 
 /* on reduit le menu desktop */
 @media (max-width: 1750px)    {
 
   .header-container-outer {
     padding: 1.8rem 1rem 2.5rem 3.3rem;
   }
   .header-container-outer .header-logo-container {
     padding-right: 2rem;
   }
   /* Arabic lang */
   .lang-ar .header-container-outer {
     padding: 1.8rem 3.3rem 2.5rem 1rem;
   }
   .lang-ar .header-container-outer .header-logo-container {
     padding-right: 0;
     padding-left: 2rem;
   }
 
   .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li:not(:last-of-type) {
     margin-right: 0rem;
   }
   /* Arabic lang */
   .lang-ar .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li:not(:last-of-type) {
     margin-left: 0rem;
   }
   
 
   .header-menu-mobile-container-inner .account-mobile div.account-signup a{
     border-radius: 50px;
     font-weight: 700!important;
   }
 
 
   .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-item-has-children a:after {
     padding: 0 0 0 5px;
   }
   /* Arabic lang */
   .lang-ar .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-item-has-children a:after {
     padding: 0 5px 0 0;
   }
   .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li a {
     padding: 8px 14px;
   }
 
 }
 
 
 
 
 
 
 
 /* ==========================================================================
    Custom Menu Primary
    ========================================================================== */
 
 
    {% set ulColor       = "#fff" %} /* Set ul background color */
    {% set liColor       = "#fff" %} /* Set li background Color */
    {% set aColor        = "#444" %} /* Set link Color */
    {% set aColorHover   = "#333" %} /* Set link Hover Color */
    
    /* Parent List */
    .custom-menu-primary .hs-menu-wrapper > ul{ 
      background:;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li{
      background:;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > a{
      color:;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
      color:;
    }
    
    /* Child List */
    .custom-menu-primary .hs-menu-wrapper > ul ul{}
    .custom-menu-primary .hs-menu-wrapper > ul ul li{
      background:;
    }
    .custom-menu-primary .hs-menu-wrapper > ul ul li a{
      color:;
    }
    .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
      color:;
    }
    
    /* Override max width on menu links */
    .custom-menu-primary .hs-menu-wrapper > ul li a, 
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
      overflow: visible !important;
      max-width: none !important;
      width: auto !important;
    }
    
    /* Fix menu disappearing on desktop after toggling mobile menu */
    /*
    @media screen and (min-width:1359px) {
          .custom-menu-primary .hs-menu-wrapper { 
              display:block !important;
          }
      }
    */
    
    
    
    /* ==========================================================================
       Mobile Menu - Hubspot Standard Toggle Menu
       ========================================================================== */
    
    
    /**
     * Special Note
     *
     * When the menu is open, a class of .mobile-open is applied to the body. You can 
     * use this for custom styling on any element when the menu is in the open position.                     
     */
    
    .mobile-trigger, .child-trigger{
        display: none; /* Hide button on Desktop */
    }
    
    @media (max-width: 331599px){
    
    
      /* Variables
         ========================================================================== */
    
      {% set menuColorMobile = "#fff" %}   /* Set Mobile Menu Background Color */
      {% set aColorMobile = "#333" %}      /* Set Link Color */
      {% set aColorHoverMobile = "#333" %} /* Set Link Hover Color */
    
      /* 
        * Menu Reset
        *
        * Remove styling from desktop version of custom-menu-primary. Place any 
        * additional CSS you want removed from the mobile menu in this reset 
        */
    
      .custom-menu-primary,
      .custom-menu-primary .hs-menu-wrapper > ul,
      .custom-menu-primary .hs-menu-wrapper > ul li,
      .custom-menu-primary .hs-menu-wrapper > ul li a{
        display: block;
        float: none;
        position: static;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 0px;
        margin: 0px;
        background-image: none;
        background-color: transparent;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none; 
        max-width: none;
        width: 100%;
        height: auto;
        line-height: 1;  
        font-weight: normal;
        text-decoration: none;
        text-indent: 0px;
        text-align: left;
        color:;
      }
    
    
      /* Toggle Button
         ========================================================================== */
    
      .mobile-trigger{
        display: inline-block !important; /* Show button on mobile */
        cursor: pointer; /* Mouse pointer type on hover */
        position: absolute; /*******************************************/
        top: 0px;          /* Position Button at right of screen  */
        right: 10px;        /*******************************************/
        width: auto; /* Button width */
        height: auto; /* Button height */      
        padding: 7px 10px 8px 10px;
        background: transparent; /* Background color */
        border: 1px solid ;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        text-transform: uppercase;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: ; 
      }
      .mobile-trigger:hover{
        text-decoration: none; /* Removes link text underline on button */
        color:;
        background-color: ; 
        border-color: transparent;
      }
    
      /* Change button when menu is open */
      .mobile-open .mobile-trigger{
        color:;
        background-color: ; 
        border-color: transparent;
      }
    
    
      /* Toggle Button Icon
         ========================================================================== */
    
    
    
      /* Child Toggle Button
         ========================================================================== */
    
      .child-trigger{
        display: block !important; /* Hide button on Desktop */
        cursor: pointer; /* Mouse pointer type on hover */
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100% !important; /* Button width */
        min-width: 100% !important;
        height: 45px !important; /* Button height */  
        padding: 0 !important;
     
     
      }
      .child-trigger:hover{
        text-decoration: none;
      }
    
        
      /* Menu Styles on Mobile Devices
         ========================================================================== */  
         
       .custom-menu-primary.js-enabled{
           position: relative;
           padding-top: 0px; /* Makes room for button */
           margin: 0px 0 40px 0;
       }
    
      /* Hide menu on mobile */
      .custom-menu-primary.js-enabled .hs-menu-wrapper,
      .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
        display: none;
      }  
    
      /* Make child lists appear below parent items */
      .custom-menu-primary ul.hs-menu-children-wrapper{
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        display: none;
      }
    
      /* Mobile Menu Styles */ 
      .custom-menu-primary.js-enabled .hs-menu-wrapper{
       width: 100%;
        position: relative; /**************************************************************/
        top: 0;             /* Positions the menu to drop from the very top of the screen */
        left: 0;          /**************************************************************/
        padding: 0;
        margin: 0;
      }
      .custom-menu-primary .hs-menu-wrapper{
        background-color:; /* Menu background color set off global menuColorMobile variable */
        width: calc(100% - 20px); /* Full screen width */
      }
    
       /* Level 1 Menu List Styles */
      .custom-menu-primary .hs-menu-wrapper > ul > li{
        position: relative;
      }
      .custom-menu-primary .hs-menu-wrapper > ul > li a{
        font-size: 18px; /* Font size of top level list items */
        line-height: 45px;
        overflow: visible;
      }
    
      /* Level 1 and Higher Menu List Styles */
      .custom-menu-primary .hs-menu-wrapper > ul li{
        /*border-top: 1px dotted rgba(255, 255, 255, .35);*/ /* Adds transparent dark highlights to top of top level list items */
      }
      .custom-menu-primary .hs-menu-wrapper >  ul li a{
        padding: 0 10px;
        color:; /* link color set by global mobile-aColor variable */
      }
      .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
        color:; /* link hover color set by global mobile-aColorHover variable */
      }
    
      /* Level 2 and Higher Menu List Styles */
      .custom-menu-primary .hs-menu-wrapper > ul ul li{
        background-color: rgba(255, 255, 255, .08);
      }
      .custom-menu-primary .hs-menu-wrapper > ul ul li a{
        text-indent: 10px; /* Indent Child lists */
        font-size: 16px; /* Font size of child lists */
      }
    
      /* Level 3 and Higher Menu List Styles */
      .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
        text-indent: 30px; /* Indent Child lists */
      }
      .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
        text-indent: 50px; /* Indent Child lists */
      }
    }