/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
  font-family: 'Montserrat';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Montserrat-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Montserrat-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'Montserrat-Black';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Montserrat-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'Quicksand-Bold';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Quicksand-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: 'Quicksand-Regular';
  src: url('https://www.asys.fr/hubfs/XX_A%20TRIER%20%28sera%20supprim%C3%A9%20en%20juin%202022%29/Digitaweb/font/Quicksand-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}


@keyframes animation_auto {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-50%)
  }
}

body{

  --col-asys-blue: rgba(15,43,110,1);
  --col-asys-lightblue: #edf0fa;
  --col-asys-darkblue: #3d424f;
  --color1-asys : rgba(255,182,37,1);
  --color2-asys : rgba(255,85,79,1);
  --color1-chronos : rgba(4,162,176,1); 
  --color2-chronos : rgba(72,224,123,1);
  --color1-sirh : rgba(237,109,150,1);
  --color2-sirh : rgba(150,54,139,1);
  --color1-kmj : rgba(252,26,43,1);
  --color2-kmj : rgba(176,0,0,1);



  position: relative;
  overflow-x: hidden;
  font-family: "Montserrat",sans-serif;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  font-size:16px;
  line-height:21px;
  background: #fff;
  /*   color: #333333; */
  color: var(--col-asys-darkblue)!important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  
}

body a,
:before,
:after {
  transition: all 0.4s ease;
}

body p a, body #elevator ul li a {
  color: rgb(15 43 143);
  font-weight: 700;
}

body p a:hover, body #elevator ul li a:hover  {
  text-decoration:underline!important;
}

.container-fluid {
  padding: 0 !important;
}

h1 {
  font-family: "Quicksand-Bold",sans-serif !important;
  font-size: 44px !important;
  /* font-weight: bold !important; */
  margin-bottom: 23px;
  line-height: 59px;
}

h2 {
  font-weight: 800 !important;
  text-transform: none !important;
  font-family: "Quicksand-Bold",sans-serif !important;
  font-weight: bold !important;
  line-height: 42px;
  font-size: 34px !important;
}

h3 {
  font-weight: 800 !important;
  text-transform: none !important;
  font-family: "Quicksand-Bold",sans-serif !important;
  font-weight: bold !important;
  line-height: 30px;
  font-size: 24px !important;
}

h4 {
  font-weight: 800 !important;
  text-transform: none !important;
  font-family: "Montserrat-Bold",sans-serif !important;
  font-weight: bold !important;
  line-height: 30px;
  font-size: 20px !important;
}

p,
li {
  font-family: "Montserrat-regular",sans-serif !important;
  font-size: 16px;
}

img {
  height:auto;
}

a,
a:hover, a.cta_button:hover{
  text-decoration:none !important;
}

a.cta_button:hover,
#formulaire_contact .form input.hs-button.primary.large:hover { 
  --x: -100%; 
}

a.hover_line_orange:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-right.svg) center center no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  top: 5px;
  right: -20px;
}

a.hover_line_orange:hover:after {
  width: 100%;
}

a.hover_line_orange:hover:before {
  right: -25px !important;
}

a.cta_button,
#header p a{
  position: relative;
  text-decoration:none !important;
}

a.cta_button.linear_blue:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/arrow-right-blue.svg) center center no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  top: 17px;
  right: 20px;
}

a.cta_button.linear_blue {
  padding-right: 40px !important;
}

a.cta_button.linear_blue:hover:before {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/arrow-right-white.svg) center center no-repeat;
  background-size: contain;
}

a.cta_button.linear_blue:hover {
  background: #0F2B6E !important;
  color:#fff !important;
}

a.cta_button.linear_orange:hover {
  background: #FFB625 !important;
  color:#fff !important;
}

a.cta_button.linear_pink:hover {
  background: #FF6699 !important;
  color:#fff !important;
}

a.cta_button.linear_green:hover {
  background: #48E07B !important;
  color:#fff !important;
}

.title_module.title {
  max-width: 750px;
  margin: 0 auto 70px;
}

.title_module.title p:last-of-type {
  margin:0;
}

.ph3 {
  text-transform: none !important;
  font-family: "Quicksand-Bold",sans-serif !important;
  font-weight: bold !important;
  line-height: 30px;
  font-size: 24px !important;
  margin-bottom: 8px;
}

:focus, 
:hover,
:focus-visible{
  outline: 0 !important;
}

#trigger {
  background: red;
  width: 100%;
  position: fixed;
  top: 40%;
  /*height: 1px;*/
  z-index: 99;
}

.lazy {
  background-image: none !important;
  background-color: #F1F1FA;
}

@media (min-width: 1200px){
  .container {
    max-width: 1170px !important;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px !important;
    line-height: 36px;
  }

  h2 {
    font-size: 25px !important;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px !important;
  }
}

::placeholder {
  color: #afafaf;
}

/*********************************************/
/*      header             *********/
/*********************************************/


#header {
  z-index:1000;
}

#header:before {
  content: "";
  position: absolute;
  background: transparent;
  box-shadow: rgb(207 207 207 / 50%) 0px 2px 10px 0px;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  z-index: 0;
}

#header a {
  color: #0F2B6E;
}

#header .content_login a.cta_button {
  color: #fff;
}

#header > .container,
#header .content_menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#header .content_logo {
  display: flex;
  align-items: center;
  z-index: 0;
}

#header ul.menu_children {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#header ul.menu_children.content_login {
  margin-left: 30px;
}

#header .menu_depth_1 > ul {
  display: none;
  position:absolute;
  background:#fff;
  box-shadow: rgb(207 207 207 / 50%) 0px 2px 10px 0px;
  padding-top: 16px;
  top: 80px;
  left: 0px;
  right: 0px;
  z-index: -1;
}

#header .menu_depth_1 {
  display: inline-block;
  font-size: 14px;
  font-family: "Quicksand-Regular",sans-serif !important;
  color: #0f2b6e;
  line-height: 20px;
  font-weight: 400;
  /*min-height: 80px;
  height:100%;*/
}

#header .menu_depth_1:before {
  content: "";
  position: absolute;
  background: transparent;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  display: none;
}

#header .menu_depth_1:hover:before {
  display: block;
}

#header .menu_depth_1:hover > span,
#header ul.menu_children.content_primary_menu .menu_depth_1.child_open > span{
  text-shadow: 1px 0px 0px black;
  font-size: 14px;
  font-family: "Quicksand-Regular",sans-serif !important;
  line-height:20px;
  cursor:pointer;
}

#header ul.menu_children li.menu_depth_3.item_simple_description {
  margin-bottom: 10px;
}

#header ul.menu_children li.menu_depth_3.item_simple_description:last-of-type {
  margin-bottom: 0px;
}

#header .menu_depth_1 > span {
  position: relative;
  padding-right: 33px;
  display: inline-flex;
  height: 100%;
  align-items: center;
}

#header .content_login .menu_depth_1 {
  padding-right: 20px;
}

#header .content_login .menu_depth_1 > span {
  padding-right: 0px;
}

#header .menu_depth_1:last-of-type {
  padding:0px;
}

#header .content_menu ul.content_primary_menu .menu_depth_1 > span:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-down-blue.svg) 100% center no-repeat;
  background-size: 50%;
  width: 20px;
  height: 10px;
  top: 25%;
  right: 15px;
}

#header .content_menu ul.content_primary_menu .menu_depth_1:hover > span:before,
#header ul.menu_children.content_primary_menu .menu_depth_1.child_open > span:before{
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-down-orange.svg) 100% center no-repeat;
  background-size: 50%;
}

#header .content_menu .menu_depth_1 > span:after,
#header .content_login .menu_depth_1:first-of-type > a:after {
  content: "";
  position: absolute;
  background-image: linear-gradient(90deg,#ffb625,#ff554f);
  width: 0px;
  height: 2px;
  bottom: -3px;
  left: 0;
}

#header .content_login .menu_depth_1:first-of-type > a:after {
  bottom: auto;
  top: 64%;
}

#header .content_menu .menu_depth_1:hover >span:after{
  width: 30px;
}

#header li.menu_depth_1 > ul.menu_children .container > ul.menu_children {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

#header #menu_resource > ul.menu_children .container > ul.menu_children,
#header #menu_discover > ul.menu_children .container > ul.menu_children{
  justify-content: space-evenly;
}

#header li.menu_depth_2 {
  max-width: 290px;
  padding: 10px 30px;
  border-left: 2px solid #EDF0FA;
  margin-bottom: 30px;
}

#header li.menu_depth_3.name_main_entrance a {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-family: "Quicksand-Bold",sans-serif;
  margin-bottom:20px;
  max-width:170px;
}

#header li.menu_depth_3.name_main_entrance a:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-right.svg) center center no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  right: -20px;
  bottom: 2px;
}

#header li.menu_depth_3.name_main_entrance a:hover:before {
  right: -25px;
}

#header .content_login {
  z-index: 1;
}

#header .content_login .menu_depth_1:first-of-type > a {
  position:relative;
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0s;
}

#header .content_login .menu_depth_1:first-of-type {
  height: 80px;
}

#header .content_login .menu_depth_1:last-of-type > span {
  display: flex;
  align-items: center;
  height: 100%;
}

#header .content_login .menu_depth_1:last-of-type > span:after {
  content:none;
}

#header li.menu_depth_3.item_simple {
  margin-bottom: 10px;
  max-width: 175px;
}

#header .content_img_item {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: #fff;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 4px 0px;
  border-radius: 10px;
  padding: 7px;
}

#header .content_img_item.highlighted {
  position:relative;
  width: 38px;
  height: 38px;
  box-shadow: rgb(15 43 110 / 0%) 0px 0px 0px 0px;
}

#header .content_img_item.highlighted:before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  z-index: -1;
  border-radius: 10px;
  background: linear-gradient(to right,#ffb625,#ff554f);
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 4px 0px;
}

#header .item_simple a {
  position: relative;
  font-family: "Quicksand-Bold",sans-serif;
  display: flex;
  align-items: center;
}

#header .item_simple a > span {
  position: relative;
  max-width: 125px;
  min-height:40px;
  display:flex;
  align-items:center;
}

#header .item_simple a > span:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-right.svg) center center no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  right: -15px;
  bottom: 15px;
}

#header .item_simple a > span:after {
  content: "";
  position: absolute;
  background: transparent;
  left: -55px;
  right: -25px;
  top: -5px;
  bottom: -5px;
  z-index: -2;
  border-radius: 12px;
}

