/**************
 * Header Pro
***************/

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

.main-header{
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
 }
 .homepage .main-header{
  z-index: 10000;
 }


 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: #050c43;
   border-bottom: 1px #1a2159 solid;
   transition: all 0.25s ease;  
 }
 .hat-scrolled .hat{
   height: 0px;
   border-bottom: 0px #050c43 solid;
   transition: all 0.25s ease;  
 }
 .homepage.hat-scrolled .hat .menu{
   display: none;
 }
 
  
 #top-header{
   height: 0px;
   width: 0px;
   font-size: 0px;
   line-height: 0px;
   /*margin-bottom: 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;
 }
 
 .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;
 }
 .hat-scrolled  .hat .menu ul li a:after{
  margin-top: 4px;
  background: transparent;
 }
 
 .pro .hat .menu ul li:first-child a{
   color: #eee;
   font-weight: 300;
 }
 .pro .hat .menu ul li:first-child a:hover{
  color: #fff;
 }
 .pro .hat .menu ul li:last-child a{
  color: #fff;
  font-weight: 400;
}
.pro .hat .menu ul li:last-child a::after{
   width: 100%;
 }
 .pro .hat .menu ul li:first-child a:hover::after, 
 .pro-fbpro .hat .menu ul li:first-child a:hover::after, 
 .pro .hat .menu ul li:last-child a:hover::after{
   width: 100%;
 }
 */



.hat .menu ul{
  display: flex;  
  margin: 0 0 0 33px;
  padding: 0;
  height: 35px;
  align-items: flex-end;
  background: transparent;
}
.lang-ar .hat .menu ul{
  margin: 0 11px 0 33px;
}
.hat .menu ul li{
  padding: 0 20px 0 0;
}

.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;
}
.hat-scrolled  .hat .menu ul li a:after{
 margin-top: 4px;
 background: transparent;
}

.pro .hat .menu ul li:nth-child(1) a, 
.pro .hat .menu ul li:nth-child(3) a,
.pro .hat .menu ul li:last-child a{
  color: #eee;
  font-weight: 300;
}
.pro .hat .menu ul li:nth-child(1) a:hover,
.pro .hat .menu ul li:nth-child(3) a:hover,
.pro .hat .menu ul li:last-child a:hover{
 color: #fff;
}
.pro .hat .menu ul li:nth-child(2) a{
 color: #fff;
 font-weight: 400;
}
.pro .hat .menu ul li:nth-child(2) a::after{
  width: 100%;
}
.pro .hat .menu ul li:nth-child(1) a:hover::after, 
.pro-fbpro .hat .menu ul li:nth-child(1) a:hover::after, 
.pro .hat .menu ul li:nth-child(3) a:hover::after, 
.pro-fbpro .hat .menu ul li:nth-child(3) a:hover::after, 
.pro .hat .menu ul li:last-child a:hover::after, 
.pro-fbpro .hat .menu ul li:last-child a:hover::after, 
.pro .hat .menu ul li:nth-child(2) a:hover::after{
  width: 100%;
}







 

/* alignement menu haut */

/* liens open an account 1 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 1 open an account DESKTOP */

/* login */
.header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-login a{
  color: #fff;
  background: transparent;
  border: 1px solid #ECECED;
  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.08);  
  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;/*8*/
  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;
}
.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; 
}


/* opan an account mobile */
.header-menu-mobile-container-inner .account-mobile div.account-signup a {
  color: #111;
  font-weight: 500;
  background: #09d674;
  box-shadow: 0px 0px 20px rgba(9, 214, 116, 0.5)!important;
  border-radius: 50px;
  padding: 10px 25px;
  min-width: 16rem;
}


/* login mobile */
.header-menu-mobile-container-inner .account-mobile div.account-login a {
  background: #050C43!important;
  border: 1px solid #FFFFFF!important;
  box-shadow: none!important;
}
.header-menu-mobile-container-inner .account-mobile div.account-login a:hover {
  box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.2)!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;
  flex-wrap: wrap;
}
.header-menu-mobile-container-inner .hat-mobile li{
  flex: 0 0 33.33%;
  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:nth-child(1) a,
.header-menu-mobile-container-inner .hat-mobile .hs-menu-item:nth-child(3) a,
.header-menu-mobile-container-inner .hat-mobile .hs-menu-item:last-child a{  
  border-bottom: 3px rgba(255,255,255,0.15) solid;
  font-weight: 300;
}

.header-menu-mobile-container-inner .hat-mobile .hs-menu-item:nth-child(2){
  
  font-weight: 500;
}
.header-menu-mobile-container-inner .hat-mobile .hs-menu-item:nth-child(2) a{
  font-weight: 500;
  border-bottom: 4px #09d674 solid;
}



/*****************************
        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: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.5);
}

/* hover */
.header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-menu-depth-1 a:hover{
  color: rgba(255, 255, 255, 1)!important;
}
.header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-menu-depth-2 a:hover{
  color: #fff!important;
}

.header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li.hs-item-has-children:hover > a.submenu-selected{
  color: rgba(255, 255, 255, 1)!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 #fff solid;
  background: #fff;
  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;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.homepage .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul,
.pro .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul {
  border: 1px transparent solid;    
  background: rgba(255, 255, 255, 0.3);
  background: #50557c;
}


/* 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 transparent solid;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  margin: 10px 0 0 0;
  padding: 10px;
  transform: scaleY(1);
  transition: none;
}

/* 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: #ddd;
  padding: 1px 10px;
  width: 100%;
}
.header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li ul li a:hover{
  color: #09D674;
  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 #e0e0e0 solid;*/
 font-size: 18px;
 color: #fff!important;
 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:nth-child(even) > a{
  /*background: #f7f7f7;*/
}
.header-container-outer .header-menu-container-outer div.header-menu-mobile-container-inner li:nth-child(odd) > a{
  /*background: #fff;*/
}


.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('../../../../../../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('../../../../../../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('../../../../../../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('../../../../../../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: #1f2554;
}
.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 #262b59 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 #262b59 solid; 
}




body.pages {
  padding-top: 207px;
}

@media (max-width: 1199px) {
  body.pages {
    padding-top: 125px;
  }
}

/* Menu DESKTOP */
@media (min-width: 1200px) {
  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: 1199px) {
  body .header-container-outer .header-menu-desktop-container-inner, 
  body .header-container-outer .header-menu-desktop-container-inner-account,
  body .header-container-outer .header-menu-desktop-r,
  body .footer-pages .footer-language-desktop-switcher,
  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;

  z-index: 99999;
  /*transition: all 0.5s ease;*/
  transition: none;
}

.scrolled .header-container-outer {
  background: #060d41;
}



/* mobile */
@media (max-width: 920px) {
  .bg-pro-gradiant-0 .header-container-outer,
  .bg-pro-gradiant-1 .header-container-outer,
  .bg-pro-gradiant-2 .header-container-outer,
  .bg-pro-gradiant-3 .header-container-outer,
  .bg-pro-gradiant-4 .header-container-outer,
  .bg-pro-gradiant-5 .header-container-outer,
  .bg-pro-gradiant-6 .header-container-outer{
    /*background: var(--pro-color);*/
  }
}


.homepage .header-container-outer {
  background: transparent;
}

/* onscroll > barre de menu originale (non fixée et bg blanc) */

.scrolled .header-container-outer {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);/*rgba(0, 0, 0, 0.15)*/
  transition: all 0.5s ease;
}



.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: 570px) {
  .header-menu-mobile-container-inner .hat-mobile li{
    flex: 0 0 50%;
  }
}



@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: 1199px) {
  .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: #060d41;
    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);*/
  font-size: 1.8rem;/*1.8*/
  transition: all 0.5s ease;
}



@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;
  position: relative;
  border-radius: 16px;
  background: transparent;
  color: #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;
}


.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: var(--white-color);
  transition: none;
}


.header-container-outer .header-menu-container-outer .header-language-desktop-switcher .current-lang-container span {
  color: var(--white-color);
  transition: none;
  font-size: 1.6rem;
}


.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;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.05);
  transform: translateX(-50%);
  overflow: hidden;
  transition: none;transition: all 0.5s ease;
}

.header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  background: rgba(32, 110, 72, 0.25);  
}
.pro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.3);
}




.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: #888;
  transition: all 0.5s ease;
  font-weight: 500;
  width: max-content;
}
.header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a {
  color: rgba(255, 255, 255, 0.8);
}






.header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li.active a {
  color: #000;/*09D674*/
}
.header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a:hover {
  color: #000;/*09D674*/
}


.pro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a {
  color: rgba(255, 255, 255, 0.5);
}
.pro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li.active a {
  color: #fff;
}
.pro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher ul li a:hover {
  color: #fff;
}


.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);*/
}

.pro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher:hover ul, .signup .header-container-outer .header-menu-container-outer .header-language-desktop-switcher:hover ul {
  /* box-shadow: inset 0 0 0 1000px rgba(19, 90, 91, 0.8); */
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.05);
}

.pro .header-container-outer .header-menu-container-outer .header-language-desktop-switcher:hover .current-lang-container, .signup .header-container-outer .header-menu-container-outer .header-language-desktop-switcher:hover .current-lang-container {
  /* box-shadow: inset 0 0 0 1000px rgba(19, 90, 91, 0.4); */
  /*box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.05);*/
}