#header .item_simple a:hover > span:after {
  background: #EDF0FA;
}

#header .more {
  color: #333333;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 20px;
}

#header .link_more {
  font-weight: 400;
  text-decoration:none;
}

#header .link_more:hover {
  text-decoration:underline !important;
}

#header .item_simple_description > a {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 0px 0px;
  grid-auto-rows: minmax(40px,auto);
}

#header .item_simple_description > a .content_img_item {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}

#header .item_simple_description > a > .content_text {
  display: flex;
  align-items: center;
  grid-column: 2 / 5;
  grid-row: 1 / 1;
}

#header .item_simple_description > a > .content_text > span {
  position: relative;
  font-family: "Quicksand-Bold",sans-serif;
  font-size: 14px;
  line-height: 16px;
}

#header .item_simple_description > a > p {
  font-size:12px;
  margin:0px;
  grid-column: 2 / 5;
  grid-row: 2 / 2;
  line-height:1.1;
  font-weight:500;
}

#header .item_simple_description > a > .content_text span:before{
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-right.svg) center center no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  right: -15px;
  bottom: 3px;
}

#header .item_simple_description > a:hover > .content_text span:before{
  right: -20px;
}

#header li.menu_depth_2.content_testimonials {
  max-width: 560px !important;
  border: 0px;
  background: #EDF0FA;
  border-radius: 10px;
  padding: 30px;
}

#header ul.testimonials {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

#header ul.testimonials li {
  margin: 0px 10px;
}

#header ul.testimonials li:first-of-type {
  margin-left: 0px;
}

#header ul.testimonials li:last-of-type {
  margin-right: 0px;
}

#header li.menu_depth_3.content_cta {
  text-align: center;
}

#header li.menu_depth_2.content_services {
  width: 290px;
  border: 0px !important;
  padding: 0px !important;
}

#header .content_services ul.menu_children {
  background: #edf0fa;
  border-radius: 10px;
  padding: 30px !important;
}



#header #menu_software .content_img_item {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  margin-bottom:10px;
  background: #fff;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 4px 0px;
  border-radius: 10px;
  padding: 7px;
}

#header .content_software span,
#header .content_link_software a,
#header li.menu_depth_2.content_services a{
  position: relative;
  display: inline-block;
  font-family: "Quicksand-Bold",sans-serif;
  margin-bottom:5px;
}

#header .content_software p{
  font-size:12px;
}

#header li.menu_depth_3.content_software {
  position: relative;
  padding-bottom: 10px;
}

#header li.menu_depth_2.content_services a:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-right.svg) center center no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  right: -15px;
  bottom: 6px;
}

#header .content_software a:hover span:before,
#header .content_link_software a:hover:before,
#header li.menu_depth_2.content_services a:hover:before,
#header li.menu_depth_2.content_services a:hover:before {
  right: -20px !important;
}

#header .mobile_trigger {
  display:none;
}

@media screen and (min-width: 1200px) {
  #header .menu_depth_1:hover > ul{
    display: block;
  }

  #header .content_login .menu_depth_1:first-of-type > a:hover{
    text-shadow: 1px 0px 0px black;
    font-size: 14px;
    font-family: "Quicksand-Regular",sans-serif !important;
    line-height:20px;
    cursor:pointer;
  }

  #header .content_login .menu_depth_1:first-of-type > a:hover:after{
    width: 30px;
  }

  #header ul.menu_children.content_primary_menu {
    display: flex;
    align-items: center;
  }

  #header .content_services {
    width:100%!important;
    max-width:100%!important;
  }

  #header .content_services ul.menu_children .menu_depth_3 {
    display:inline-block;
  }

  #header .content_services ul.menu_children .menu_depth_3:not(:last-child) {
    margin-right:40px;
  }

}

@media screen and (max-width: 1199px) and (min-width: 576px){
  #header ul.menu_children.content_primary_menu,
  #header ul.menu_children.content_login {
    max-width: 540px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px){
  #header ul.menu_children.content_primary_menu,
  #header ul.menu_children.content_login {
    max-width: 720px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px){
  #header ul.menu_children.content_primary_menu,
  #header ul.menu_children.content_login {
    max-width: 960px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 1199px) {
  #header {
    position: absolute !important;
    padding: 20px 0px;
  }

  #header .content_menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 83px;
    padding-top:30px;
    padding-bottom: 30px;
    background: #ffffff;
    box-shadow: rgb(207 207 207 / 20%) 0px 10px 10px 0px;
    z-index: -1;
  }

  #header .mobile_trigger {
    display: inline-block !important;
    cursor: pointer;
    position: relative;
    width: auto;
    height: 30px;
    font-size: 30px;
    border-width: 1px;
    border-radius: 12px;
    margin-top: 8px;
  }

  #header .mobile_trigger i, 
  #header .mobile_trigger i:before, 
  #header .mobile_trigger i:after {
    width: 30px;
    height: 4px;
    border-radius: 5px;
    background-image: linear-gradient(90deg,#13388F,#0F2B6E);
    display: inline-block;
  }

  #header .mobile_trigger i {
    position: relative;
    top: -17px;
  }

  #header .mobile_trigger i:before,
  #header .mobile_trigger i:after {
    position: absolute;
    content: '';
  }

  #header .mobile_trigger i:before {
    top: -12px;
  }

  #header .mobile_trigger i:after {
    top: 12px;
  }

  .mobile_open #header .mobile_trigger i {
    background-image: linear-gradient(90deg,transparent, transparent); !important;
  }

  .mobile_open #header .mobile_trigger i:before {
    transform: rotate(45deg);
    top: 0;
  }

  .mobile_open #header .mobile_trigger i:after {
    transform: rotate(-45deg);
    top: 0;
  }

  #header .menu_depth_1 {
    display: block;
    height:auto;
  }

  #header ul.menu_children.content_primary_menu .menu_depth_1 {
    position: relative;
    height: auto;
    padding: 0px;
  }

  #header ul.menu_children.content_primary_menu .menu_depth_1:before {
    content: "";
    position: absolute;
    background: #EDF0FA;
    height: 1px;
    left: 0;
    right: 0;
    top: 45px;
  }

  #header ul.menu_children.content_primary_menu .menu_depth_1.child_open:before {
    background: #0F2B6E;
  }

  #header ul.menu_children.content_primary_menu .menu_depth_1:last-of-type {
    padding: 0px;
  }

  #header ul.menu_children.content_primary_menu .menu_depth_1 > span {
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    margin-bottom: 6px;
  }

  #header .content_menu ul.content_primary_menu .menu_depth_1>span:before {
    top:35%;
    right: 0px;
  }

  #header .content_login .menu_depth_1:first-of-type {
    height: auto;
  }

  #header .content_login .menu_depth_1:first-of-type {
    padding: 0;
    text-align: center;
  }

  #header .content_login .menu_depth_1:first-of-type > a {
    display: inline-block;
  }

  #header .content_login .menu_depth_1:first-of-type>a {
    display: inline-block;
    color: #0F2B6E;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    border-radius: 50px;
    border: 1px solid #0F2B6E;
    padding: 10px 30px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 10px;
  }

  #header .content_login .menu_depth_1:first-of-type > a:hover {
    color:#fff;
    background: #0F2B6E;
  }

  #header .content_login .menu_depth_1:last-of-type {
    text-align:center;
  }

  #header .content_login .menu_depth_1:last-of-type > span {
    display: block;
  }

  #header .content_menu .menu_depth_1 > span:after {
    content: none;
  }

  #header .menu_depth_1 > ul {
    position: relative;
    padding: 0px;
    background: #EDF0FA;
    box-shadow: none;
    top:0px;
    z-index: 0;
  }

  #header ul.menu_children.menu_first_children > .container {
    padding: 15px 30px;
  }

  #header li.menu_depth_2 {
    padding: 15px 0px;
    max-width: 100%;
    width: 360px;
    margin: 0;
  }

  #header li.menu_depth_3.name_main_entrance a,
  #header li.menu_depth_3.item_simple {
    max-width: 100%;
  }

  #header .item_simple a > span {
    max-width: 330px;
  }

  #header #menu_resource>ul.menu_children .container>ul.menu_children, 
  #header #menu_discover>ul.menu_children .container>ul.menu_children {
    justify-content: flex-start;
  }

  #header li.menu_depth_2.content_testimonials {
    max-width: 100% !important;
    width: 100%;
    padding: 30px 0px;
  }

  #header .item_simple_description > a {
    grid-template-columns: repeat(10,1fr);
  }

  #header .item_simple_description > a > .content_text,
  #header .item_simple_description > a > p{
    grid-column: 2 / 11;
  }

  #header li.menu_depth_2.content_services {
    width: 360px;
  }

  #header .content_services ul.menu_children {
    padding: 30px 0px 15px !important;
  }
}

@media screen and (max-width: 767px){
  #header ul.testimonials li {
    margin-left: 0px;
  }

  #header ul.testimonials li + li,
  #header ul.testimonials li + li + li {
    display:none;
  }
}

@media screen and (max-width: 575px){
  #header li.menu_depth_3.name_main_entrance a, 
  #header li.menu_depth_3.item_simple {
    max-width: 200px;
  }

  #header ul.menu_children.content_primary_menu .menu_depth_1:before,
  #header ul.menu_children.content_primary_menu .menu_depth_1.child_open:before {
    left: 15px;
    right: 15px;
  }
}

/*********************************************/
/*      footer             *********/
/*********************************************/

#footer .row:first-of-type {
  flex-direction: row-reverse;
}

#footer ul {
  margin:0px;
  padding:0px;
  list-style:none;
  line-height: 24px;
}

#footer .col_logo {
  padding-right: 35px;
  margin-bottom: 30px;
}

#footer .row_desktop .col_logo {
  margin-bottom: 0px;
}

#footer .content_logo {
  margin-bottom: 30px;
}

#footer .content_text p:last-of-type {
  margin-bottom:10;
}

#footer .content_social .social_network {
  display: inline-block;
  width:30px;
  height:30px;
  margin-right: 20px;
}

#footer .content_social .social_network:last-of-type {
  margin-right: 0px;
}

#footer .col_menu {
  position:relative;
  padding: 60px 15px 0px 95px;
}

#footer .row_desktop .col_menu {
  padding: 0px 15px 0px 95px;
}

#footer .menu_primary,
#footer .menu_legal ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#footer .menu {
  max-width: 180px;
  margin-bottom:30px;
}

#footer .libelle {
  font-size: 14px;
  color: #FF853A;
  margin-bottom: 10px;
}

#footer .item_menu {
  color: #fff;
  font-size:14px;
  line-height:18px;
  display:inline-block;
  font-family: "Quicksand-Bold",sans-serif !important;
  margin:0px;
  cursor:pointer;
}

#footer .item_menu:hover {
  color: #FF853A;
}

#footer .row_desktop {
  padding-top: 35px;
  position: relative;
}

#footer .row_desktop:before {
  content: "";
  position: absolute;
  background-image: linear-gradient( 90deg,#ffb625,#ff554f);
  left: 0;
  right: 0;
  height: 2px;
  top: 0;
}

#footer .row_desktop .col_menu {
  padding: 0px 15px 0px 95px;
  align-items: center;
  display: flex;
}

#footer .menu_legal.menu_legal_deskop {
  width: 100%;
}

#footer .content_copyrigth p {
  font-size:14px;
  margin:0px;
}

#footer .menu_legal.menu_legal_mobile,
#footer .content_copyrigth.content_copyrigth_mobile{
  display: none;
}

@media screen and (max-width: 1199px) {
  #footer .content_social .social_network {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px){
  #footer .row_desktop {
    display:none;
  }

  #footer .menu_legal.menu_legal_mobile,
  #footer .content_copyrigth.content_copyrigth_mobile{
    display: block;
  }

  #footer .col_menu:before {
    top: 0px !important;
    bottom: 0px !important;
    right: -10000px !important;
    left: -10000px !important;
  }

  #footer .col_logo {
    padding-right: 15px;
    margin:0px;
  }

  #footer .col_menu {
    position: relative;
    padding: 60px 15px 60px 15px;
  }

  #footer .menu {
    max-width: 100%;
    width: 240px;
  }

  #footer .menu_legal.menu_legal_mobile {
    position: relative;
    padding-top: 30px;
  }

  #footer .menu_legal.menu_legal_mobile:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(90deg,#ffb625,#ff554f);
    left: 0;
    right: 0;
    height: 2px;
    top: 0;
  }

  #footer .menu_legal ul {
    display: block;
    line-height: 35px;
  }

  #footer .content_logo {
    margin-top: 60px;
  }

  #footer .content_social {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 575px){
  #footer .menu {
    width: 300px;
  }
}

/*********************************************/
/*      hero_title             *********/
/*********************************************/

.hero_title a.cta_button {
  margin-top:10px;
}

.hero_title p:last-of-type {
  margin:0px;
}

.hero_title button.btn.btn-primary {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
}

.hero_title .btn-primary.focus, 
.hero_title .btn-primary:focus {
  box-shadow: none;
}

.hero_title .btn-primary:not(:disabled):not(.disabled).active,
.hero_title .btn-primary:not(:disabled):not(.disabled):active, 
.hero_title .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none !important;
}

.modal .modal-content {
  background: transparent;
  border: 0px;
}

.modal .oembed_container {
  width: 100%;
  height: 530px;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden;
}

.modal .oembed_container iframe {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.modal-backdrop {
  background-color: #0F2B6E !important;
}

.modal-backdrop.show {
  opacity: .7 !important;
}

.modal .close {
  position: absolute;
  font-size: 40px;
  font-weight: 400;
  color: #0F2B6E;
  text-shadow: none;
  right: -40px;
  top: -50px;
}

.modal .close:focus, 
.modal .close:hover,
.modal .close:focus-visible{
  color: #0F2B6E;
}

.bm_header {
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  bottom: 0;
  z-index: -1;
}

@media screen and (max-width: 2500px) {
  .bm_header {
    position: absolute;
    top: 0%;
    left: -50%;
    right: -50%;
    bottom: 0%;
    z-index: -1;
  }
}

@media screen and (max-width: 1920px) {
  .bm_header {
    position: absolute;
    top: 0;
    left: -50%;
    right: -50%;
    bottom: 0;
    z-index: -1;
  }
}

@media screen and (max-width: 992px) {
  .bm_header {
    position: absolute;
    top: 0;
    left: -62%;
    right: -50%;
    bottom: 0;
    z-index: -1;
  }
}

@media (min-width: 576px){
  .modal .modal-dialog {
    max-width: 950px;
    margin: 150px auto;
  }
}

@media (max-width: 575px){
  .modal .modal-dialog {
    margin: 50px auto;
  }

  .modal .oembed_container {
    height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .hero_title .content_title {
    text-align:center;
  }
}

@media screen and (max-width: 575px) {
  .hero_title .content_title img {
    max-width:200px;
  }
}

/*********************************************/
/*      carousel_logo             *********/
/*********************************************/
.carousel_logo .content_carou_auto {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.carousel_logo .item_carou {
  position: relative;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.carousel_logo .content_cta {
  text-align:center;
  margin-top:30px;
}

@media screen and (max-width: 992px) {
  .carousel_logo .view_carou {
    animation-name: animation_auto;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  .carousel_logo .item_carou:first-of-type {
    margin-left:0px !important;
  }

  .carousel_logo .item_carou:last-of-type {
    margin-right:0px !important;
  }
}

/*********************************************/
/*      carousel_resources             *********/
/*********************************************/

#carousel_resources .content_image .bg_resource,
#carousel_resources .content_text .text {
  display: none;
}

#carousel_resources .content_image .bg_resource.active,
#carousel_resources .content_text .text.active {
  display: block;
}

#carousel_resources .content_text_nav {
  position: relative;
}

#carousel_resources .content_nav {
  display: flex;
  position: absolute;
  top: 340px;
  right: 15px;
}

#carousel_resources .nav_carousel.next {
  margin-left:20px;
}

#carousel_resources .nav_carousel {
  width: 45px;
  height: 45px;
}

#carousel_resources .nav_carousel.prev {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left.svg) center center no-repeat;
  background-size: contain;
}

#carousel_resources .nav_carousel.next {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right.svg) center center no-repeat;
  background-size: contain;
}

#carousel_resources .content_image {
  background: #fff;
  border-radius: 10px;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  max-width: 480px;
  margin:0 auto;
  padding: 40px 50px;
}

#carousel_resources .content_dot {
  margin-top: 30px;
}

#carousel_resources .content_text {
  background: #fff;
  border-radius: 20px;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  max-width: 480px;
  padding: 30px;
}

#carousel_resources .content_text h3 {
  margin-bottom:10px;
}

#carousel_resources .content_text p {
  font-size:14px;
  margin:0px;
}

#carousel_resources .content_text .content_link {
  text-align:right;
}

#carousel_resources .content_text a {
  position: relative;
  text-align: right;
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
  color: #0F2B6E;
  font-weight: bold;
}

#carousel_resources .content_text {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  max-width: 480px;
  padding: 30px;
  top: -50px;
  margin-bottom: -50px;
}

#carousel_resources .content_dot ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0px;
}

#carousel_resources .content_dot ul li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
  font-size: 20px;
  display: inline-block;
}

#carousel_resources .nav_carousel:hover,
#carousel_resources .content_dot ul li:hover{
  cursor:pointer;
}

#carousel_resources .content_dot ul li.active {
  font-weight: bold;
  background: white;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  border-radius: 10px;
  padding: 20px 20px 20px 70px;
  display: inline-block;
}

#carousel_resources .content_dot ul li:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/uncheck.svg) center center no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  left: 25px;
  top: 3px;
}

#carousel_resources .content_dot ul:before {
  content: "";
  position: absolute;
  background: #B3BAD3;
  width: 1px;
  top: 15px;
  bottom: 25px;
  left: 37px;
}

#carousel_resources .row_mobile {
  display:none;
}

@media screen and (max-width: 1199px) {
  #carousel_resources .content_nav {
    position: relative;
    justify-content: flex-end;
    margin-top: 30px;
  }
}

@media screen and (max-width: 992px) {
  #carousel_resources .content_text {
    top: 0px;
    margin: 30px 0px 0px;
  }
}


@media screen and (max-width: 768px) {
  #carousel_resources .row_mobile {
    display:flex;
  }

  #carousel_resources .row_desktop {
    display:none;
  }

  #carousel_resources .row_mobile .content_resource {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
    padding: 15px;
    height: 100%;
  }

  #carousel_resources .row_mobile .col_resource {
    margin-bottom: 30px;
  }

  #carousel_resources .row_mobile .content_resource h3 {
    font-size: 16px !important;
  }

  #carousel_resources .row_mobile .content_resource a {
    position: relative;
    text-align: left;
    display: block;
    margin-right: 30px;
    font-size: 16px;
    color: #0F2B6E;
    font-weight: bold;
  }

  #carousel_resources .row_mobile .content_resource a:before {
    content: "";
    position: absolute;
    background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-right.svg) center center no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    top: 30%;
    right: -30px;
  }
}

/*********************************************/
/*      benefits             *********/
/*********************************************/

#benefits .row {
  justify-content: center;
}

#benefits .content_benefit {
  position: relative;
  background: #fff;
  border-radius: 20px;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  padding: 50px 20px 10px 30px;
  height: 100%;
  max-width: 360px;
  margin: 0 auto;
}

#benefits .content_benefit .icon {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: -45px;
}

#benefits .content_cta {
  text-align: center;
}

#benefits #bm {
  position: absolute;
  max-width: 200px;
  right: -50px;
  top: -120px;
  z-index: -1;
}

#benefits .col_benefit {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  #benefits .col_benefit:last-of-type {
    margin-bottom: 0px;
  }
}

/*********************************************/
/*      socle             *********/
/*********************************************/

#socle .content_cta {
  margin-top: 40px;
  text-align: center;
}

#socle .title_col {
  position: relative;
  text-align: center;
}

#socle .title_col:before {
  content: "";
  position: absolute;
  background: white;
  left: 30px;
  right: 30px;
  top: 30%;
  height: 4px;
  border-radius: 4px;
  z-index: -1;
}

#socle .row_socle {
  max-width: 945px;
  margin: 0 auto 30px;
  background: #0F2B6E;
  border-radius: 10px;
  padding: 35px 30px;
}

#socle .col_socle {
  padding:0 15px;
  display: flex;
  align-items: center;
  min-height: 125px;
}

#socle .col_socle.class-bar {
  padding:0;
}

#socle .col_socle:last-of-type:before {
  content:none;
}

#socle .col_socle .content_text_socle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 230px;
  margin: 0 auto;
}

#socle .col_socle .socle_separe {
  display:block;
  text-align: center;
  border-radius: 20px;
  max-width:none;
  padding:40px 15px 20px;
}