/**********************************************/




@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,
.pro .header-container-outer.open .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: 1199px) {
  .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;
}

.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;
  height: 48px;
  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);
  font-weight: 500;
}

.header-container-outer .header-language-mobile-switcher ul li.active a {
  background-color: #fff;
  color: var(--black-color);
  font-weight: 500;
}

.homepage .header-container-outer .header-language-mobile-switcher ul li.active a {
  color: #000;
}

  {
  # /!\ #
}

.homepage.hero-hidden .header-container-outer .header-language-mobile-switcher ul li.active a {
  background-color: #84eab9;
}

.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: 1.8rem 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: 0.05rem;
  }
  /* Arabic lang */
  .lang-ar .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner ul li:not(:last-of-type) {
    margin-right: 0;
    margin-left: 0.05rem;
  }
  
  .header-container-outer .header-menu-container-outer .header-menu-desktop-container-inner-account2 div.account-signup a, .header-menu-mobile-container-inner .account-mobile div.account-signup a {
    padding: 10px 20px;
  }
  

  .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:1199px) {
         .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: #ffffff;*/ /* 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: 10px; /* Makes room for button */
          margin: 0px 0 60px 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 #262b59; /* 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 */
     }
   }
   



   
   

/* titre formulaire */
.text-form-container-outer h1{
  font-size: var(--font-size-t1); 
  text-align: center;
}
.text-form-container-outer .intro{
  margin: 2rem auto 5rem auto;
  max-width: 68rem;
}
.text-form-container-outer .intro, .text-form-container-outer .intro p{
  font-size: var(--font-size-t2); 
  text-align: center;
}



/* zone en dessous du form */
.overlay-container-header .content{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 6rem 0 0 0;
}
.overlay-container-header .block{
  padding: 3rem 0 0 0;
  margin: 0 3rem 0 0;
  flex: 0 0 calc(50% - 1.5rem);
}
.overlay-container-header .block:last-child{
  margin: 0;
}
.overlay-container-header .block .txt h3{
	font-size: var(--font-size-t2); 
  margin: 1.7rem 0 1.3rem 0;
  padding: 0;
}
.overlay-container-header .block .txt p{
  font-size: var(--font-size-p); 
}

/* responsive */
@media (max-width: 480px) {
  .overlay-container-header .content{
    flex-direction: column;
  }
  .overlay-container-header .block:last-child{
    margin: 3rem 0 0 0;
  }
}






.overlay-container-header form.hs-form{
  --spaceX-between-fields: 2rem;
  --input-height: 5rem;
}

/*skin form */

.overlay-container-header form.hs-form fieldset {	max-width: unset; }
.overlay-container-header form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }
/* .overlay-container-header form.hs-form .hs-form-field label span { display: none; } */
.overlay-container-header form.hs-form .hs-form-field > label,
.overlay-container-header form.hs-form .hs-form-field label span.hs-form-required { display: none; }
.overlay-container-header form.hs-form fieldset.form-columns-1 .input { margin-right: 0; }
.overlay-container-header form.hs-form fieldset.form-columns-2 .input { margin-right: 0; }
.overlay-container-header form.hs-form fieldset.form-columns-3 .input { margin-right: 0; }
.overlay-container-header form.hs-form div.field .input .hs-input,
.overlay-container-header form.hs-form fieldset .input .hs-input { width: 100%;border:none;padding:0;margin:0; }