#socle .col_socle .content_text_socle h3 {
  margin-left: 20px;
  margin-bottom: 0px;
  color: #fff;
}

#socle .col_option {
  margin-bottom: 30px;
}

#socle .col_option .content_text_option {
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  border-radius: 10px;
  height: 100%;
  padding: 40px 15px 20px;
}

#socle .col_option .content_img {
  text-align: center;
  margin-bottom: 20px;
}

#socle .col_option .content_text_option:before {
  content: "";
  position: absolute;
  background: #0F2B6E;
  width: 100%;
  height: 4px;
  top: 0px;
  left: 0px;
  right: 0px;
}

#socle .col_option .content_text_option p {
  margin-bottom: 10px;
}

#socle .col_option .content_text_option ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#socle .col_option .content_text_option li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 12px;
}

#socle .col_option .content_text_option li:last-of-type {
  margin-bottom: 0px;
}

#socle .content_interface ul {
  position: relative;
  padding: 0px;
  list-style: none;
  max-width: 875px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 43px;
}

#socle .content_interface ul li {
  position:relative;
}

#socle .content_interface ul li:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  top: -42px;
  left: 42%;
}

#socle .content_interface ul:before {
  content: "";
  position: absolute;
  background: #0F2B6E;
  height: 8px;
  border-radius: 8px;
  left: -50px;
  right: -50px;
  top: 0px;
}

#socle #bm_socle {
  position: absolute;
  max-width: 400px;
  right: -95px;
  top: 100px;
  z-index: -1;
}

@media screen and (max-width: 992px) {
  #socle .row_socle {
    padding: 35px 15px;
  }

  #socle .col_socle .content_text_socle {
    display: block;
    text-align: center;
    max-width: 200px;
  }

  #socle .col_socle .content_text_socle img {
    margin-bottom:20px;
  }

  #socle .col_socle .content_text_socle h3 {
    margin:0px;
  }
}

@media screen and (max-width: 767px) {
  #socle .row_socle {
    padding: 35px 30px;
    max-width: 400px;
  }

  #socle #bm_socle {
    max-width: 260px;
    right: -95px;
    top: 300px;
    transform: rotate(-45deg);
  }

  #socle .col_socle:before {
    top: auto !important;
    left: 0;
    right: 0 !important;
    bottom: -2px !important;
    height: 2px;
    width: 100% !important;
  }

  #socle .col_socle .content_text_socle {
    display: flex;
    width: 300px;
    max-width: initial;
    justify-content: space-between;
    margin: 30px auto;
  }

  #socle .col_socle .socle_separe {
    display:block;
    text-align: center;
    border-radius: 20px;
    max-width:none;
    padding:40px 15px 20px;
  }



  #socle .col_socle:first-of-type .content_text_socle {
    margin-top: 0px;
  }

  #socle .col_socle:last-of-type .content_text_socle {
    margin-bottom: 0px;
  }

  #socle .col_socle .content_text_socle img {
    margin-bottom: 0px;
    margin-right: 50px;
  }

  #socle .col_socle .content_text_socle img.separe {
    margin-right:0;
  }

  #socle .content_interface ul {
    display: block;
    max-width: 200px;
    padding: 50px 0px 50px 75px;
  }

  #socle .content_interface ul:before {
    width: 8px;
    top: 0px;
    bottom: 0px;
    height:auto;
    left: 24px;
  }

  #socle .content_interface ul li {
    margin-bottom: 15px;
  }

  #socle .content_interface ul li:last-of-type {
    margin:0px;
  }

  #socle .content_interface ul li:after {
    left: -50px;
    top: 10px;
  }

  #socle .content_interface ul li:before {
    width: 23px !important;
    height: 4px !important;
    top: 10px !important;
    left: -38px !important;
  }
}

@media screen and (max-width: 381px) {
  #socle .col_socle .content_text_socle h3 {
    font-size:20px !important;
  }

  #socle .col_socle .content_text_socle img {
    margin-right: 20px;
  }
}

/*********************************************/
/*      elevator             *********/
/*********************************************/

#elevator .row_mobile {
  display:none;
}

#elevator .content_img {
  position: -webkit-sticky !important;
  position: sticky !important;
  display:flex;
  justify-content:center;
  top:250px;
  height: 350px;
}

#elevator .content_image {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 20px;
  width: 560px;
  height: 350px;
  opacity: 0;
  transition: all .3s;
}

/*#elevator .content_image img.image {
box-shadow: 0 2px 10px 0 rgb(15 43 110 / 20%);
border-radius: 10px;
}*/

#elevator .content_image.active {
  opacity:1;
}

#elevator .col_text .text {
  margin-bottom:60px;
}

#elevator .col_text .text:last-of-type {
  margin-bottom:0px;
}

#elevator .col_text .text h3 {
  position: relative;
}

#elevator ul {
  padding: 0px;
  list-style: none;
}

#elevator ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

#bm_elevator {
  position: absolute;
  top: -150px;
  left: -200px;
}

#elevator .text h2 {
  font-size: 24px !important;
}

@media screen and (max-width: 1199px) {
  #bm_elevator {
    position: absolute;
    top: -170px;
    left: -250px;
  }
}

@media screen and (max-width: 992px) {
  #bm_elevator {
    position: absolute;
    top: -100px;
    left: -140px;
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  #elevator .row_desktop {
    display:none;
  }

  #elevator .row_mobile {
    display:block;
  }

  #elevator .content_image {
    position: relative;
    width: 100%;
    height: auto;
    opacity: 1;
    right: 0;
  }

  #elevator .col_image {
    margin-bottom: 30px;
  }

  #elevator .col_text {
    margin-bottom: 60px;
  }

  #elevator .col_text:last-of-type {
    margin-bottom: 30px;
  }
}

/*********************************************/
/*      testimonial             *********/
/*********************************************/

#testimonial .row {
  justify-content: center;
}

#testimonial .profil {
  height: 250px;
  border-radius: 10px 10px 0px 0px;
}

#testimonial .content_testimonial {
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  height: 100%;
  max-width: 360px;
  margin: 0 auto;
  overflow: hidden;
}

#testimonial .content_cta {
  margin-top: 40px;
  text-align: center;
}

#testimonial .content_link {
  position: absolute;
  text-align: center;
  left: 0px;
  right: 0px;
  bottom: 40px;
}

#testimonial .content_text {
  position: relative;
  padding: 50px 30px 90px;
}

#testimonial .content_logo {
  position: absolute;
  min-height: 100px;
  padding: 15px 30px;
  background: white;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -60px;
  left: 0px;
}

#testimonial .content_testimonial a {
  color: #0F2B6E;
  font-weight: bold;
  padding: 10px 30px;
  background: #fff;
  border: 1px solid;
  border-radius: 50px;
  text-decoration: none !important;
}

#testimonial .content_testimonial a:hover {
  background: #0F2B6E;
  color: #fff;
}

#testimonial .col_testimonial:last-of-type {
  margin-bottom: 0px;
}

@media screen and (max-width: 992px) {
  #testimonial .col_testimonial {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  #testimonial .title_module.title {
    margin: 0 auto 40px;
  }
}

/*********************************************/
/*      image_carousel             *********/
/*********************************************/

#image_carousel #carousel_card {
  width: 490px;
  left: -25px;
  margin-top: 20px;
  padding-bottom: 60px;
}

#image_carousel #carousel_card .slick-list.draggable {
  overflow: visible !important;
}

#image_carousel #carousel_card .slick-slide {
  margin: 0 15px;
  opacity: 0.5;
}

#image_carousel #carousel_card .slick-active {
  opacity: 1;
}

#image_carousel #carousel_card .slick-active + .slick-active {
  opacity: 0.5;
}

#image_carousel #carousel_card .slick-active + .slick-active + .slick-active {
  opacity: 0.5;
}

#image_carousel #carousel_card .content_text {
  width: 100%;
  margin: 10px auto;
  border-radius: 10px;
  padding: 30px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgb(15 43 110 / 20%);
}

#image_carousel #carousel_card .content_text p:last-of-type {
  margin:0px;
}

#image_carousel #carousel_card ul.slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 15px;
  right: 150px;
}

#image_carousel #carousel_card ul.slick-dots li {
  display: inline-block;
  margin-right: 20px;
  line-height: 0;
}

#image_carousel #carousel_card ul.slick-dots li:last-of-type {
  margin:0px;
}

#image_carousel #carousel_card ul.slick-dots li button {
  background: #B3BAD3;
  border: 0px;
  font-size: 0px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  line-height: 0px;
  padding: 0px;
}

#image_carousel #carousel_card ul.slick-dots li button:hover {
  background: #FF853A;
  cursor:pointer;
}

#image_carousel #carousel_card button.slick-next.slick-arrow,
#image_carousel #carousel_card button.slick-prev.slick-arrow{
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right.svg) center center no-repeat;
  background-size: contain;
  font-size: 0px;
  height: 44px;
  width: 44px;
  border: 0px;
  position: absolute;
}

#image_carousel #carousel_card button.slick-next.slick-arrow.slick-disabled,
#image_carousel #carousel_card button.slick-prev.slick-arrow.slick-disabled {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right-gray.svg) center center no-repeat;
  background-size: contain;
}

#image_carousel #carousel_card button.slick-next.slick-arrow {
  bottom: 0px;
  right: 15px;
}

#image_carousel #carousel_card button.slick-prev.slick-arrow {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left.svg) center center no-repeat;
  background-size: contain;
  bottom: 0px;
  right: 80px;
  z-index: 1;

}

#image_carousel #carousel_card button.slick-prev.slick-arrow.slick-disabled {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left-gray.svg) center center no-repeat;
  background-size: contain;
}

#image_carousel #carousel_card button.slick-next.slick-arrow:hover,
#image_carousel #carousel_card button.slick-prev.slick-arrow:hover{
  cursor:pointer;
}

#image_carousel .row {
  flex-direction: row-reverse;
}

@media (min-width: 991px){
  #image_carousel .container {
    max-width: 100% !important;
  }

  #image_carousel .col_carousel {
    overflow: hidden;
  }
}

@media screen and (max-width: 992px) {
  #image_carousel .col_image {
    height: 360px;
  }
}

@media screen and (max-width: 767px) {
  #image_carousel #carousel_card ul.slick-dots {
    justify-content: center;
    left: 15px;
    right: 15px;
  }
}

@media screen and (max-width: 768px) {
  #image_carousel #carousel_card {
    width: 100%;
    left: auto;
    margin: 30px auto 20px;
    display:block;
  }
}

/*********************************************/
/*      testimonial_carousel             *********/
/*********************************************/

#testimonial_carousel .slick-list.draggable {
  overflow: visible;
}

#testimonial_carousel .slick-slide {
  margin: 0 25px 0px 0px;
  opacity: 0.5;
}

#testimonial_carousel .slick-active {
  opacity: 1;
}

#testimonial_carousel .content_text {
  width:100%;
  position:relative;
  background: #fff;
  padding: 45px 25px 30px;
  border-radius:10px;
  overflow:hidden;
  margin-bottom: 30px;
}

#testimonial_carousel .content_text .title, 
#testimonial_carousel .content_text img {
  display: block;
}

#testimonial_carousel .content_text .title p,
#testimonial_carousel .content_text p:last-of-type{
  margin: 0;
}

#testimonial_carousel .content_text img {
  float: right;
  margin: 10px auto;
}

#testimonial_carousel .content_title_logo {
  margin-bottom: 25px;
}

#testimonial_carousel ul.slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  bottom: -30px;
  right: 170px;
}

#testimonial_carousel ul.slick-dots li {
  display: inline-block;
  margin-right: 20px;
  line-height: 0;
}

#testimonial_carousel ul.slick-dots li:last-of-type {
  margin:0px;
}

#testimonial_carousel ul.slick-dots li button {
  background: rgb(255 255 255 / 50%);
  border: 0px;
  font-size: 0px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  line-height: 0px;
  padding: 0px;
}

#testimonial_carousel ul.slick-dots li.slick-active button {
  background: #fff;
}

#testimonial_carousel ul.slick-dots li button:hover {
  background: #fff;
  cursor:pointer;
}

#testimonial_carousel button.slick-next.slick-arrow,
#testimonial_carousel button.slick-prev.slick-arrow{
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right-white.svg) center center no-repeat;
  background-size: contain;
  font-size: 0px;
  height: 44px;
  width: 44px;
  border: 0px;
  position: absolute;
  bottom: -44px;
  right: 30px;
}

#testimonial_carousel button.slick-prev.slick-arrow {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left-white.svg) center center no-repeat;
  background-size: contain;
  right: 94px;
}

#testimonial_carousel button.slick-next.slick-arrow.slick-disabled,
#testimonial_carousel button.slick-prev.slick-arrow.slick-disabled{
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right-white-8.svg) center center no-repeat;
  background-size: contain;
}

#testimonial_carousel button.slick-prev.slick-arrow.slick-disabled {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left-white-8.svg) center center no-repeat;
  background-size: contain;
}

#testimonial_carousel button.slick-next.slick-arrow:hover,
#testimonial_carousel button.slick-prev.slick-arrow:hover{
  cursor:pointer;
}

#testimonial_carousel .content_cta {
  text-align: center;
}

@media screen and (max-width: 992px) {
  #testimonial_carousel .content_cta {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  #testimonial_carousel .slick-slide {
    margin: 0 15px;
  }

  #testimonial_carousel .content_cta {
    text-align: center;
  }

  #testimonial_carousel ul.slick-dots {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-bottom: 30px;
  }
}

/*********************************************/
/*      faq             *********/
/*********************************************/

.faq .content_question {
  position:relative;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgb(15 43 110 / 20%);
  border-radius: 10px;
  padding: 20px 30px 0px;
  margin-bottom:10px;
  overflow: hidden;
}

.faq .question p:last-of-type, 
.faq .content_answer p:last-of-type {
  margin: 0px;
}

.faq .question {
  position: relative;
  padding-bottom: 20px;
  padding-right: 20px;
  list-style: none;
}

.faq .question:hover {
  cursor:pointer;
}

.faq .child_open .question:before {
  transform:rotate(180deg);
}

.faq .content_answer {

  padding-bottom:20px;
}

.faq .question h3 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Montserrat-regular",sans-serif !important;
  margin:0px;    
  line-height: 21px;
}

@media screen and (max-width: 767px) {
  .faq .col_text {
    margin-bottom: 30px;
  }
}

/*********************************************/
/*      tags             *********/
/*********************************************/

#tags .content_tags {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#tags a.tag {
  display: inline-flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 1px 10px 0px rgb(15 43 110 / 20%);
  border-radius: 10px;
  padding: 35px 30px;
  margin: 0px 15px 30px;
}

#tags a.tag:hover .arrow img {
  left: 5px;
}

#tags .picto img {
  width: 30px;
  max-height: 30px;
  margin-right: 10px;
}

#tags .arrow img {
  position:relative;
  width: 7px;
  margin-left: 10px;
  left: 0px;
}

#tags .text {
  color: #333333;
  font-weight: bold;
  font-size: 14px;
}

/*********************************************/
/*      listing_testimonial             *********/
/*********************************************/

#listing_testimonial {
  position:relative;
  overflow:hidden;
  z-index: 0;
}

#listing_testimonial #filtering {
  color: #FFF;
  border-radius: 50%;
  border: 0px;
  background: #303e51;
}

#listing_testimonial .row {
  justify-content: center;
}

#listing_testimonial #filter_element .container {
  overflow: hidden;
}

#listing_testimonial .filter {
  display:none;
}

#listing_testimonial .col_select {
  display:flex;
  align-items:center;
}

#listing_testimonial .content_filter {
  width: 100%;
  position:relative;
}

#listing_testimonial .title_filter {
  margin:0px;
  padding-bottom: 20px;
  position:relative;
  color: #0F2B6E;
  font-size: 16px;
  font-weight: bold;
}

#listing_testimonial .title_filter:hover,
#listing_testimonial .content_filter ul li label:hover{
  cursor:pointer;
  transition:all 0.3s;
}

#listing_testimonial .content_filter ul li input:checked+label::after {
  background: #FF554F;
  transition:all 0.3s;
}

#listing_testimonial #content_filtered ul li {
  display: inline-block;
  margin: 10px 10px 5px 0px;
  background: #FF554F;
  padding: 0px 10px 0px 15px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  line-height: 29px;
}

#listing_testimonial .content_filter ul {
  padding:0px;
  list-style: none;
  margin: 0px;
  position:relative;
}

#listing_testimonial .content_filter ul li {
  position: relative;
  transition:all 0.3s;
}

#listing_testimonial input.filter_check {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
}

#listing_testimonial .content_filter ul li label {
  padding: 10px 20px 10px 60px;
  margin: 0px;
  width: 100%;
}

#listing_testimonial .content_filter ul li label:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 11px;
  background:#fff;
  vertical-align: middle;
  border: 2px solid #cbd6e2;
  width: 21px;
  height: 21px;
}

#listing_testimonial .content_filter ul li label:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: transparent;
  top: 14px;
  left: 23px;
  border-width: 0 4px 4px 0;
  border-style: solid;
  border-color: transparent;
  transition: all .3s;
}

#listing_testimonial span.type_post {
  top: 15px;
  left: 30px;
  padding: 15px;
  display: block;
  position: absolute;
  background: #fff;
}

#listing_testimonial :focus {
  outline: none;
}

#listing_testimonial .img {
  height: 200px;
}

#listing_testimonial .elem_content_filter {
  color: #fff;
  padding: 5px 15px;
}

#listing_testimonial .content_input {
  position: relative;
  max-width: 300px;
  margin-left:auto;
  z-index: 0;
}

#listing_testimonial .content_input:before {
  content: "";
  position: absolute;
  height: 100%;
  background: url(https://5726589.fs1.hubspotusercontent-na1.net/hubfs/5726589/DW-2020/icone/magnifying-glass.svg) center center no-repeat;
  background-size: 50%;
  width: 40px;
  right:0;
  z-index: 1;
}

#listing_testimonial .col_search {
  text-align: right;
}

#listing_testimonial .content_elem {
  position:relative;
  max-width: 360px;
  margin:0 auto;
  display: block;
  height:100%;
  background:#fff;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  overflow: hidden;
  transition:all 0.3s;
}

#listing_testimonial .open .title_filter:before {
  transform:rotate(180deg);
}

#listing_testimonial #filter_element .col_elem {
  margin-bottom:30px;
}

#listing_testimonial #filter_element .elem_show {
  display:block;
}

#listing_testimonial #filter_element .elem_hidde {
  display:none;
}

#listing_testimonial #content_page {
  position: relative;
  transform: translateX(0px);
  transition: all .3s;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}

#listing_testimonial .col_page {
  position: absolute;
  transform: translateX(2000px);
  transition: all 1s;
}

#listing_testimonial .col_page:first-of-type {
  transform: translateX(0px);
  position: relative;
}

#listing_testimonial #page_1 {
  transform: translateX(0px);
}

#listing_testimonial .pagi {
  text-align: center;
  margin: 30px 0px 50px;
}

#listing_testimonial .pagi ul {
  list-style: none;
  margin: 0px;
}

#listing_testimonial .pagi ul li:first-of-type {
  margin: 0px;
}

#listing_testimonial .pagi ul li {
  display: inline-block;
  margin-left: 10px;
}

#listing_testimonial .pagi a {
  color: #fff;
  background:transparent;
  border: 1px solid #fff;
  font-size: 16px;
  border-radius: 50px;
  transition: all .3s;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#listing_testimonial .pagi a:hover,
#listing_testimonial .pagi a.active{
  color: #0F2B6E;
  border: 1px solid #fff;
  background: #fff;
  text-decoration:none;
}

#listing_testimonial .pagi .pagi_previous a {
  margin-left: 0px !important;
  margin-right: 10px;
  transform:rotate(180deg);
}

#listing_testimonial .error {
  text-align: center;
  color:#fff;
  margin: 0px;
}

#listing_testimonial .filter {
  display: none;
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 1px 10px 0px rgb(15 43 110 / 20%);
  z-index: 1;
}

#listing_testimonial .text_search {
  padding: 50px 30px 40px;
}

#listing_testimonial .content_logo {
  position: absolute;
  min-height: 100px;
  padding: 15px 30px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 140px;
  left: 0px;
}

#listing_testimonial .col_elem .text_search p:last-of-type {
  margin: 0px;
}

#listing_testimonial .text_search a {
  color: #0f2b6e;
  padding: 10px 40px 10px 30px;
  background: #fff;
  border: 1px solid;
  border-radius: 50px;
  margin-top: 10px;
  display: inline-block;
  position:relative;
}

#listing_testimonial .text_search a:before {
  content:"";
  background:url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-down-blue.svg) center center no-repeat;
  background-size:contain;
  width:7px;
  height:7px;
  top:3px;
  right:20px;
  transform:rotate(-90deg);
}