.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:first-child,
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+1) { padding-right:calc(var(--spaceX-between-fields, 0) / 2); }
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+1) ul.hs-error-msgs { top: calc(var(--input-height) + var(--input-padding)); }
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:first-child,
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+2) { padding-left:calc(var(--spaceX-between-fields, 0) / 2); }
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+2) .hs-error-msgs { 
  top: calc(var(--input-height) + var(--input-padding));
  padding-left:calc(var(--spaceX-between-fields, 0) / 2);
  padding-left: 2rem;
}
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:first-child,
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+1) { padding-right:calc((var(--spaceX-between-fields, 0) / 3) * 2); }
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:first-child,
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+2) { padding: 0 calc(var(--spaceX-between-fields, 0) / 3); }
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:first-child,
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+3) { padding-left:calc((var(--spaceX-between-fields, 0) / 3) * 2); }
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:not(:first-child),
.overlay-container-header form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:not(:first-child),
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:not(:first-child),
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:not(:first-child),
.overlay-container-header form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:not(:first-child) {width: 100%;}
/* .overlay-container-header form.hs-form div.field, */
.overlay-container-header form.hs-form fieldset { margin: var(--spaceY-between-fields, 0) 0; }
.overlay-container-header form.hs-form .input { 
  position: relative;
  margin-top: var(--input-label-spacing, 0);
}
.overlay-container-header form.hs-form .hs-form-field { position: relative; }
.overlay-container-header form.hs-form .hs-error-msgs {
  font-size: var(--error-font-size);
  font-weight: var(--error-font-weight);
  font-family: var(--error-font-family);
  /*margin-top: var(--error-margin-top, var(--error-margin, 0.5rem));*/
  margin-top: -1rem;
  margin-right: var(--error-margin-right, var(--error-margin, 0));
  /*margin-bottom: var(--error-margin-bottom, var(--error-margin, 0.5rem));*/
  margin-bottom: 0;
  margin-left: var(--error-margin-left, var(--error-margin, 1rem));
  color: var(--error-font-color);
  color: #f26363;
    /*position: var(--error-position, relative);*/
  top: calc(var(--input-height) + (var(--input-padding) / 2));
  /* 	top: 0; */
  left: 0;
  /*line-height: 1;*/
  line-height: normal;
}
.overlay-container-header form.hs-form .hs-error-msgs li {
  padding-top: var(--error-padding-top, var(--error-padding, 0.5rem));
  padding-right: var(--error-padding-right, var(--error-padding, 0));
  padding-bottom: var(--error-padding-bottom, var(--error-padding, 0.5rem));
  padding-left: var(--error-padding-left, var(--error-padding, 0));
  background-color: var(--error-background-color, transparent);
  display: inline-block;
  border-top: var(--error-border-top, var(--error-border, none));
  border-right: var(--error-border-right, var(--error-border, none));
  border-bottom: var(--error-border-bottom, var(--error-border, none));
  border-left: var(--error-border-left, var(--error-border, none));
  border-top-left-radius: var(--error-border-top-left-radius, var(--error-border-radius, 0));
  border-top-right-radius: var(--error-border-top-right-radius, var(--error-border-radius, 0));
  border-bottom-right-radius: var(--error-border-bottom-right-radius, var(--error-border-radius, 0));
  border-bottom-left-radius: var(--error-border-bottom-left-radius, var(--error-border-radius, 0));
}
.overlay-container-header form.hs-form .hs-form-field > legend {
  position: absolute;
  top: calc(var(--input-label-spacing) + var(--label-font-size) * 1.5);
  left: 0;
  z-index: -1;
  color: var(--helptext-color);
  background-color: var(--helptext-background-color);
  border-top: var(--helptext-border-top, var(--helptext-border));
  border-right: var(--helptext-border-right, var(--helptext-border));
  border-bottom: var(--helptext-border-bottom, var(--helptext-border));
  border-left: var(--helptext-border-left, var(--helptext-border));
  border-top-left-radius: var(--helptext-border-top-left-radius, var(--helptext-border-radius, 0));
  border-top-right-radius: var(--helptext-border-top-right-radius, var(--helptext-border-radius, 0));
  border-bottom-right-radius: var(--helptext-border-bottom-right-radius, var(--helptext-border-radius, 0));
  border-bottom-left-radius: var(--helptext-border-bottom-left-radius, var(--helptext-border-radius, 0));
  padding: var(--helptext-padding);
  line-height: var(--helptext-line-height);
  opacity: 0;
  width: var(--helptext-width);
}
.overlay-container-header form.hs-form .hs-form-field>label:hover ~ legend {
  opacity: var(--helptext-opacity);
  z-index: 10;
}
.overlay-container-header form.hs-form .hs-form-field > label > span {
  color: var(--label-font-color, var(--global-font-color));
  font-family: var(--label-font-family, var(--global-font-family));
  font-size: var(--label-font-size, var(--global-font-size));
  font-weight: var(--label-font-weight, var(--global-font-weight));
}
.overlay-container-header form.hs-form .hs-form-field > label > span.hs-form-required {
  color: var(--required-font-color, var(--label-font-color, var(--global-font-color)));
  font-family: var(--required-font-family, var(--label-font-family, var(--global-font-family)));
  font-size: var(--required-font-size, var(--label-font-size, var(--global-font-size)));
  font-weight: var(--required-font-weight, var(--label-font-weight, var(--global-font-weight)));
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone) {
  border-top: var(--input-border-top, var(--input-border, none));
  border-right: var(--input-border-right, var(--input-border, none));
  border-bottom: var(--input-border-bottom, var(--input-border, none));
  border-left: var(--input-border-left, var(--input-border, none));
  border-top-left-radius: var(--input-border-top-left-radius, var(--input-border-radius, 0));
  border-top-right-radius: var(--input-border-top-right-radius, var(--input-border-radius, 0));
  border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input-border-radius, 0));
  border-bottom-left-radius: var(--input-border-bottom-left-radius, var(--input-border-radius, 0));
  border-color: #979797;
  height: var(--input-height);
  padding: 0 var(--input-padding);
  color: var(--input-font-color, var(--global-font-color));
  background-color: var(--input-background-color, transparent);
  background: #fff;
  font-family: var(--input-font-family, var(--global-font-family));
  font-size: var(--input-font-size, var(--global-font-size));
  font-weight: var(--input-font-weight, var(--global-font-weight));
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: all 0.5s ease;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone):focus {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox)>.input select.hs-input {
  -webkit-appearance: none;
  background-image: var(--select-carret-image);
  background-position: var(--select-carret-position, center right 1rem);
  background-size: var(--select-carret-size, auto 75%);
  background-repeat: no-repeat;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input option[disabled],
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input[disabled],
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:invalid,
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input::placeholder{
  color: var(--input-placeholder-font-color, var(--input-font-color, var(--global-font-color)));
  color: #888;
  font-family: var(--input-placeholder-font-family, var(--input-font-family, var(--global-font-family)));
  font-size: var(--input-placeholder-font-size, var(--input-font-size, var(--global-font-size)));
  font-weight: var(--input-placeholder-font-weight, var(--input-font-weight, var(--global-font-weight)));
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input option {
  color: var(--input-font-color, var(--global-font-color)));
  font-family: var(--input-font-family, var(--global-font-family)));
  font-size: var(--input-font-size, var(--global-font-size)));
  font-weight:400;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).invalid:focus,
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).error:focus,
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone):focus {
  border-top: var(--input-focus-border-top, var(--input-focus-border, var(--input-border-top, var(--input-border, none))));
  border-right: var(--input-focus-border-right, var(--input-focus-border, var(--input-border-right, var(--input-border, none))));
  border-bottom: var(--input-focus-border-bottom, var(--input-focus-border, var(--input-border-bottom, var(--input-border, none))));
  border-left: var(--input-focus-border-left, var(--input-focus-border, var(--input-border-left, var(--input-border, none))));
  border-top-left-radius: var(--input-focus-border-top-left-radius, var(--input-focus-border-radius, var(--input-border-top-left-radius, var(--input-border-radius, 0))));
  border-top-right-radius: var(--input-focus-border-top-right-radius, var(--input-focus-border-radius, var(--input-border-top-right-radius, var(--input-border-radius, 0))));
  border-bottom-right-radius: var(--input-focus-border-bottom-right-radius, var(--input-focus-border-radius, var(--input-border-bottom-right-radius, var(--input-border-radius, 0))));
  border-bottom-left-radius: var(--input-focus-border-bottom-left-radius, var(--input-focus-border-radius, var(--input-border-bottom-left-radius, var(--input-border-radius, 0))));
  border-color: #000;
  color: var(--input-focus-font-color, var(--input-font-color));
  color: #000;
  background-color: var(--input-focus-background-color);
  background: #fff;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).invalid,
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).error {
  
  border-top: var(--input-error-border-top, var(--input-error-border, var(--input-border-top, var(--input-border, none))));
  border-right: var(--input-error-border-right, var(--input-error-border, var(--input-border-right, var(--input-border, none))));
  border-bottom: var(--input-error-border-bottom, var(--input-error-border, var(--input-border-bottom, var(--input-border, none))));
  border-left: var(--input-error-border-left, var(--input-error-border, var(--input-border-left, var(--input-border, none))));
  
  border-top-left-radius: var(--input-error-border-top-left-radius, var(--input-error-border-radius, var(--input-border-top-left-radius, var(--input-border-radius, 0))));
  border-top-right-radius: var(--input-error-border-top-right-radius, var(--input-error-border-radius, var(--input-border-top-right-radius, var(--input-border-radius, 0))));
  border-bottom-right-radius: var(--input-error-border-bottom-right-radius, var(--input-error-border-radius, var(--input-border-bottom-right-radius, var(--input-border-radius, 0))));
  border-bottom-left-radius: var(--input-error-border-bottom-left-radius, var(--input-error-border-radius, var(--input-border-bottom-left-radius, var(--input-border-radius, 0))));
  color: var(--input-error-font-color, var(--input-font-color));
  background-color: var(--input-error-background-color);

  
  margin-bottom: 2rem;
  transition: all 0.5s ease;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input {
  padding: var(--input-padding);
  /*min-height: var(--input-height);*/
  min-height: 24rem;
  resize: vertical;
  overflow: hidden;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input:not(.hs-fieldtype-intl-phone) {
  padding: var(--input-padding);
  resize: none;
  height: 160px;
}
.overlay-container-header form.hs-form .hs-fieldtype-textarea.field.hs-form-field .hs-error-msgs {
  top: 164px;
}

.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input
.overlay-container-header form.hs-form div.hs-fieldtype-radio > .input .hs-input {
  -webkit-appearance: none;
  vertical-align: text-bottom;
  position: relative;
  width: var(--radio-size, var(--input-height, 15px));
  height: var(--radio-size, var(--input-height, 15px));
  background-color: var(--radio-background-color, var(--input-background-color, #ffffff));
  background: #fff;
  border-top: var(--radio-border-top, var(--radio-border, 1px solid #000000));
  border-right: var(--radio-border-right, var(--radio-border, 1px solid #000000));
  border-bottom: var(--radio-border-bottom, var(--radio-border, 1px solid #000000));
  border-left: var(--radio-border-left, var(--radio-border, 1px solid #000000));
  border-top-left-radius: var(--radio-border-top-left-radius, var(--radio-border-radius, 8px));
  border-top-right-radius: var(--radio-border-top-right-radius, var(--radio-border-radius, 8px));
  border-bottom-right-radius: var(--radio-border-bottom-right-radius, var(--radio-border-radius, 8px));
  border-bottom-left-radius: var(--radio-border-bottom-left-radius, var(--radio-border-radius, 8px));
  margin-right: var(--radio-label-spacing, var(--input-label-spacing, 5px));
  cursor: pointer;
  color: #000;
}
.overlay-container-header form.hs-form div.hs-fieldtype-radio .input ul li {
  margin: var(--space-between-radio, 5px) 0;
}
.overlay-container-header form.hs-form div.hs-fieldtype-radio .input .hs-form-radio-display span {
  color: var(--radio-font-color, var(--global-font-color));
  font-family: var(--radio-font-family, var(--global-font-family));
  font-size: var(--radio-font-size, var(--global-font-size));
  font-weight: var(--radio-font-weight, var(--global-font-weight));
}
.overlay-container-header form.hs-form div.hs-fieldtype-radio .input .hs-input:checked::before {
  position: absolute;
  content: '';
  height: calc(100% - var(--radio-padding, 2px) * 2);
  width: calc(100% - var(--radio-padding, 2px) * 2);
  top: var(--radio-padding, 2px);
  left: var(--radio-padding, 2px);
  background-color: var(--radio-valid-background-color, #000000);
  background-image: var(--radio-valid-background-image);
  border-top-left-radius: var(--radio-border-top-left-radius, var(--radio-border-radius, 8px));
  border-top-right-radius: var(--radio-border-top-right-radius, var(--radio-border-radius, 8px));
  border-bottom-right-radius: var(--radio-border-bottom-right-radius, var(--radio-border-radius, 8px));
  border-bottom-left-radius: var(--radio-border-bottom-left-radius, var(--radio-border-radius, 8px));
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--radio-valid-background-size, contain);
}
.overlay-container-header form.hs-form div.hs-fieldtype-radio .input .hs-input:checked::after {
  position: absolute;
  line-height: 0;
  height: 0;
  width: 0;
  top: 50%;
  left: 50%;
  text-align: center;
  content: var(--radio-valid-sign, '');
  font-size: var(--radio-valid-size);
  color: var(--radio-valid-color, var(--input-font-color, var(--global-font-color)));
}
.overlay-container-header form.hs-form div.hs-fieldtype-radio > .input label {
  display: flex;
  align-items: var(--radio-label-position, center);
}
.overlay-container-header form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0 !important;
}
/* Arabic lang */
.lang-ar .overlay-container-header form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-right: 10px !important;
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input label,
.overlay-container-header form.hs-form div.hs-fieldtype-checkbox > .input label,
.overlay-container-header form.hs-form div.hs-fieldtype-booleancheckbox > .input label {
  display: flex;
  align-items: var(--checkbox-label-position, center);
}
.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input,
.overlay-container-header form.hs-form div.hs-fieldtype-checkbox > .input .hs-input,
.overlay-container-header form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input {
  -webkit-appearance: none;
  vertical-align: text-bottom;
  position: relative;
  width: var(--checkbox-size, var(--input-height, 16px));
  height: var(--checkbox-size, var(--input-height, 16px));
  min-width: var(--checkbox-size, var(--input-height, 16px));
  min-height: var(--checkbox-size, var(--input-height, 16px));

  background-color: var(--checkbox-background-color, var(--input-background-color, #FFFFFF));
  background: transparent;
  border-top: var(--checkbox-border-top, var(--checkbox-border, 1px solid #000000));
  border-right: var(--checkbox-border-right, var(--checkbox-border, 1px solid #000000));
  border-bottom: var(--checkbox-border-bottom, var(--checkbox-border, 1px solid #000000));
  border-left: var(--checkbox-border-left, var(--checkbox-border, 1px solid #000000));
  border-top-left-radius: var(--checkbox-border-top-left-radius, var(--checkbox-border-radius, 0));
  border-top-right-radius: var(--checkbox-border-top-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-right-radius: var(--checkbox-border-bottom-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-left-radius: var(--checkbox-border-bottom-left-radius, var(--checkbox-border-radius, 0));
  margin-right: var(--checkbox-label-spacing, var(--input-label-spacing, 5px));
  padding: 0;
  cursor: pointer;
  transition: all 0.5s ease;
}
.overlay-container-header form.hs-form div.hs-fieldtype-checkbox > .input ul li {
  margin: var(--space-between-checkbox, 0) 0;
}
.overlay-container-header form.hs-form div.legal-consent-container > .input .hs-form-booleancheckbox-display span,
.overlay-container-header form.hs-form div.hs-fieldtype-checkbox > .input .hs-form-checkbox-display span,
.overlay-container-header form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-form-booleancheckbox-display span {
  color: var(--checkbox-font-color, var(--global-font-color));

  font-family: var(--checkbox-font-family, var(--global-font-family));
  font-size: var(--checkbox-font-size, var(--global-font-size));
  font-weight: var(--checkbox-font-weight, var(--global-font-weight));
}

.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input:checked,
.overlay-container-header form.hs-form div.hs-fieldtype-checkbox > .input .hs-input:checked,
.overlay-container-header form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input:checked {
  background-color: #09D674;
}

.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input:checked::before,
.overlay-container-header form.hs-form div.hs-fieldtype-checkbox > .input .hs-input:checked::before,
.overlay-container-header form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input:checked::before {
  position: absolute;
  line-height: 1;
  height: calc(100% - var(--checkbox-padding, 0) * 2);
  width: calc(100% - var(--checkbox-padding, 0) * 2);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  content: var(--checkbox-valid-sign, '🗸');
  font-size: var(--checkbox-valid-size, 14px);
  color: var(--checkbox-valid-color, var(--input-font-color, var(--global-font-color, #000000)));
  /*   background-color: var(--checkbox-valid-background-color); */
  background-color: rgb(255 255 255 / 0);
  background-image: var(--checkbox-valid-background-image);
  /*   border-top-left-radius: var(--checkbox-border-top-left-radius, var(--checkbox-border-radius, 0));
  border-top-right-radius: var(--checkbox-border-top-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-right-radius: var(--checkbox-border-bottom-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-left-radius: var(--checkbox-border-bottom-left-radius, var(--checkbox-border-radius, 0)); */
  padding: 0;
  background-position: center;
  background-repeat: no-re peat;
  background-size: var(--checkbox-valid-background-size, contain);
}
.overlay-container-header form.hs-form .hs-submit {
  display:flex;
  justify-content: left;
  padding: 2rem 0 0 0;
  
}
.overlay-container-header form.hs-form .hs-submit input {
  background-color: var(--form-submit-background-color);
  color: var(--form-submit-font-color, var(--global-font-color));
  color: #000;
  font-weight: var(--form-submit-font-weight, var(--global-font-weight));
  font-size: var(--form-submit-font-size, var(--global-font-size));
  /*padding: 0 var(--form-submit-padding-right, var(--form-submit-padding, 0)) 0 var(--form-submit-padding-left, var(--form-submit-padding, 0));*/
  padding: 1.5rem 8rem;
  border-top: var(--form-submit-border-top, var(--form-submit-border, none));
  border-right: var(--form-submit-border-right, var(--form-submit-border, none));
  border-bottom: var(--form-submit-border-bottom, var(--form-submit-border, none));
  border-left: var(--form-submit-border-left, var(--form-submit-border, none));
  border-top-left-radius: var(--form-submit-border-top-left-radius, var(--form-submit-border-radius, 0));
  border-top-right-radius: var(--form-submit-border-top-right-radius, var(--form-submit-border-radius, 0));
  border-bottom-right-radius: var(--form-submit-border-bottom-right-radius, var(--form-submit-border-radius, 0));
  border-bottom-left-radius: var(--form-submit-border-bottom-left-radius, var(--form-submit-border-radius, 0));
  /*height: var(--form-submit-height);*/
  height: auto;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: var(--form-submit-box-shadow);
  transition: all 0.5s ease, background 0.2s ease;
}
@media (hover: hover) {
  .overlay-container-header form.hs-form .hs-submit input:hover {
    background-color: var(--form-submit-hover-background-color);
    
    color: var(--form-submit-hover-font-color, var(--form-submit-font-color, var(--global-font-color)));
    border-top: var(--form-submit-hover-border-top, var(--form-submit-hover-border, var(--form-submit-border-top, var(--form-submit-border, none))));
    border-right: var(--form-submit-hover-border-right, var(--form-submit-hover-border, var(--form-submit-border-right, var(--form-submit-border, none))));
    border-bottom: var(--form-submit-hover-border-bottom, var(--form-submit-hover-border, var(--form-submit-border-bottom, var(--form-submit-border, none))));
    border-left: var(--form-submit-hover-border-left, var(--form-submit-hover-border, var(--form-submit-border-left, var(--form-submit-border, none))));
    border-top-left-radius: var(--form-submit-hover-border-top-left-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-top-left-radius, var(--form-submit-border-radius, 0))));
    border-top-right-radius: var(--form-submit-hover-border-top-right-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-top-right-radius, var(--form-submit-border-radius, 0))));
    border-bottom-right-radius: var(--form-submit-hover-border-bottom-right-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-bottom-right-radius, var(--form-submit-border-radius, 0))));
    border-bottom-left-radius: var(--form-submit-hover-border-bottom-left-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-bottom-left-radius, var(--form-submit-border-radius, 0))));
  }
}
/* .overlay-container-header form.hs-form .hs-submit input:active {
box-shadow: var(--form-submit-active-box-shadow);
} */

.overlay-container-header form.hs-form .hs-submit .actions {position:relative;}
.overlay-container-header form.hs-form .hs-submit .actions::before {}
.overlay-container-header form.hs-form .hs-submit .actions::after {}

.overlay-container-header form.hs-form ul.hs-error-msgs{
  /*margin-left: 0;*/
}

.hs_error_rollup{
  display: none;
}

.overlay-container-header form.hs-form .legal-consent-container p {
  font-size: 1.2rem;
}
.overlay-container-header form.hs-form .legal-consent-container span {
  color: var(--black-color);
}

/* */
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
	color: #09D674;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
	color: #3CBA7E;
}

.overlay-container-header form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+2) .hs-error-msgs {
  padding-left: 0;
}


.overlay-container-header form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox)>.input select.hs-input {
  background: #fff url('../../../../../../hubfs/mktv/common/bg-select.png') no-repeat right 1.5rem center !important;
  cursor: pointer;
}




/* responsive*/
@media (max-width: 480px) {

  .overlay-container-header form.hs-form fieldset.form-columns-2>.hs-dependent-field:nth-child(2n+1) div:first-child, 
  .overlay-container-header form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+1) {
    padding-right: unset;
  }
  form.hs-form fieldset.form-columns-2>.hs-dependent-field:nth-child(2n+1) div:first-child, form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+1) {
      padding-right: calc(var(--spaceX-between-fields, 0) / 2);
      margin-bottom: 2rem;
  }
  .overlay-container-header form.hs-form fieldset.form-columns-2>.hs-dependent-field:nth-child(2n+2) div:first-child, 
  .overlay-container-header form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+2) {
    padding-left: 0;
  }
}
/* end skin form */


.overlay-container-header  form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:not(.hs-fieldtype-intl-phone):optional {
	color: rgba(109, 109, 113, 0.5);
  color: #888;
}
.overlay-container-header .form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:not(.hs-fieldtype-intl-phone).has-value:optional {
	color: var(--black-color);
  color: #000;
}

.overlay-container-header  form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:not(.hs-fieldtype-intl-phone):optional option {
	color: var(--black-color);
}







/***/



/*******************************************
 * overlay + skin formulaire Our team (pro)
********************************************/
/* overlay */
.overlay-container-team {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
}

.overlay-container-team h3{
  font-size: var(--font-size-t2);
  margin: 0 0 0.6rem 0;
}
.overlay-container-team p{
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
}

.overlay-container-team .overlay-container-outer-team {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	transform-origin: center center;
	transform: translate(0,100vh);
	overflow-y: scroll;
	transition: all 0.5s ease;
}
.overlay-container-team .overlay-container-outer-team.shazam-team {
	transform: translate(0%,0%);
}
.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team {
	position: absolute;
	top: 50px;
	left: 50%;
  padding: 55px 105px 120px 105px;
	min-width: 770px;
	transform-origin: center center;
	transform: translate(-50%,0%);
	background-color: var(--white-color);
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15);
	transition: all 0.5s ease;
	z-index: 5;
}

@media (max-width: 2200px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team {
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 50px;
	}
}

@media (max-width: 1024px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team {
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 50px;
		min-width: unset;
		width: 100%;
		max-width: 90%;
	}
}
@media (max-width: 640px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
}



.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-image-container-team {
	min-width: 240px;
	min-height: 240px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 32px;
}
@media (max-width: 375px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-image-container-team {
		min-width: unset;
		min-height: unset;
		width: 180px;
		height: 180px;
	}
}
@media (max-width: 320px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-image-container-team {
		width: 180px;
		height: 180px;
	}
}
.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-name-container-team h3 {
	font-size: var(--font-size-t2);

	margin-bottom: 0;
}
.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-role-container-team {
	padding-top: 0.8rem;
	margin-bottom: 3rem;
}
@media (max-width: 480px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-role-container-team {
		margin-bottom: 1.5rem;
	}
}
.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-socials-container-team {
	margin-bottom: 4rem;
}
@media (max-width: 480px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-socials-container-team {
		margin-bottom: 2rem;
	}
}
.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-socials-container-team a {
	line-height: 0;
	box-shadow: 0 -5px 15px rgb(0 0 0 / 0);
	border-radius: 50%;
	transition: all 0.5s ease;
}
@media (hover: hover) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .overlay-socials-container-team a:hover {
		box-shadow: 0 5px 10px rgb(0 0 0 / 0.2);
	}
}
.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .close-bio-team {
	position: absolute;
	top: 39px;
	right: 47px;
	display: inline-block;
	width: 17.97px;
	height: 17.97px;
	cursor: pointer;
}
/* Arabic lang */
.lang-ar .overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .close-bio-team {
	left: 47px;
	right: unset;
}

@media (max-width: 480px) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .close-bio-team {
		top: 20px;
		right: 25px;
	}
  /* Arabic lang */
  .lang-ar .overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .close-bio-team {
    left: 25px;
    right: unset;
  }
}

.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .close-bio-team svg {
	transform-origin: center center;
	transform: rotate(0deg);
	transition: all 0.5s ease;
}
@media (hover: hover) {
	.overlay-container-team .overlay-container-outer-team .overlay-container-inner-team .close-bio-team:hover svg {
		transform: rotate(-180deg);
	}
}

.overlay-back-shadow-team {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(73, 73, 73, 0.85);
	z-index: 4;
	opacity: 0;
	visibility: hidden;
}

.overlay-back-shadow-team.shazam-team {
	opacity: 1;
	visibility: visible;
  z-index: 99999;
}

.overlay-container-team form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+1) ul.hs-error-msgs,
.overlay-container-team form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+2) .hs-error-msgs,
.overlay-container-team form.hs-form .hs-fieldtype-textarea.field.hs-form-field .hs-error-msgs {
	top: 0;
}





/***********************************************************************************/



/* zone en dessous du form */
.overlay-container-team .content{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 6rem 0 0 0;
}
.overlay-container-team .block{
  padding: 3rem 0 0 0;
  margin: 0 3rem 0 0;
  flex: 0 0 calc(50% - 1.5rem);
}
.overlay-container-team .block:last-child{
  margin: 0;
}
.overlay-container-team .block .txt h3{
	font-size: var(--font-size-t2); 
  margin: 1.7rem 0 1.3rem 0;
  padding: 0;
}
.overlay-container-team .block .txt p{
  font-size: var(--font-size-p); 
}

/* responsive */
@media (max-width: 480px) {
  .overlay-container-team .content{
    flex-direction: column;
  }
  .overlay-container-team .block:last-child{
    margin: 3rem 0 0 0;
  }
}






.overlay-container-team form.hs-form{
  --spaceX-between-fields: 2rem;
  --input-height: 5rem;
}

/*skin form */

.overlay-container-team form.hs-form fieldset {	max-width: unset; }
.overlay-container-team form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }
/* .overlay-container-team form.hs-form .hs-form-field label span { display: none; } */
.overlay-container-team form.hs-form .hs-form-field > label,
.overlay-container-team form.hs-form .hs-form-field label span.hs-form-required { display: none; }
.overlay-container-team form.hs-form fieldset.form-columns-1 .input { margin-right: 0; }
.overlay-container-team form.hs-form fieldset.form-columns-2 .input { margin-right: 0; }
.overlay-container-team form.hs-form fieldset.form-columns-3 .input { margin-right: 0; }
.overlay-container-team form.hs-form div.field .input .hs-input,
.overlay-container-team form.hs-form fieldset .input .hs-input { width: 100%;border:none;padding:0;margin:0; }


.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:first-child,
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+1) { padding-right:calc(var(--spaceX-between-fields, 0) / 2); }
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+1) ul.hs-error-msgs { top: calc(var(--input-height) + var(--input-padding)); }
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:first-child,
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+2) { padding-left:calc(var(--spaceX-between-fields, 0) / 2); }
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+2) .hs-error-msgs { 
  top: calc(var(--input-height) + var(--input-padding));
  padding-left:calc(var(--spaceX-between-fields, 0) / 2);
  padding-left: 2rem;
}
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:first-child,
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+1) { padding-right:calc((var(--spaceX-between-fields, 0) / 3) * 2); }
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:first-child,
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+2) { padding: 0 calc(var(--spaceX-between-fields, 0) / 3); }
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:first-child,
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+3) { padding-left:calc((var(--spaceX-between-fields, 0) / 3) * 2); }
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:not(:first-child),
.overlay-container-team form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:not(:first-child),
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:not(:first-child),
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:not(:first-child),
.overlay-container-team form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:not(:first-child) {width: 100%;}
/* .overlay-container-team form.hs-form div.field, */
.overlay-container-team form.hs-form fieldset { margin: var(--spaceY-between-fields, 0) 0; }
.overlay-container-team form.hs-form .input { 
  position: relative;
  margin-top: var(--input-label-spacing, 0);
}
.overlay-container-team form.hs-form .hs-form-field { position: relative; }
.overlay-container-team form.hs-form .hs-error-msgs {
  font-size: var(--error-font-size);
  font-weight: var(--error-font-weight);
  font-family: var(--error-font-family);
  /*margin-top: var(--error-margin-top, var(--error-margin, 0.5rem));*/
  margin-top: -1rem;
  margin-right: var(--error-margin-right, var(--error-margin, 0));
  /*margin-bottom: var(--error-margin-bottom, var(--error-margin, 0.5rem));*/
  margin-bottom: 0;
  margin-left: var(--error-margin-left, var(--error-margin, 1rem));
  color: var(--error-font-color);
  color: #f26363;
    /*position: var(--error-position, relative);*/
  top: calc(var(--input-height) + (var(--input-padding) / 2));
  /* 	top: 0; */
  left: 0;
  /*line-height: 1;*/
  line-height: normal;
}
.overlay-container-team form.hs-form .hs-error-msgs li {
  padding-top: var(--error-padding-top, var(--error-padding, 0.5rem));
  padding-right: var(--error-padding-right, var(--error-padding, 0));
  padding-bottom: var(--error-padding-bottom, var(--error-padding, 0.5rem));
  padding-left: var(--error-padding-left, var(--error-padding, 0));
  background-color: var(--error-background-color, transparent);
  display: inline-block;
  border-top: var(--error-border-top, var(--error-border, none));
  border-right: var(--error-border-right, var(--error-border, none));
  border-bottom: var(--error-border-bottom, var(--error-border, none));
  border-left: var(--error-border-left, var(--error-border, none));
  border-top-left-radius: var(--error-border-top-left-radius, var(--error-border-radius, 0));
  border-top-right-radius: var(--error-border-top-right-radius, var(--error-border-radius, 0));
  border-bottom-right-radius: var(--error-border-bottom-right-radius, var(--error-border-radius, 0));
  border-bottom-left-radius: var(--error-border-bottom-left-radius, var(--error-border-radius, 0));
}
.overlay-container-team form.hs-form .hs-form-field > legend {
  position: absolute;
  top: calc(var(--input-label-spacing) + var(--label-font-size) * 1.5);
  left: 0;
  z-index: -1;
  color: var(--helptext-color);
  background-color: var(--helptext-background-color);
  border-top: var(--helptext-border-top, var(--helptext-border));
  border-right: var(--helptext-border-right, var(--helptext-border));
  border-bottom: var(--helptext-border-bottom, var(--helptext-border));
  border-left: var(--helptext-border-left, var(--helptext-border));
  border-top-left-radius: var(--helptext-border-top-left-radius, var(--helptext-border-radius, 0));
  border-top-right-radius: var(--helptext-border-top-right-radius, var(--helptext-border-radius, 0));
  border-bottom-right-radius: var(--helptext-border-bottom-right-radius, var(--helptext-border-radius, 0));
  border-bottom-left-radius: var(--helptext-border-bottom-left-radius, var(--helptext-border-radius, 0));
  padding: var(--helptext-padding);
  line-height: var(--helptext-line-height);
  opacity: 0;
  width: var(--helptext-width);
}
.overlay-container-team form.hs-form .hs-form-field>label:hover ~ legend {
  opacity: var(--helptext-opacity);
  z-index: 10;
}
.overlay-container-team form.hs-form .hs-form-field > label > span {
  color: var(--label-font-color, var(--global-font-color));
  font-family: var(--label-font-family, var(--global-font-family));
  font-size: var(--label-font-size, var(--global-font-size));
  font-weight: var(--label-font-weight, var(--global-font-weight));
}
.overlay-container-team form.hs-form .hs-form-field > label > span.hs-form-required {
  color: var(--required-font-color, var(--label-font-color, var(--global-font-color)));
  font-family: var(--required-font-family, var(--label-font-family, var(--global-font-family)));
  font-size: var(--required-font-size, var(--label-font-size, var(--global-font-size)));
  font-weight: var(--required-font-weight, var(--label-font-weight, var(--global-font-weight)));
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone) {
  border-top: var(--input-border-top, var(--input-border, none));
  border-right: var(--input-border-right, var(--input-border, none));
  border-bottom: var(--input-border-bottom, var(--input-border, none));
  border-left: var(--input-border-left, var(--input-border, none));
  border-top-left-radius: var(--input-border-top-left-radius, var(--input-border-radius, 0));
  border-top-right-radius: var(--input-border-top-right-radius, var(--input-border-radius, 0));
  border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input-border-radius, 0));
  border-bottom-left-radius: var(--input-border-bottom-left-radius, var(--input-border-radius, 0));
  border-color: #979797;
  height: var(--input-height);
  padding: 0 var(--input-padding);
  color: var(--input-font-color, var(--global-font-color));
  background-color: var(--input-background-color, transparent);
  background: #fff;
  font-family: var(--input-font-family, var(--global-font-family));
  font-size: var(--input-font-size, var(--global-font-size));
  font-weight: var(--input-font-weight, var(--global-font-weight));
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: all 0.5s ease;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone):focus {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox)>.input select.hs-input {
  -webkit-appearance: none;
  background-image: var(--select-carret-image);
  background-position: var(--select-carret-position, center right 1rem);
  background-size: var(--select-carret-size, auto 75%);
  background-repeat: no-repeat;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input option[disabled],
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input[disabled],
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:invalid,
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input::placeholder{
  color: var(--input-placeholder-font-color, var(--input-font-color, var(--global-font-color)));
  color: #888;
  font-family: var(--input-placeholder-font-family, var(--input-font-family, var(--global-font-family)));
  font-size: var(--input-placeholder-font-size, var(--input-font-size, var(--global-font-size)));
  font-weight: var(--input-placeholder-font-weight, var(--input-font-weight, var(--global-font-weight)));
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input option {
  color: var(--input-font-color, var(--global-font-color)));
  font-family: var(--input-font-family, var(--global-font-family)));
  font-size: var(--input-font-size, var(--global-font-size)));
  font-weight:400;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).invalid:focus,
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).error:focus,
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone):focus {
  border-top: var(--input-focus-border-top, var(--input-focus-border, var(--input-border-top, var(--input-border, none))));
  border-right: var(--input-focus-border-right, var(--input-focus-border, var(--input-border-right, var(--input-border, none))));
  border-bottom: var(--input-focus-border-bottom, var(--input-focus-border, var(--input-border-bottom, var(--input-border, none))));
  border-left: var(--input-focus-border-left, var(--input-focus-border, var(--input-border-left, var(--input-border, none))));
  border-top-left-radius: var(--input-focus-border-top-left-radius, var(--input-focus-border-radius, var(--input-border-top-left-radius, var(--input-border-radius, 0))));
  border-top-right-radius: var(--input-focus-border-top-right-radius, var(--input-focus-border-radius, var(--input-border-top-right-radius, var(--input-border-radius, 0))));
  border-bottom-right-radius: var(--input-focus-border-bottom-right-radius, var(--input-focus-border-radius, var(--input-border-bottom-right-radius, var(--input-border-radius, 0))));
  border-bottom-left-radius: var(--input-focus-border-bottom-left-radius, var(--input-focus-border-radius, var(--input-border-bottom-left-radius, var(--input-border-radius, 0))));
  border-color: #000;
  color: var(--input-focus-font-color, var(--input-font-color));
  color: #000;
  background-color: var(--input-focus-background-color);
  background: #fff;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).invalid,
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).error {
  
  border-top: var(--input-error-border-top, var(--input-error-border, var(--input-border-top, var(--input-border, none))));
  border-right: var(--input-error-border-right, var(--input-error-border, var(--input-border-right, var(--input-border, none))));
  border-bottom: var(--input-error-border-bottom, var(--input-error-border, var(--input-border-bottom, var(--input-border, none))));
  border-left: var(--input-error-border-left, var(--input-error-border, var(--input-border-left, var(--input-border, none))));
  
  border-top-left-radius: var(--input-error-border-top-left-radius, var(--input-error-border-radius, var(--input-border-top-left-radius, var(--input-border-radius, 0))));
  border-top-right-radius: var(--input-error-border-top-right-radius, var(--input-error-border-radius, var(--input-border-top-right-radius, var(--input-border-radius, 0))));
  border-bottom-right-radius: var(--input-error-border-bottom-right-radius, var(--input-error-border-radius, var(--input-border-bottom-right-radius, var(--input-border-radius, 0))));
  border-bottom-left-radius: var(--input-error-border-bottom-left-radius, var(--input-error-border-radius, var(--input-border-bottom-left-radius, var(--input-border-radius, 0))));
  color: var(--input-error-font-color, var(--input-font-color));
  background-color: var(--input-error-background-color);

  
  margin-bottom: 2rem;
  transition: all 0.5s ease;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input {
  padding: var(--input-padding);
  /*min-height: var(--input-height);*/
  min-height: 24rem;
  resize: vertical;
  overflow: hidden;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input:not(.hs-fieldtype-intl-phone) {
  padding: var(--input-padding);
  resize: none;
  height: 160px;
}
.overlay-container-team form.hs-form .hs-fieldtype-textarea.field.hs-form-field .hs-error-msgs {
  top: 164px;
}

.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input
.overlay-container-team form.hs-form div.hs-fieldtype-radio > .input .hs-input {
  -webkit-appearance: none;
  vertical-align: text-bottom;
  position: relative;
  width: var(--radio-size, var(--input-height, 15px));
  height: var(--radio-size, var(--input-height, 15px));
  background-color: var(--radio-background-color, var(--input-background-color, #ffffff));
  background: #fff;
  border-top: var(--radio-border-top, var(--radio-border, 1px solid #000000));
  border-right: var(--radio-border-right, var(--radio-border, 1px solid #000000));
  border-bottom: var(--radio-border-bottom, var(--radio-border, 1px solid #000000));
  border-left: var(--radio-border-left, var(--radio-border, 1px solid #000000));
  border-top-left-radius: var(--radio-border-top-left-radius, var(--radio-border-radius, 8px));
  border-top-right-radius: var(--radio-border-top-right-radius, var(--radio-border-radius, 8px));
  border-bottom-right-radius: var(--radio-border-bottom-right-radius, var(--radio-border-radius, 8px));
  border-bottom-left-radius: var(--radio-border-bottom-left-radius, var(--radio-border-radius, 8px));
  margin-right: var(--radio-label-spacing, var(--input-label-spacing, 5px));
  cursor: pointer;
  color: #000;
}
.overlay-container-team form.hs-form div.hs-fieldtype-radio .input ul li {
  margin: var(--space-between-radio, 5px) 0;
}
.overlay-container-team form.hs-form div.hs-fieldtype-radio .input .hs-form-radio-display span {
  color: var(--radio-font-color, var(--global-font-color));
  font-family: var(--radio-font-family, var(--global-font-family));
  font-size: var(--radio-font-size, var(--global-font-size));
  font-weight: var(--radio-font-weight, var(--global-font-weight));
}
.overlay-container-team form.hs-form div.hs-fieldtype-radio .input .hs-input:checked::before {
  position: absolute;
  content: '';
  height: calc(100% - var(--radio-padding, 2px) * 2);
  width: calc(100% - var(--radio-padding, 2px) * 2);
  top: var(--radio-padding, 2px);
  left: var(--radio-padding, 2px);
  background-color: var(--radio-valid-background-color, #000000);
  background-image: var(--radio-valid-background-image);
  border-top-left-radius: var(--radio-border-top-left-radius, var(--radio-border-radius, 8px));
  border-top-right-radius: var(--radio-border-top-right-radius, var(--radio-border-radius, 8px));
  border-bottom-right-radius: var(--radio-border-bottom-right-radius, var(--radio-border-radius, 8px));
  border-bottom-left-radius: var(--radio-border-bottom-left-radius, var(--radio-border-radius, 8px));
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--radio-valid-background-size, contain);
}
.overlay-container-team form.hs-form div.hs-fieldtype-radio .input .hs-input:checked::after {
  position: absolute;
  line-height: 0;
  height: 0;
  width: 0;
  top: 50%;
  left: 50%;
  text-align: center;
  content: var(--radio-valid-sign, '');
  font-size: var(--radio-valid-size);
  color: var(--radio-valid-color, var(--input-font-color, var(--global-font-color)));
}
.overlay-container-team form.hs-form div.hs-fieldtype-radio > .input label {
  display: flex;
  align-items: var(--radio-label-position, center);
}
.overlay-container-team form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 0 !important;
}
/* Arabic lang */
.lang-ar .overlay-container-team form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-right: 10px !important;
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input label,
.overlay-container-team form.hs-form div.hs-fieldtype-checkbox > .input label,
.overlay-container-team form.hs-form div.hs-fieldtype-booleancheckbox > .input label {
  display: flex;
  align-items: var(--checkbox-label-position, center);
}
.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input,
.overlay-container-team form.hs-form div.hs-fieldtype-checkbox > .input .hs-input,
.overlay-container-team form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input {
  -webkit-appearance: none;
  vertical-align: text-bottom;
  position: relative;
  width: var(--checkbox-size, var(--input-height, 16px));
  height: var(--checkbox-size, var(--input-height, 16px));
  min-width: var(--checkbox-size, var(--input-height, 16px));
  min-height: var(--checkbox-size, var(--input-height, 16px));

  background-color: var(--checkbox-background-color, var(--input-background-color, #FFFFFF));
  background: transparent;
  border-top: var(--checkbox-border-top, var(--checkbox-border, 1px solid #000000));
  border-right: var(--checkbox-border-right, var(--checkbox-border, 1px solid #000000));
  border-bottom: var(--checkbox-border-bottom, var(--checkbox-border, 1px solid #000000));
  border-left: var(--checkbox-border-left, var(--checkbox-border, 1px solid #000000));
  border-top-left-radius: var(--checkbox-border-top-left-radius, var(--checkbox-border-radius, 0));
  border-top-right-radius: var(--checkbox-border-top-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-right-radius: var(--checkbox-border-bottom-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-left-radius: var(--checkbox-border-bottom-left-radius, var(--checkbox-border-radius, 0));
  margin-right: var(--checkbox-label-spacing, var(--input-label-spacing, 5px));
  padding: 0;
  cursor: pointer;
  transition: all 0.5s ease;
}
.overlay-container-team form.hs-form div.hs-fieldtype-checkbox > .input ul li {
  margin: var(--space-between-checkbox, 0) 0;
}
.overlay-container-team form.hs-form div.legal-consent-container > .input .hs-form-booleancheckbox-display span,
.overlay-container-team form.hs-form div.hs-fieldtype-checkbox > .input .hs-form-checkbox-display span,
.overlay-container-team form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-form-booleancheckbox-display span {
  color: var(--checkbox-font-color, var(--global-font-color));

  font-family: var(--checkbox-font-family, var(--global-font-family));
  font-size: var(--checkbox-font-size, var(--global-font-size));
  font-weight: var(--checkbox-font-weight, var(--global-font-weight));
}

.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input:checked,
.overlay-container-team form.hs-form div.hs-fieldtype-checkbox > .input .hs-input:checked,
.overlay-container-team form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input:checked {
  background-color: #09D674;
}

.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input:checked::before,
.overlay-container-team form.hs-form div.hs-fieldtype-checkbox > .input .hs-input:checked::before,
.overlay-container-team form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input:checked::before {
  position: absolute;
  line-height: 1;
  height: calc(100% - var(--checkbox-padding, 0) * 2);
  width: calc(100% - var(--checkbox-padding, 0) * 2);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  content: var(--checkbox-valid-sign, '🗸');
  font-size: var(--checkbox-valid-size, 14px);
  color: var(--checkbox-valid-color, var(--input-font-color, var(--global-font-color, #000000)));
  /*   background-color: var(--checkbox-valid-background-color); */
  background-color: rgb(255 255 255 / 0);
  background-image: var(--checkbox-valid-background-image);
  /*   border-top-left-radius: var(--checkbox-border-top-left-radius, var(--checkbox-border-radius, 0));
  border-top-right-radius: var(--checkbox-border-top-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-right-radius: var(--checkbox-border-bottom-right-radius, var(--checkbox-border-radius, 0));
  border-bottom-left-radius: var(--checkbox-border-bottom-left-radius, var(--checkbox-border-radius, 0)); */
  padding: 0;
  background-position: center;
  background-repeat: no-re peat;
  background-size: var(--checkbox-valid-background-size, contain);
}
.overlay-container-team form.hs-form .hs-submit {
  display:flex;
  justify-content: left;
  padding: 2rem 0 0 0;
  
}
.overlay-container-team form.hs-form .hs-submit input {
  background-color: var(--form-submit-background-color);
  color: var(--form-submit-font-color, var(--global-font-color));
  color: #000;
  font-weight: var(--form-submit-font-weight, var(--global-font-weight));
  font-size: var(--form-submit-font-size, var(--global-font-size));
  /*padding: 0 var(--form-submit-padding-right, var(--form-submit-padding, 0)) 0 var(--form-submit-padding-left, var(--form-submit-padding, 0));*/
  padding: 1.5rem 8rem;
  border-top: var(--form-submit-border-top, var(--form-submit-border, none));
  border-right: var(--form-submit-border-right, var(--form-submit-border, none));
  border-bottom: var(--form-submit-border-bottom, var(--form-submit-border, none));
  border-left: var(--form-submit-border-left, var(--form-submit-border, none));
  border-top-left-radius: var(--form-submit-border-top-left-radius, var(--form-submit-border-radius, 0));
  border-top-right-radius: var(--form-submit-border-top-right-radius, var(--form-submit-border-radius, 0));
  border-bottom-right-radius: var(--form-submit-border-bottom-right-radius, var(--form-submit-border-radius, 0));
  border-bottom-left-radius: var(--form-submit-border-bottom-left-radius, var(--form-submit-border-radius, 0));
  /*height: var(--form-submit-height);*/
  height: auto;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: var(--form-submit-box-shadow);
  transition: all 0.5s ease, background 0.2s ease;
}
@media (hover: hover) {
  .overlay-container-team form.hs-form .hs-submit input:hover {
    background-color: var(--form-submit-hover-background-color);
    
    color: var(--form-submit-hover-font-color, var(--form-submit-font-color, var(--global-font-color)));
    border-top: var(--form-submit-hover-border-top, var(--form-submit-hover-border, var(--form-submit-border-top, var(--form-submit-border, none))));
    border-right: var(--form-submit-hover-border-right, var(--form-submit-hover-border, var(--form-submit-border-right, var(--form-submit-border, none))));
    border-bottom: var(--form-submit-hover-border-bottom, var(--form-submit-hover-border, var(--form-submit-border-bottom, var(--form-submit-border, none))));
    border-left: var(--form-submit-hover-border-left, var(--form-submit-hover-border, var(--form-submit-border-left, var(--form-submit-border, none))));
    border-top-left-radius: var(--form-submit-hover-border-top-left-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-top-left-radius, var(--form-submit-border-radius, 0))));
    border-top-right-radius: var(--form-submit-hover-border-top-right-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-top-right-radius, var(--form-submit-border-radius, 0))));
    border-bottom-right-radius: var(--form-submit-hover-border-bottom-right-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-bottom-right-radius, var(--form-submit-border-radius, 0))));
    border-bottom-left-radius: var(--form-submit-hover-border-bottom-left-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-bottom-left-radius, var(--form-submit-border-radius, 0))));
  }
}
/* .overlay-container-team form.hs-form .hs-submit input:active {
box-shadow: var(--form-submit-active-box-shadow);
} */

.overlay-container-team form.hs-form .hs-submit .actions {position:relative;}
.overlay-container-team form.hs-form .hs-submit .actions::before {}
.overlay-container-team form.hs-form .hs-submit .actions::after {}

.overlay-container-team form.hs-form ul.hs-error-msgs{
  /*margin-left: 0;*/
}

.hs_error_rollup{
  display: none;
}

.overlay-container-team form.hs-form .legal-consent-container p {
  font-size: 1.2rem;
}
.overlay-container-team form.hs-form .legal-consent-container span {
  color: var(--black-color);
}

/* */
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
	color: #09D674;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
	color: #3CBA7E;
}

.overlay-container-team form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+2) .hs-error-msgs {
  padding-left: 0;
}


.overlay-container-team form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox)>.input select.hs-input {
  background: #fff url('../../../../../../hubfs/mktv/common/bg-select.png') no-repeat right 1.5rem center !important;
  cursor: pointer;
}




/* responsive*/
@media (max-width: 480px) {

  .overlay-container-team form.hs-form fieldset.form-columns-2>.hs-dependent-field:nth-child(2n+1) div:first-child, 
  .overlay-container-team form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+1) {
    padding-right: unset;
  }
  form.hs-form fieldset.form-columns-2>.hs-dependent-field:nth-child(2n+1) div:first-child, form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+1) {
      padding-right: calc(var(--spaceX-between-fields, 0) / 2);
      margin-bottom: 2rem;
  }
  .overlay-container-team form.hs-form fieldset.form-columns-2>.hs-dependent-field:nth-child(2n+2) div:first-child, 
  .overlay-container-team form.hs-form fieldset.form-columns-2>.hs-form-field:nth-child(2n+2) {
    padding-left: 0;
  }
}
/* end skin form */


.overlay-container-team  form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:not(.hs-fieldtype-intl-phone):optional {
	color: rgba(109, 109, 113, 0.5);
  color: #888;
}
.overlay-container-team .form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:not(.hs-fieldtype-intl-phone).has-value:optional {
	color: var(--black-color);
  color: #000;
}

.overlay-container-team  form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:not(.hs-fieldtype-intl-phone):optional option {
	color: var(--black-color);
}



/*************************************************************/





/* title */
.overlay-container-outer-team h2,
.overlay-container-outer-header h2 {
  margin: 0 auto 2rem auto;
  font-size: var(--font-size-t1); 
  color: #fff;
  text-align: center;
  max-width: 70rem;
  color: #fff;
}


/* subtitle */
.overlay-container-outer-team h3,
.overlay-container-outer-header h3 {
  margin: 0 auto 8rem auto;
  font-size: var(--font-size-t2)!important; 
  color: #fff;
  text-align: center;
  max-width: 70rem;
}

.overlay-container-outer-team .blocks,
.overlay-container-outer-header .blocks{
  display: flex;
  justify-content: center;
  
  flex-wrap: wrap;
  margin: 5rem 0 0 0;
 
}

/* col 1 */
.overlay-container-outer-team .blocks .blocks-col-1,
.overlay-container-outer-header .blocks .blocks-col-1{
  flex: 0 0 50%;
}

/* col 2 */
.overlay-container-outer-team .blocks .blocks-col-2,
.overlay-container-outer-header .blocks .blocks-col-2{
  flex: 0 0 calc(50% - 5rem);
  padding: 1rem 0 0 5rem;
}



.overlay-container-outer-team .team-member-container-outer,
.overlay-container-outer-header .team-member-container-outer {
	justify-content: stretch;
}


.overlay-container-outer-team .team-title-container,
.overlay-container-outer-header .team-title-container {
	padding-bottom: 4.2rem;
}
.overlay-container-outer-team .team-title-container h2,
.overlay-container-outer-header .team-title-container h2 {
	margin-bottom: 1rem;
	font-size: var(--font-size-t1); 
	font-weight: 300;
	color: #fff;
}


@media (max-width: 375px) {
	.overlay-container-outer-team .team-title-container,
  .overlay-container-outer-header .team-title-container {
		padding-bottom: 5rem;
	}

}
.overlay-container-outer-team .team-member-container-inner,
.overlay-container-outer-header .team-member-container-inner {
	margin-bottom: 5.2rem;		
	flex: 0 0 calc(50% - 0rem);
  height: 100%;
}







.overlay-container-outer-team .team-member-container-inner .team-member-r, 
.overlay-container-outer-header .team-member-container-inner .team-member-r{
	padding: 0 0 0 3.5rem;
	color: #fff;
}

.overlay-container-outer-team .team-member-container-inner .team-member-link,
.overlay-container-outer-header .team-member-container-inner .team-member-link {
	position: relative;
	width: 84px;
	height: 84px;	
	min-width: 84px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
}
.overlay-container-outer-team .team-member-container-inner .team-member-link img,
.overlay-container-outer-header .team-member-container-inner .team-member-link img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	image-rendering: crisp-edges;
	min-width: 84px;
	min-height: 84px;
}
.overlay-container-outer-team .team-member-container-inner .team-member-link::before,
.overlay-container-outer-header .team-member-container-inner .team-member-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 0 0 0 4px var(--black-color), 0 0 0 6px #09D674;
	

	transform-origin: center center;
	transform: scale(1);
	transition: all 0.5s ease;

}
.overlay-container-outer-team .team-member-container-inner .team-member-link-nobg::before,
.overlay-container-outer-header .team-member-container-inner .team-member-link-nobg::before {
  box-shadow: unset;
}
.overlay-container-outer-team .team-member-container-inner .team-member-link::after,
.overlay-container-outer-header .team-member-container-inner .team-member-link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(9, 214, 116, 0);
	transition: all 0.5s ease;
	z-index: 1;
}

.overlay-container-outer-team .team-member-container-inner .team-member-link .team-member-link-text,
.overlay-container-outer-header .team-member-container-inner .team-member-link .team-member-link-text  {
	position: relative;
	display: inline-block;
	opacity: 0;
	overflow: hidden;
	font-size: 2.2rem;
	line-height: 120%;
	font-weight: bold;
	transition: all 0.5s ease;
	z-index: 4;
	text-decoration: none;
	padding: 1.6rem 1rem 1rem 1rem;
	text-align: center;
}




.overlay-container-outer-team .team-member-container-inner .team-member-name,
.overlay-container-outer-header .team-member-container-inner .team-member-name {
	font-size: var(--font-size-t2); 
	margin-bottom: 0;
	/*line-height: 120%;*/
	font-weight: 300;
  width: max-content;
}


.overlay-container-outer-team .team-member-container-inner .team-member-name a,
.overlay-container-outer-header .team-member-container-inner .team-member-name a {
	color: #fff;
	padding-top: 1rem;
	margin-bottom: 0.8rem;
}
.overlay-container-outer-team .team-member-container-inner .team-member-name a:hover,
.overlay-container-outer-header .team-member-container-inner .team-member-name a:hover {
	color: #eee;
}
.overlay-container-outer-team .team-member-container-inner .team-member-name span,
.overlay-container-outer-header .team-member-container-inner .team-member-name span {
	color: #fff;
	display: block;
	padding-top: 1rem;
	margin-bottom: 0.8rem;
}

.overlay-container-outer-team .team-member-container-inner .team-member-role,
.overlay-container-outer-header .team-member-container-inner .team-member-role {
	font-size: var(--font-size-p); 
	line-height: normal;
	font-weight: 300;
}




/* responsive */
@media (max-width: 680px) {
  .overlay-container-outer-team .blocks,
  .overlay-container-outer-header .blocks{
    flex-direction: column;
  }
  .overlay-container-outer-team .blocks .blocks-col-2,
  .overlay-container-outer-header .blocks .blocks-col-2{
    padding: 2rem 0 8rem 0;
    /*align-self: center;*/
    
  }
}




@media (max-width: 640px) {
	.overlay-container-outer-team .team-container-outer,
  .overlay-container-outer-header .team-container-outer {
		padding: 6rem 0 1rem 0;
	}
	.overlay-container-outer-team .team-member-container-inner,
  .overlay-container-outer-header .team-member-container-inner  {
		flex: 0 0 100%;
	}
}

@media (max-width: 600px) {
	.overlay-container-outer-team .team-title-container h2,
  .overlay-container-outer-header .team-title-container h2 {
		font-size: var(--font-size-t1-mobile); 
	}

	.overlay-container-outer-team .team-member-container-inner .team-member-name,
  .overlay-container-outer-header .team-member-container-inner .team-member-name  {
		font-size: var(--font-size-t2-mobile); 
	}
	
	.overlay-container-outer-team .team-member-container-inner .team-member-role,
  .overlay-container-outer-header .team-member-container-inner .team-member-role {
		font-size: var(--font-size-p-mobile); 
	}
}









.overlay-container-outer-team .blocks .blocks-col-2 .block,
.overlay-container-outer-header .blocks .blocks-col-2 .block{
  display: flex;
  font-size: var(--font-size-p);
  color: #fff;
  font-weight: 500;
}
.overlay-container-outer-team .blocks .blocks-col-2 .block > div:first-child,
.overlay-container-outer-header .blocks .blocks-col-2 .block > div:first-child{
  padding: 0 2rem 0 0;
}
.overlay-container-outer-team .blocks .blocks-col-2 .block > div:last-child,
.overlay-container-outer-header .blocks .blocks-col-2 .block > div:last-child{
  padding: 0.2rem 0 3rem 0;
}

.overlay-container-outer-team .blocks .blocks-col-2 p,
.overlay-container-outer-header .blocks .blocks-col-2 p{
  color: #fff;
  font-weight: 500;
  font-size: var(--font-size-p);
}
.overlay-container-outer-team .blocks .blocks-col-2 span,
.overlay-container-outer-header .blocks .blocks-col-2 span{
  color: #09D674;
  display: inline;
}
.overlay-container-outer-team .blocks .blocks-col-2 a,
.overlay-container-outer-header .blocks .blocks-col-2 a{
  color: #09D674;
  display: inline;
}
.overlay-container-outer-team .blocks .blocks-col-2 a:hover,
.overlay-container-outer-header .blocks .blocks-col-2 a:hover{
  color: #15ea84;
}

.overlay-container-outer-team .blocks .blocks-col-2 a.mail,
.overlay-container-outer-header .blocks .blocks-col-2 a.mail{
  color: #fff;
}
.overlay-container-outer-team .blocks .blocks-col-2 a.mail:hover,
.overlay-container-outer-header .blocks .blocks-col-2 a.mail:hover{
  color: #eee;
}





/*responsive*/
@media (max-width:768px) {


}

@media (max-width:600px) {  
  .overlay-container-outer-team  h2,
  .overlay-container-outer-header  h2 {
    font-size: var(--font-size-t1-mobile); 
  }
  .overlay-container-outer-team h3,
  .overlay-container-outer-header h3 {
    font-size: var(--font-size-t2-mobile); 
  }
}