#listing_testimonial .text_search a:hover {
  background: #0f2b6e;
  color: #fff;
}

#listing_testimonial .text_search a:hover:before {
  background:url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/arrow-down-white.svg) center center no-repeat;
  background-size:contain;
}

@media screen and (min-width: 768px) { 
  #listing_testimonial .col_page .col_elem:first-of-type {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 100px !important;
  }

  #listing_testimonial .col_page .col_elem:first-of-type .content_elem {
    max-width: 100%;
    display: flex;
    overflow: hidden;
  }

  #listing_testimonial .col_page .col_elem:first-of-type .content_elem .img {
    width: 360px;
    height: 100%;
  }

  #listing_testimonial .col_page .col_elem:first-of-type .text_search {
    position: relative;
    max-width: 50%;
    padding: 30px 30px 40px;
  }

  #listing_testimonial .col_page .col_elem:first-of-type .content_logo {
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px 10px 0px 0px;
    display: block;
    top: auto;
  }
}

@media screen and (min-width: 992px) { 
  #listing_testimonial .col_page .col_elem:first-of-type .text_search {
    position: relative;
    max-width: 68%;
    padding: 30px 30px 40px;
  }
}

@media screen and (max-width: 991px) { 
  #listing_testimonial .col_select {
    margin-bottom: 30px;
  }

  #listing_testimonial .col_search {
    text-align: center;
  }

  #listing_testimonial .content_input {
    margin:0 auto;
  }
}

@media screen and (max-width: 767px) {
  #listing_testimonial .filter {
    position:relative !important;
    top: 0px !important;
  }
}

/*********************************************/
/*      image_text             *********/
/*********************************************/

.image_text .col_image,
.image_text .col_text {
  display: flex;
  align-items: center;
}

.image_text ul {
  padding: 0px;
  list-style: none;
}

.image_text li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.image_text .content_card {
  background: #fff;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  border-radius: 10px;
  padding: 30px;
  width: 510px;
  height: auto;
  transition: all .3s;
}

.image_text .content_image img {
  border-radius: 10px;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
}

.image_text .content_text h2 {
  font-size: 24px !important;
}

.image_text .image_right {
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) 
  .image_text .image_right .content_image {
    text-align: right;
}

.image_text .image_right .col_image {
  justify-content: flex-end;
}
}

@media screen and (max-width: 992px) {
  .image_text .content_card {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .image_text .content_image {
    margin-bottom: 60px;
    text-align: center;
  }

  .image_text .col_image {
    margin-bottom: 60px;
    justify-content: center;
  }
}

/*********************************************/
/*      hero_title_3col             *********/
/*********************************************/

#hero_title_3col a.cta_button {
  margin-top:30px;
}

#hero_title_3col p:last-of-type,
#hero_title_3col .col p:last-of-type{
  margin:0px;
}

#hero_title_3col .col_column .row {
  margin-top: 50px;
  justify-content: center;
  margin:50px 0px 0px;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgb(15 43 110 / 20%);
  border-radius: 10px;
}

#hero_title_3col .col {
  padding: 30px 53px 53px;
  text-align:center;
  position:relative;
}

#hero_title_3col .col:first-of-type:before {
  content:none;
}

#hero_title_3col .col img {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #hero_title_3col .content_title {
    text-align:center;
  }

  #hero_title_3col .col:before {
    top: 0px !important;
    left: 53px !important;
    right: 53px !important;
    bottom: auto !important;
    height: 2px !important;
    width: auto !important;
  }

  #hero_title_3col .col_column .row {
    margin:0px 0px;
  }

  #hero_title_3col .col_column {
    margin-top: 30px;
  }
}

@media screen and (max-width: 500px) {
  #hero_title_3col .col_column .row{
    margin:0;
  }
  #hero_title_3col .col_column.col-12{
    top:-90px;
  }
}

@media screen and (max-width: 575px) {
  #hero_title_3col .col_column .row{
    margin:0;
  }
}

/*********************************************/
/*      hero_title_number_key             *********/
/*********************************************/

#hero_title_number_key a.cta_button {
  margin-top:30px;
}

#hero_title_number_key p:last-of-type,
#hero_title_number_key .col p:last-of-type{
  margin:0px;
}

#hero_title_number_key .col_text .row {
  margin-top: 50px;
}

#hero_title_number_key .col {
  position: relative;
}

#hero_title_number_key .col .content_tiret {
  position:absolute;
  top:-15px;
  bottom:0px;
  left:0px;
  right:0px;
  display: flex;
  align-items: center;
}

#hero_title_number_key .col:first-of-type .content_tiret {
  display:none;
}

@media screen and (max-width: 767px) {
  #hero_title_number_key .content_title {
    text-align:center;
  }

  #hero_title_number_key .col .content_tiret {
    justify-content: center;
    bottom:auto;
  }

  #hero_title_number_key .col {
    margin-bottom:30px;
  }

  #hero_title_number_key .col .tiret {
    height: 2px !important;
    width: 60px !important;
    margin: 0 auto;
  }
}

/*********************************************/
/*      software_3col             *********/
/*********************************************/

#software_3col .row {
  justify-content: center;
  position: relative;
}

#software_3col .elem_float_1 {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/image/forme%202-software-3col.svg) center center no-repeat;
  background-size: contain;
  width: 145px;
  height: 120px;
  position: absolute;
  left: -70px;
  top: -140px;
}

#software_3col .elem_float_2 {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/image/forme%201-software-3col.svg) center center no-repeat;
  background-size: contain;
  width: 120px;
  height: 145px;
  position: absolute;
  right: -100px;
  bottom: -60px;
}

#software_3col .col_software {
  margin-bottom: 30px;
}

#software_3col .content_software {
  max-width: 360px;
  background: #fff;
  box-shadow: rgb(15 43 110 / 20%) 0px 2px 10px 0px;
  border-radius: 10px;
  padding: 30px;
  height: 100%;
  margin: 0 auto;
}

#software_3col .content_software p:last-of-type {
  margin:0px;
}

/*********************************************/
/*      team_carousel             *********/
/*********************************************/

#team_carousel p:last-of-type,
#team_carousel .col p:last-of-type{
  margin:0px;
}

#team_carousel .col {
  position: relative;
}

#team_carousel .col .content_tiret {
  position:absolute;
  top:-15px;
  bottom:0px;
  left:0px;
  right:0px;
  display: flex;
  align-items: center;
}

#team_carousel .col:first-of-type .content_tiret {
  display:none;
}

#team_carousel .number_key {
  margin-bottom:60px;
  justify-content:center;
}

#team_carousel #carousel_team {
  padding-bottom: 60px;
}

#team_carousel #carousel_team .slick-list.draggable {
  overflow: visible !important;
}

#team_carousel #carousel_team .slick-slide {
  margin: 0 15px;
  opacity: 0.5;
}

#team_carousel #carousel_team .slick-active {
  opacity: 1;
}

#team_carousel #carousel_team .slick-active + .slick-active {
  opacity: 0.5;
}

#team_carousel #carousel_team .slick-active + .slick-active + .slick-active {
  opacity: 0.5;
}

#team_carousel #carousel_team .row {
  width: 100%;
  margin: 10px auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgb(15 43 110 / 20%);
  overflow: hidden;
}

#team_carousel #carousel_team .content_text p:last-of-type {
  margin:0px;
}

#team_carousel #carousel_team ul.slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 15px;
  right: 150px;
}

#team_carousel #carousel_team ul.slick-dots li {
  display: inline-block;
  margin-right: 20px;
  line-height: 0;
}

#team_carousel #carousel_team ul.slick-dots li:last-of-type {
  margin:0px;
}

#team_carousel #carousel_team ul.slick-dots li button {
  background: #B3BAD3;
  border: 0px;
  font-size: 0px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  line-height: 0px;
  padding: 0px;
}

#team_carousel #carousel_team ul.slick-dots li button:hover {
  background: #FF853A;
  cursor:pointer;
}

#team_carousel #carousel_team button.slick-next.slick-arrow,
#team_carousel #carousel_team button.slick-prev.slick-arrow{
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right.svg) center center no-repeat;
  background-size: contain;
  font-size: 0px;
  height: 44px;
  width: 44px;
  border: 0px;
  position: absolute;
}

#team_carousel #carousel_team button.slick-next.slick-arrow.slick-disabled,
#team_carousel #carousel_team button.slick-prev.slick-arrow.slick-disabled {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-right-gray.svg) center center no-repeat;
  background-size: contain;
}

#team_carousel #carousel_team button.slick-next.slick-arrow {
  bottom: 0px;
  right: 15px;
}

#team_carousel #carousel_team button.slick-prev.slick-arrow {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left.svg) center center no-repeat;
  background-size: contain;
  bottom: 0px;
  right: 80px;
  z-index: 1;
}

#team_carousel #carousel_team button.slick-prev.slick-arrow.slick-disabled {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/icone/nav-arrow-left-gray.svg) center center no-repeat;
  background-size: contain;
}

#team_carousel #carousel_team button.slick-next.slick-arrow:hover,
#team_carousel #carousel_team button.slick-prev.slick-arrow:hover{
  cursor:pointer;
}

#team_carousel .content_cta {
  text-align:center;
  margin-top:20px;
}

#team_carousel .col_text {
  padding: 30px;
}

#team_carousel .content_social {
  margin-top: 40px;
}

#team_carousel .content_social ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#team_carousel .content_social ul li {
  display: inline-block;
  margin-right: 20px;
}

#team_carousel .content_social ul li:last-of-type {
  margin-right: 0px;
}

#team_carousel .content_social ul li a {
  display: block;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 767px) {
  #team_carousel #carousel_team .col_image {
    height: 280px;
  }

  #team_carousel #carousel_team ul.slick-dots {
    justify-content: center;
    left: 15px;
    right: 15px;
  }
}

@media screen and (max-width: 768px) {
  #team_carousel #carousel_team {
    width: 100%;
    left: auto;
    margin: 0px auto 20px;
    display:block;
  }

  #team_carousel .number_key {
    margin-bottom:30px;
  }

  #team_carousel .col .content_tiret {
    justify-content: center;
    bottom: auto;
  }

  #team_carousel .content_title {
    text-align:center;
  }

  #team_carousel .col {
    margin-bottom:30px;
  }

  #team_carousel .col .tiret {
    height: 2px !important;
    width: 60px !important;
    margin: 0 auto;
  }
}

/*********************************************/
/*      anchor             *********/
/*********************************************/

.parent_anchor {
  position: sticky;
  top: 81px;
  z-index: 9;
  transition: all 0.4s;
}

#anchor ul {
  padding: 0px;
  margin: 20px 0px 20px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

#anchor ul li a {
  color: #0F2B6E;
  font-family: "Quicksand",sans-serif !important;
}

#anchor ul li.active_anchor a,
#anchor ul li a:hover,
#anchor ul li:first-of-type{
  font-weight:bold;
}

@media screen and (max-width: 1199px) {
  .parent_anchor {
    top: 0px;
  }
}

@media screen and (max-width: 575px) {
  #anchor ul li {
    max-width: 55px;
  }
}

/*********************************************/
/*      elevator_V2             *********/
/*********************************************/

#elevator_V2 .row_mobile {
  display:none;
}

#elevator_V2 .content_img {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 200px;
  height: 350px;
}

#elevator_V2 .content_image {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 20px;
  opacity: 0;
  transition: all .2s;
}

#elevator_V2 .content_image img.image {
  box-shadow: 0 2px 10px 0 rgb(15 43 110 / 20%);
  border-radius: 10px;
  max-width: 550px !important;
}

#elevator_V2 .content_image.active {
  opacity:1;
  transition:all 0.4s;
}

#elevator_V2 .text .title_part {
  display: inline-block;
  border-radius: 10px;
  padding: 20px 25px;
  padding-left: 70px;
  margin-bottom: 30px;
  background: transparent;
  box-shadow: 0 0px 0px 0 rgb(15 43 110 / 20%);
}

#elevator_V2 .text.active .title_part {
  background: #fff;
  box-shadow: 0 2px 10px 0 rgb(15 43 110 / 20%);
}

#elevator_V2 .title_part *{
  margin: 0;
}

#elevator_V2 .col_text .text {
  margin-bottom:60px;
  position:relative;
}

#elevator_v2 .text h2 {
  font-size: 24px !important;
}

#elevator_V2 .col_text .text:last-of-type {
  margin-bottom:0px;
}

#elevator_V2 .col_text .text h3 {
  position: relative;
}

#elevator_V2 .content_text {
  padding-left: 70px;
}

#elevator_V2 ul {
  padding: 0px;
  list-style: none;
}

#elevator_V2 ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

#elevator_V2 .text .title_part,
#elevator_V2 .text .content_text {
  opacity:0.5;
}

#elevator_V2 .text.active .title_part,
#elevator_V2 .text.active .content_text {
  opacity:1;
}

#elevator_V2 .row_desktop .text:before {
  content: "";
  position: absolute;
  background: #B3BAD3;
  width: 1px;
  top: -60px;
  bottom: 0px;
  left: 35px;
  z-index: -1;
  transition:all 0.4s;
}

#elevator_V2 .text:after {
  content: "";
  position: absolute;
  background: #EDF0FA;
  border: 1px solid rgb(15 43 110 / 50%);
  width: 27px;
  height: 27px;
  top: 18px;
  left: 21px;
  border-radius: 50px;
  transition:all 0.4s;
}

#elevator_V2 .text:first-of-type:before {
  top:0px;
}

#elevator_V2 .text:last-of-type:before{
  content:none;
}

#elevator_V2 .text:nth-last-child(2):before {
  bottom:-90px;
}

#elevator_V2 .row_mobile:before {
  content: "";
  position: absolute;
  background: #B3BAD3;
  width: 1px;
  top: 140px;
  bottom: 400px;
  left: 49px;
  z-index: -1;
  transition: all 0.4s;
}

#elevator_V2 .row_mobile .last_col_text:before {
  content: "";
  position: absolute;
  background: #edf0fa;
  width: 1px;
  top: 25px;
  bottom: 0px;
  left: 49px;
  z-index: -1;
  transition: all 0.4s;
}

@media screen and (max-width: 1199px) {
  #elevator_V2 .content_image img.image {
    max-width: 450px !important;
  }
}

@media screen and (max-width: 991px) {
  #elevator_V2 .content_image img.image {
    max-width: 300px !important;
  }
}

@media screen and (max-width: 767px) {
  #elevator_V2 .title_module.title,
  #elevator_V2 .col_text .text {
    margin-bottom:30px;
  }

  #elevator_V2 .row_desktop {
    display:none;
  }

  #elevator_V2 .row_mobile {
    display:block;
  }

  #elevator_V2 .content_image {
    position: relative;
    width: 100%;
    height: auto;
    opacity: 1;
    right: 0;
    padding-left: 70px;
  }

  #elevator_V2 .content_image img.image {
    max-width: 100% !important;
  }

  #elevator_V2 .col_image {
    margin-bottom: 60px;
  }
}

/*********************************************/
/*      formulaire_contact             *********/
/*********************************************/

#formulaire_contact .row {
  flex-direction: row-reverse;
}

#formulaire_contact .form {
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgb(15 43 110 / 20%);
  border-radius: 10px;
  max-width: 750px;
  margin: 0 auto;
  padding: 60px;
}

#formulaire_contact .form fieldset {
  max-width: 100%;
  margin-bottom: 30px;
}

#formulaire_contact .form fieldset.form-columns-1 .hs-input,
#formulaire_contact .form fieldset.form-columns-2 .hs-input {
  width: 100%;
}

#formulaire_contact .form .form-columns-1 input[type=radio], 
#formulaire_contact .form .form-columns-1 input[type=checkbox] {
  width: auto;
}

#formulaire_contact .form fieldset.form-columns-1 .input {
  margin: 0px;
}

#formulaire_contact .form fieldset.form-columns-2 .input,
#formulaire_contact .form fieldset.form-columns-2 label{
  margin-right:15px;
}

#formulaire_contact .form fieldset.form-columns-2 .hs-form-field:last-of-type .input,
#formulaire_contact .form fieldset.form-columns-2 .hs-form-field:last-of-type label{
  margin-right:0px;
  margin-left:15px;
}

#formulaire_contact .form .form-title {
  display: none;
}

#formulaire_contact .form .hs-form-field > label {
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Montserrat-regular",sans-serif !important;
  line-height: 20px;
}

#formulaire_contact ul.no-list.hs-error-msgs.inputs-list {
  padding: 0;
  list-style: none;
  margin: 0px;
}

#formulaire_contact .form label.hs-error-msg,
#formulaire_contact .form label.hs-main-font-element{
  color:#FF554F;
  font-size: 12px;
  font-family: "Montserrat-regular",sans-serif !important;
  line-height: 20px;
  margin:0px;
}

#formulaire_contact ul.inputs-list.multi-container {
  padding: 0px;
  list-style: none;
  margin: 0px;
}

#formulaire_contact .form form .hs-input[type="radio"], 
#formulaire_contact .form form .hs-input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
}

#formulaire_contact .form form .hs-input[type="radio"] ~ span, 
#formulaire_contact .form form .hs-input[type="checkbox"] ~ span {
  position: relative;
  margin: 0px;
  padding-left: 30px;
  font-size: 14px;
}

#formulaire_contact .form form .hs-input[type="radio"] ~ span:hover, 
#formulaire_contact .form form .hs-input[type="checkbox"] ~ span:hover {
  cursor:pointer;
}

#formulaire_contact .form form .hs-input[type="radio"] ~ span:before, 
#formulaire_contact .form form .hs-input[type="checkbox"] ~ span:before, 
#formulaire_contact .form form .hs-input[type="radio"] ~ span:after, 
#formulaire_contact .form form .hs-input[type="checkbox"] ~ span:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 0px;
  border: 1px solid #cbd6e2;
  top: 0px;
  left: 0px;
}

#formulaire_contact .form form .hs-input[type="radio"] ~ span:before, 
#formulaire_contact .form form .hs-input[type="radio"] ~ span:after {
  border-radius:20px;
}

#formulaire_contact .form form .hs-input[type="radio"] ~ span:after, 
#formulaire_contact .form form .hs-input[type="checkbox"] ~ span:after {
  background: #ff554f;
  border: 0px;
  transform-origin: center;
  transform: scale(0);
}

#formulaire_contact .form form [type="radio"]:checked ~ span:after, 
#formulaire_contact .form form [type="checkbox"]:checked ~ span:after {
  transform: scale(0.6);
}

#formulaire_contact .form form .hs-input[type="text"],
#formulaire_contact .form form .hs-input[type="number"],
#formulaire_contact .form form .hs-input[type="email"], 
#formulaire_contact .form form .hs-input[type="tel"], 
#formulaire_contact .form form select, 
#formulaire_contact .form form textarea {
  background: #fff;
  border: 0px;
  box-shadow: inset 0px 2px 10px 0px rgb(15 44 112 / 20%);
  border-radius: 10px;
  padding: 18px 30px;
  font-size: 16px;
  font-family: "Montserrat-bold",sans-serif !important;
  line-height: 20px;
}

#formulaire_contact .form form textarea {
  min-height: 160px;
}

#formulaire_contact .form form .hs-input[type="text"]:focus, 
#formulaire_contact .form form .hs-input[type="email"]:focus, 
#formulaire_contact .form form .hs-input[type="tel"]:focus, 
#formulaire_contact .form form select:focus, 
#formulaire_contact .form form textarea:focus,
#formulaire_contact .form form .hs-input[type="text"]:valid, 
#formulaire_contact .form form .hs-input[type="email"]:valid, 
#formulaire_contact .form form .hs-input[type="tel"]:valid, 
#formulaire_contact .form form select:valid {
  background:#edf0fa;
}

#formulaire_contact .form form .hs-input[type="text"].invalid.error, 
#formulaire_contact .form form .hs-input[type="email"].invalid.error, 
#formulaire_contact .form form .hs-input[type="tel"].invalid.error, 
#formulaire_contact .form form select.invalid.error, 
#formulaire_contact .form form textarea.invalid.error {
  background: rgb(255 85 79 / 10%);
  color:#FF554F;
}

#formulaire_contact .form ul.inputs-list {
  padding: 0px;
  list-style: none;
}

#formulaire_contact .form form .legal-consent-container .hs-input[type="checkbox"] ~ span,
#formulaire_contact .form .legal-consent-container p {
  font-size: 12px;
}

#formulaire_contact .form .legal-consent-container .hs-richtext:last-of-type p {
  margin:0px;
}

#formulaire_contact .form .actions {
  text-align: center;
}

#formulaire_contact .form input.hs-button.primary.large {
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  user-select: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  background: rgb(255,85,79);
  border-width: 0px;
  color: rgb(255,255,255);
  font-family: sans-serif;
  height: auto;
  transition: all .4s ease;
  padding: 10px 30px;
  text-shadow: none;
  width: auto;
  font-weight: bold;
  line-height: 20px;
  border-radius: 50px;
  font-size: 14px;
}

#formulaire_contact .form .hs_error_rollup {
  margin-bottom: 30px;
}

#formulaire_contact .form .content_rgpd {
  margin-top:30px;
}

#formulaire_contact .form .content_rgpd p:last-of-type,
#formulaire_contact .content_card_wysiwyg p:last-of-type{
  margin:0px;
}

#formulaire_contact .submitted-message {
  font-family: "Montserrat-regular",sans-serif !important;
  font-size: 16px;
}

#formulaire_contact .content_card {
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgb(15 43 110 / 20%);
  border-radius: 10px;
  max-width: 750px;
  margin: 0 auto;
  padding: 60px;
  margin-bottom: 30px;
}

#formulaire_contact .content_card_logo {
  padding: 0px;
}

#formulaire_contact .content_card_logo .content_title {
  padding: 60px 60px 0px;
}

#formulaire_contact .content_card_wysiwyg h2,
#formulaire_contact .content_card_wysiwyg h3 {
  margin-bottom:30px;
}

#formulaire_contact .content_card_wysiwyg ul {
  padding: 0px;
  list-style: none;
  margin:0px;
}

#formulaire_contact .content_card_wysiwyg li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}

#formulaire_contact .content_card_wysiwyg li:last-of-type {
  margin-bottom: 0px;
}

#formulaire_contact .content_logo {
  padding: 0px 40px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#formulaire_contact .logo {
  min-width: 110px;
  text-align: center;
  margin-top: 40px;
}

#formulaire_contact .hs-recaptcha {
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  #formulaire_contact .form {
    padding: 40px;
  }

  #formulaire_contact .content_card {
    padding: 30px 20px ;
  }

  #formulaire_contact .content_card_logo .content_title {
    padding: 0px 20px 0px;
  }

  #formulaire_contact .content_logo {
    justify-content: center;
    padding: 0px 20px 0px;
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  #formulaire_contact .form .form-columns-2 .hs-form-field, 
  #formulaire_contact .form .form-columns-3 .hs-form-field {
    float: none;
    width: 100%;
  }

  #formulaire_contact .form fieldset.form-columns-2 .hs-form-field:last-of-type .input, 
  #formulaire_contact .form fieldset.form-columns-2 .hs-form-field:last-of-type label,
  #formulaire_contact .form fieldset.form-columns-2 .input, 
  #formulaire_contact .form fieldset.form-columns-2 label {
    margin-right: 0px;
    margin-left: 0px;
  }

  #formulaire_contact .content_logo {
    justify-content: space-between;
    padding: 0px 0px 0px;
  }

  #formulaire_contact .form .form-columns-2 .hs-form-field:first-of-type {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  #formulaire_contact .content_logo {
    justify-content: space-around;
  }

  #formulaire_contact .form {
    padding: 30px 20px;
  }

  #formulaire_contact .col_form {
    margin-bottom: 30px;
  }
  #formulaire_contact .content_card:last-of-type {
    margin:0px;
  }
}

@media screen and (max-width: 480px) {
  #formulaire_contact .form .form-columns-2 .hs-form-field, 
  #formulaire_contact .form .form-columns-3 .hs-form-field {
    float: none;
    width: 100%;
  }

  #formulaire_contact .form fieldset.form-columns-2 .hs-form-field:last-of-type .input, 
  #formulaire_contact .form fieldset.form-columns-2 .hs-form-field:last-of-type label,
  #formulaire_contact .form fieldset.form-columns-2 .input, 
  #formulaire_contact .form fieldset.form-columns-2 label {
    margin-right: 0px;
    margin-left: 0px;
  }

  #formulaire_contact .content_logo {
    justify-content: space-between;
    padding: 0px 0px 0px;
  }

  #formulaire_contact .form .form-columns-2 .hs-form-field:first-of-type {
    margin-bottom: 30px;
  }

  #formulaire_contact .logo {
    min-width: 100%;
  }
}

/*********************************************/
/*      post_3col             *********/
/*********************************************/

#post_3col .row {
  justify-content: center;
}

#post_3col .col_post {
  margin-bottom: 30px;
}

#post_3col .content_cta {
  text-align: center;
}

#post_3col .content_post {
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgb(15 43 110 / 20%);
  border-radius: 10px;
  height:100%;
}

#post_3col .image_post {
  height: 220px;
}

#post_3col .content_body_post {
  padding: 30px 30px 65px;
}

#post_3col a.topic_link {
  display: block;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  text-decoration: underline !important;
  font-family: "Montserrat-bold",sans-serif;
  margin-bottom:10px;
}

#post_3col .title_post {
  margin-bottom: 15px;
}

#post_3col .date_time p,
#post_3col .resum_post {
  margin:0px;
}

#post_3col .date_time {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#post_3col span.date,
#post_3col span.time{
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
}

#post_3col span.date img, 
#post_3col span.time img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

#post_3col span.date {
  margin-right: 30px;
}

#post_3col .content_link {
  margin: 0px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

#post_3col p.link {
  margin: 0;
  font-size: 16px;
  color: #0F2B6E;
  font-family: "Quicksand-Bold",sans-serif !important;
  font-weight: bold;
  position: relative;
  margin-right: 20px;
}

#post_3col p.link:hover:after {
  width: 100%;
}

#post_3col p.link:hover:before {
  right: -25px !important;
}

/*********************************************/
/*      wysiwyg             *********/
/*********************************************/

.wysiwyg .text {
  max-width:1140px;
  margin:0px auto;
}

.wysiwyg .text p:last-of-type {
  margin:0px;
}








/*********************************************/
/*      PopUp             *********/
/*********************************************/


/* popup background color */
body .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content {
  background-color: #FFF;
}

/* marge du contenu */
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ol,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form p,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ul,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ol,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p,
body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ul {
  margin-left:140px!important;
}

body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper {
  margin:0!important;
}

body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button,
body .leadinModal.leadinModal-v3 .leadin-button {
  border-radius:100px;
  /* background:linear-gradient(90deg, #FFB625 0%, #FF554F 51%, #FFB625 100%) var(--x, 0)/ 200% !important; */
  transition: all .5s ease-in-out;
  font-size: 17px!important;
  font-weight:bold;

}

body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:hover,
body .leadinModal.leadinModal-v3 .leadin-button:hover {
  --x: -100%;
  transition: all .5s ease-in-out;
}

/* headline text */
body .leadinModal .leadinModal-theme-default .leadinModal-v3 .leadinModal-preview h4,
body .leadinModal.leadinModal-v3 .thank-you-message p:first-child {
  font-family: "Quicksand-Bold",sans-serif!important;
  color: #0F2B6E;
  line-height: 1.1;
  font-size: 25px!important;
}

/* body text */
body .leadinModal .leadinModal-theme-default .leadinModal-v3 .leadinModal-preview p,
body .leadinModal.leadinModal-v3 .thank-you-message p:not(:first-child) {
  color: #4A4A49;
  line-height: 1.2;
  font-size: 17px;
}







/*
* BTNs Styles
* */
.block__as-btn {
  margin-top:32px;
}



a.as-btn {
  --x:0;
  position:relative;
  text-decoration:none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  background: rgb(255,85,79);
  border-radius: 6px;
  border-width: 0px;
  color: rgb(255,255,255);
  font-family: sans-serif;
  height: auto;
  transition: all .4s ease;
  padding: 10px 30px;
  text-shadow: none;
  width: auto;
  font-size: 24px;
  line-height: 1.5em;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  border-radius: 50px;
}
a.as-btn:hover {
  --x:-100%;
}


/* Gradient orange */
a.as-btn.as-btn-grad_orange {
  background:linear-gradient(90deg, #ffb625, #ff554f 51%, #ffb625) var(--x, 0)/ 200%;
}
a.as-btn.as-btn-grad_orange:hover {
  color:#fff;
  background:linear-gradient(90deg, #ffb625, #ff554f 51%, #ffb625) var(--x, 0)/ 200%;
}


/* Gradient Chronos */
a.as-btn.as-btn-grad_chronos {
  background:linear-gradient(90deg, #48e07b, #04a2b0 51%, #48e07b) var(--x, 0)/ 200%;
}
a.as-btn.as-btn-grad_chronos:hover {
  color:#fff;
  background:linear-gradient(90deg, #48e07b, #04a2b0 51%, #48e07b) var(--x, 0)/ 200%;
}


/* Gradient SIRH */
a.as-btn.as-btn-grad_sirh {
  background:linear-gradient(90deg, #ff6699, #a319b8 51%, #ff6699) var(--x, 0)/ 200%;
}
a.as-btn.as-btn-grad_sirh:hover {
  color:#fff;
  background:linear-gradient(90deg, #ff6699, #a319b8 51%, #ff6699) var(--x, 0)/ 200%;
}


/* Gradient Kiss my job */
a.as-btn.as-btn-grad_kmj {
  background: linear-gradient(90deg, #FF0201, #990100 51%, #FF0201) var(--x, 0) / 200%;
}
a.as-btn.as-btn-grad_kmj:hover {
  color:#fff;
  background: linear-gradient(90deg, #FF0201, #990100 51%, #FF0201) var(--x, 0) / 200%;
}


/* Blue linear */
a.as-btn.blue-linear {
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -moz-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  background: rgb(255,255,255);
  border-radius: 6px;
  border-width: 0px;
  color: rgb(255,255,255);
  font-family: sans-serif;
  height: auto;
  transition: all .4s ease;
  padding: 10px 40px 10px 30px;
  text-shadow: none;
  width: auto;
  font-size: 24px;
  line-height: 1.5em;
  color: #0F2B6E;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  border-radius: 50px;
  border: 1px solid #0F2B6E;

}
a.as-btn.blue-linear:before {
  content: "";
  position: absolute;
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/arrow-right-blue.svg) center center no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  top: 17px;
  right: 20px;
}
a.as-btn.blue-linear:hover {
  background: #0F2B6E;
  color: #fff;
}
a.as-btn.blue-linear:hover:before {
  background: url(https://5877949.fs1.hubspotusercontent-na1.net/hubfs/5877949/Digitaweb/arrow-right-white.svg) center center no-repeat;
  background-size: contain;
}