/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  width:100% !important;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;

}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}


.body-container-wrapper{
width:100vw;
}

.main-content{
width:100vw;
}




/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

Ancien code css



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

.partenaire-wrapper-fe{
display:none;
}

.a-vos-cote{
max-width: 305px;

}

  .hidden-on-desktop{
display:none;
}

.custom-scrollbar-10 {
  position: absolute;
  right: 0;
  top: 0;
  width: 12px; /* Largeur de la scrollbar */
  height: 100%; /* Hauteur de la scrollbar */
  background-color: #f0f0f0;
  border-radius: 6px;
  display: block; /* Toujours visible */
}

/* Le pouce de la scrollbar */
.custom-scrollbar-thumb-10 {
  width: 100%;
  background-color: #888;
  border-radius: 6px;
  cursor: pointer;
  position: absolute;
  top: 0; /* Initialement en haut */
  transition: transform 0.1s ease;
}

.cta-secondary-icon-2 a {
  display: flex;
  align-items: center; /* Aligne verticalement les éléments */
  text-decoration: none; /* Supprime le soulignement du lien */
  gap:0.5rem;
    text-decoration:none;
  color:#344054;
}

.custom-margin {
    display: block;
}

.contact-card-container {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.card-contact-page {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 23.75rem;
  max-width: none;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.div-block-103 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-card-contact {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.div-block-104 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-100 {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  background-color: #342a5e;
  border-radius: 1.875rem;
  justify-content: center;
  align-items: center;
  max-width: 53rem;
  padding: 2.875rem;
  display: flex;
}


.div-block-100-full {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  background-color: #342a5e;
  border-radius: 1.875rem;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  padding: 2.875rem;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}


._125whiteparagraphe {
  color: #fff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25rem;
}


._1whiteparagraphe {
  color: #fff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.div-block-101 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-102 {
    align-items: center;
    height: 100%;
    min-height: auto;
    max-height: none;
    display: flex;
    gap: 1.88rem;
    flex-direction: row;
    align-content: flex-start;
    width: 100%;
}

.image-46 {
  max-width: 4.8rem;
  max-height: 5.5rem;
}

.white-grey-button {
  color: #342a5e;
  background-color: #fff;
  border-radius: 2.5rem;
  padding: .75rem 1.875rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-decoration:none;
  width:auto;
}

.div-block-98 {
    grid-column-gap: 4.12rem;
    grid-row-gap: 4.12rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

.full-purple-section {
  background-color: #F9F5FF;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
  padding-top: 3.12rem;
  padding-bottom: 5rem;
  display: flex;
}

.full-purple-section-overlay {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    padding-top: 8.25rem;
    padding-bottom: 8.25rem;
    display: flex;
    background-position: 50%;
    background-size: cover;
    background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/technique-bg-2.svg"), /* L'image en premier */ linear-gradient(126deg, #926AFE 1.06%, #6B2CFF 60.77%);
}

.full-purple-section-down {
  background-color: #F9F5FF;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  padding-top: 3.12rem;
  padding-bottom: 5rem;
  display: flex;
}

._225-white-500 {
  color: #fff;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 3.25rem;
}

._225-white-500-left {
  color: white;
  text-align: left;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 3.25rem;
}

._225-black-500 {
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
text-align: center;

font-family: Satoshi;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

._225-black-500-left {
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
text-align: left;
font-family: Satoshi;
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.h3-yellow {
  color: #f4efa6;
}

.div-block-97 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 38rem;
  display: flex;
  gap: 0.62rem;
}


.div-block-97-2 {
  flex-flow: column;
  justify-content: left;
  align-items: left;
  max-width: 48rem;
  margin-left:auto;
  margin-right:auto;
  display: flex;
  gap: 0.62rem;
}

.card22-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 33.75rem;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.div-block-98 {
  grid-column-gap: 4.12rem;
  grid-row-gap: 4.12rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.grid-50-50{

    display: flex;
    flex-direction: row;
    gap: 4.12rem;

}

.div-block-76-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 53.7rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.value-wrapper-copy-copy {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  outline-offset: 0px;
  border: 1px #d0d5dd;
  border-radius: 2.5rem;
  outline: 3px #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: 22.5rem;
  padding: 2.25rem 1.25rem;
  display: flex;
}

.div-block-96 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.h2-page-v2--left {
  text-align: left;
  width: auto;
  max-width: none;
  margin: 0 auto;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 4rem;
  display: inline;
}

.heading-18 {
  color: #0c0c0c;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.125rem;
}

.fe-lexpe2{
display:none;
}

.value-first-stage-wrapper-copy-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.div-block-69-copy {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.88rem;
  display: flex;
}


button, select {
    text-transform: none;
    padding: 0.88rem;
    font-family: Staochi;
    color: var(--Couleur---Texte-Texte-500, #667085);
    font-family: Satoshi;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
  border-radius: 0.5rem;
border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
background: var(--White, #FFF);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
      max-width: 29.3rem;
}

.dropdown, select { padding-right:2rem;}

.hidden {
  display: none;
}

.faq-title-copy {
  color: #0c0c0c;
  text-align: left;
  max-width: 54rem;
  margin: 0 0 5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6rem;
  display: block;
}

.faq-title-centred {
  color: #0c0c0c;
  text-align: center;
  max-width: 54rem;
  margin: 0 0 5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6rem;
  display: block;
}

.cta-stars-wrapper-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1096px;
  padding: 0 3rem 7.56rem;
  display: flex;
  position: relative;
  margin-top: 10rem;
}

.error-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1096px;
  padding: 0 3rem 7.56rem;
  display: flex;
  position: relative;
  margin-top: 10rem;
}


.long-text-testi-wraper-fe{
gap: 0.31rem;
    display: flex;
    flex-direction: column;
}


.long-text-testi-container-fe {
   width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.label-subtitle {
  color: #6b2cff;
  text-transform: uppercase;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.div-block-87 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 53rem;
  margin-bottom: 4.12rem;
  display: flex;
}

.div-block-87-2 {
    grid-column-gap: .5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    max-width: 65rem;
    margin-bottom: 4.12rem;
    display: flex;
    align-items: center;
}

.bloque-wrapper{

    display: flex;
    flex-direction: row;
    gap: 60px;
}

.bloque-fe {
    display: flex;
    width: 380px;
    padding: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    border-radius: var(--Radius-corner-radius-15, 15px);
    background: #FFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.section-definition-signature {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    display: flex;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}

.section-definition-signature-zifa {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}

.page-section-client-final {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    margin: 0px auto 0;
    padding-top: 100px;
    display: flex;
    position: relative;
    background-size: 100% 104%;
    background-position: bottom;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    background-repeat: no-repeat;
    margin-bottom: 150px;
}

.page-section-client-final-2 {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    margin: 0px auto 0;
    display: flex;
    position: relative;
    background-size: 100% 104%;
    background-position: bottom;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    background-repeat: no-repeat;
    margin-bottom: 150px;
}

.paragraphe-20-centred{
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
text-align: center;
font-family: Satoshi;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-block-88, .div-block-89 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    display: flex;
    max-width: 100%;
    flex-direction: row;
    justify-content: center;
}

.div-block-89-fef {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    display: flex;
    max-width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.div-block-88-lef{
   display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonnes de largeur égale */
    grid-template-rows: 1fr; /* 1 seule ligne */
    grid-column-gap: 3.12rem; /* Espacement entre les colonnes */
    grid-row-gap: 3.12rem; /* Espacement entre les lignes (facultatif si une seule ligne) */
    max-width: 100%;
    justify-content: center;
}


.cta-stars-wrapper-copy-copy-copy-copy {
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 100px;
}

.cta-stars-wrapper-copy-copy-copy-copy-copy {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 100px;
}

.card-wrappper-tog
{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 2rem;
}

.div-block-87-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 53rem;
  margin-bottom: 0;
  display: flex;
}

.item-card-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff0;
  border: 1px #fff;
  border-left: 2px solid #e4e7ec;
  border-radius: 0;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23rem;
  padding: 0;
  display: flex;
}

.card-title-fe {
  color: #0c0c0c;
  text-align: left;
  border-left: .2rem #6b2cff;
  max-width: 54rem;
  margin: 0 0 5px;
  padding-left: 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6rem;
  display: block;
  box-shadow: -2px 0 #6b2cff;
}

.paragraphe-1rem-left-padded {
  color: #344054;
  padding-left: 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
}

.card-image {
  padding-left: 1.25rem;
}

.table-2{
margin-top: 2.19rem;
    border-collapse: collapse;
    border-radius: 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
    overflow: hidden;
    box-shadow: 0px 0px 0px 0px #110E73;
    max-width:60rem;
    width:100%;

}

.table-3{
    border-collapse: collapse;
    border-radius: 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
    overflow: hidden;
    box-shadow: 0px 0px 0px 0px #110E73;
    max-width:60rem;
    width:100%;

}

.presentation-cachet-section-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #f9f5ff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  padding-top: 3.12rem;
  padding-bottom: 5rem;
  display: flex;
}

.item-card-wrapper-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff0;
  border: 1px #fff;
  border-left: 2px solid #e4e7ec;
  border-radius: 0;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23rem;
  height: 21rem;
  padding: 0 0 3.5rem;
  display: flex;
  
}

.item-card-wrapper-copy-fel {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff0;
  border: 1px #fff;
  border-left: 2px solid #e4e7ec;
  border-radius: 0;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23rem;
  height: 26rem;
  padding: 0 0 3.5rem;
  display: flex;
  
}

.spcial-cards-wrapper {
  flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 3.12rem;
    margin-bottom: 3.12rem;
    display: flex;
    max-width: 80rem;
    width: 100%;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-84-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-90 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60rem;
  display: flex;
}

.text-block-21 {
  font-family: Satoshi, Arial, sans-serif;
}

.paragraphe125remcentreblack-copy {
  text-align: center;
  border-radius: .9375px;
  padding: .63rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.div-block-91 {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 54rem;
  display: flex;
}

.section80-full {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  padding-top: 8rem;
  display: flex;
   background-size: auto; /* Cette ligne permet de couvrir entièrement l'élément */
  background-position: 50%; /* Pour centrer l'image */
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png");
}



.section80-full-fe {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  padding-top: 0rem;
  display: flex;
   background-size: auto; /* Cette ligne permet de couvrir entièrement l'élément */
  background-position: 50%; /* Pour centrer l'image */
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png");
}

.section80-full-2 {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  padding: 3.125rem 0rem 5rem 0rem;
  display: flex;
  background-color:#F9F5FF;
}

.paragraph-left-align-sml-copy {
  color: #6e7072;
  text-align: left;
  flex-flow: column;
  width: auto;
  padding: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 147%;
  display: flex;
  position: static;
}

.paragraph-left-align-sml-copy.p-sml {
  color: #6e7072;
  padding: 0;
  font-size: 1rem;
  line-height: 1.2rem;
}

.info_testisml_bloc-copy-2 {
    grid-column-gap: 1.12rem;
    grid-row-gap: 1.12rem;
    flex-flow: column;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
}

.bubbler-wrapper {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: row;
  display: flex;
}

.value-wrapper-left-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    outline-offset: 0px;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    outline: 3px #333;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 25vw;
    height: 8.5rem;
    padding: 1.25rem;
    display: flex;
    overflow: visible;
    box-shadow: 0 12px 16px -4px #10182814;
    /* width: 100%; */
}




.value-wrapper-left-copy-fefzi {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  outline-offset: 0px;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  outline: 3px #333;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 28rem;
  height: 8.5rem;
  padding: 1.25rem;
  display: flex;
  overflow: visible;
  box-shadow: 0 12px 16px -4px #10182814;
}

.image-45 {
  width: 6.25rem;
  height: 6.25rem;
}

.bubbler-container {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.section80-full-copy {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png");
  background-position: 50%;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  padding-top: 8rem;
  display: flex;
}

.section80-full-copy-copy{
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  display: flex;
    position:relative;
}

.image-absolute-bg{
position:absolute;
    width: 100%;
  z-index:-200;

}
.section80-full-copy.copy {
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png");
  background-position: 0 0;
  background-size: auto;
  flex-flow: row;
}

.div-block-92 {
    grid-column-gap: 5.38rem;
    grid-row-gap: 5.38rem;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
}

.div-block-92-2 {
    grid-column-gap: 5.38rem;
    grid-row-gap: 5.38rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.div-block-92-2-2 {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.heading-17 {
  color: #101828;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  margin: 0px;
}

.image-41-fefe2 {
    position: absolute;
    inset: 80% auto auto 100%;
    width: 7rem;
}

.div-block-93 {
  padding: 4.9rem;
  position: relative;
}

.div-block-93-2 {
  position: relative;
}

.image-41-copy {
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-42-copy {
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-85-copy {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.faq-title-copy {
  color: #0c0c0c;
  text-align: left;
  max-width: 54rem;
  margin: 0;
  padding-left: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6rem;
  display: block;
}

.description-txt-small {
  color: #6e7072;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.description-txt-small-ialic {
  color: #6e7072;
  font-family: Satoshi;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.video-wrapper, .video-wrapper-1 {
    width: 55rem;
    border-radius: 3rem;
    height: 31rem;
}

.italic-text {
  font-family: Satoshi;
}

.image-41-3 {
    position: absolute;
    inset: 0% auto auto -5%;
    width: 7rem;
}

.image-41-3fel{
    position: absolute;
    inset: 0% auto auto -5%;
    width: 7rem;
}

.cta-stars-wrapper-copy-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1096px;
  padding: 0 3rem;
  display: flex;
  position: relative;
}

.div-block-94 {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-section-client-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.img-tableau
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.picto-faq{
max-width: 40px;
}

    .scrollable-card-xrapper-felz {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border-radius: .9375rem;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    min-width: 23.75rem;
    max-width: none;
    padding-bottom: .9375rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    height: 100%;
}


.div-block-84-zet, .div-block-84-zet-2 {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

.value-wrapper-center-white {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 21.5rem;
  height: 100%;
  padding: 2.25rem 1.88rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #10182814;
}

.div-block-95 {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  display: flex;
}


.presentation-confiance-section {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  display: flex;
}

.logo-confiance-wrapper {
  flex-flow: column;
  min-width: 29.2rem;
  display: flex;
}

.div-block-86 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  margin-bottom: 3.12rem;
  display: flex;
}

.image-43, .image-44 {
  width: 41%;
}

.section-fiabilite-certif {
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 150px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
      padding-left: 2rem;
    padding-right: 2rem;
}

.paragraphe-1rem-centred {
  color: #344054;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
}

.picto-bloc-size{
max-width:100px;
max-height:100px;
}

     .controls-container-1, .controls-container-2, .controls-container-3, .controls-container-4, .controls-container-5 {
    width: 100%;
    display: none;
    align-items: center;
     margin-top:-2rem;
     gap:1rem;
}

.quar-percent{
width:40%;
  height:100%;
}

.value-wrapper-copy {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  outline-offset: 0px;
  border: 1px #d0d5dd;
  border-radius: 2.5rem;
  outline: 3px #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: none;
  padding-top: 2.25rem;
  display: flex;
}

.value-wrapper-copy-zefe {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    outline-offset: 0px;
    border: 1px #d0d5dd;
    border-radius: 2.5rem;
    outline: 3px #333;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    max-width: none;
    padding-top: 2.25rem;
    display: flex;
}

.text-button{

    max-width: 680px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

}

.text-card-wrapper {

    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;

}

.text-image-wrapper-right {
    display: flex;
    align-items: stretch;
    gap: 66px;
    justify-content: space-evenly;
    flex-direction: row-reverse;
  margin-bottom:50px;
}


.text-image-wrapper-right-1 {
    display: flex;
    align-items: stretch;
    gap: 66px;
    justify-content: space-evenly;
    flex-direction: row-reverse;
  margin-bottom:50px;
}

.text-image-wrapper-left {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 66px;
    margin-bottom: 50px;
    justify-content: center;
}

.text-image-wrapper-left-1{

    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 66px;
   margin-bottom:50px;
}

.div-block-63 > * {
    flex: 0 0 50%;
}




.timer-wrapper {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.timmer-bloc {
    max-width: 515px;
    display: flex;
    flex-direction: column;
    gap: 181px;
}

.faq-title-copy {
  color: #0c0c0c;
  text-align: left;
  max-width: 54rem;
  margin: 0 0 5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6rem;
  display: block;
}

.faq-title-centred {
  color: #0c0c0c;
  text-align: center;
  max-width: 54rem;
  margin: 0 0 5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6rem;
  display: block;
}

.cta-wrapper-arrow a {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}

.cta-wrapper-arrow:hover {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom:1px solid;
}

.page-section-client, .page-section-client-zet {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    margin: 100px auto 0;
    display: flex;
    position: relative;
    background-size: 100% 90%;
    background-position: bottom;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    background-repeat: no-repeat;
}




     .bloc-right-card-wrapper{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}
.value-wrapper-left-fefe-1 {
    border-radius: var(--Radius-corner-radius-40, 40px);
    border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
    background: #FFF;
    display: inline-flex;
    padding: 20px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 43%;
    height: 60%;
}

 
      
      .value-wrapper-left-copy-final {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    outline-offset: 0px;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    outline: 3px #333;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    max-width: 280px;
    height: 8.5rem;
    padding: 1.25rem;
    display: flex;
    overflow: visible;
    box-shadow: 0 12px 16px -4px #10182814;
}
      



.page-section-client-final {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    margin: 0px auto 0;
    padding-top: 100px;
    display: flex;
    position: relative;
    background-size: cover;
    background-position: bottom;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    background-repeat: no-repeat;
}

.faq-title-wrapper {
display: flex;
align-items: flex-start; 
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
  gap: 1.5rem;
  cursor: pointer;
justify-content: space-between;
}

.blur-left-absolute{
left:0;
  position:absolute;
}

.contact-cta-section-2-wrapper(
position:relative;
)

.contact-cta-section-2-wrapper-zet(
position:relative;
margin-bottom: -150px !important;
)


.cta-call {
margin-top:1.88rem;
}

.infos-conctact-cta-wrapper-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    gap:5.71rem;
}

.contact-cta-section-2{
  justify-content: space-around;
  align-items: center;
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
    padding-left: 2rem;
    padding-right: 2rem;
}

   .tab-button-price {
  cursor: pointer;
}



.scrollable-card-xrapper:hover .cta-primary-card-hide {
    display: block;
}

.real-scrollable-div-2 {
  height: 30rem;
  overflow-y: scroll;
  scrollbar-width: none; /* Masque Firefox */
  width:100%;
  padding-right: 3.75rem;
  padding-left: 3.75rem;
  position:relative;
}

.image-42-zefi{
position:absolute;
   inset: 33% auto auto 100%;
  
}

.hero-section-cachetage {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    display: flex;
    padding-top: 14rem;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
    background-position: top;
    background-size: 100% 80%;
    background-repeat: no-repeat;
}

.error-page{

    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  margin-top: 5rem;

}

.hero-section-cachetage-legal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem; 
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  display: flex;
  padding-top:14rem;
  padding-bottom:50px;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png");
}

.content-wrapper-2{

    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;    
    background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png");
}

.h2-page-v2 {
    color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
    text-align: center;
    font-family: Satoshi;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    max-width: 62rem;
}

.h2-page-v2-2{
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
text-align: center;
font-family: Satoshi;
font-size: 3.125rem;
font-style: normal;
font-weight: 700;
line-height: normal;
  margin:0px;
  max-width: 70rem;
}


.h1-left-section {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.h1-left-section-fe {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    display: flex;
    align-items: flex-start;
    text-align: left;
}

.hs-form-78db0882-555f-49e6-8a73-d9989535e16d_22d6ec54-4e5d-400b-8ad0-e9c97e4104b0 .hs-button{
border-radius: var(--Radius-corner-radius-40, 40px) !important;
    background: var(--Couleur---Brand-Goodflag, #342A5E) !important;
    border-color: #342A5E !important;
  font-family: Satoshi, Arial, sans-serif !important;
}

.form-block{
position:relative;
}

.div-block-80 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
      max-width: 30rem;
    flex-wrap: wrap;
}

.img-webinaire {
  width: 100%;
  border-top-left-radius: 0.9375rem;
    border-top-right-radius: 0.9375rem;
}


.div-block-81 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    display: flex;
    width: 80rem;
  
}
.div-block-81-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  max-width: 80rem;
  margin-bottom:8.12rem;
      padding-left: 2rem;
    padding-right: 2rem;
}

.cta-stars-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1096px;
  padding: 4rem 7rem 0;
  display: flex;
  position: relative;
  gap: 1.25rem;
}

.v-paragraphe-125-center {
  opacity: .9;
  color: #344054;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.8rem;
}

.section80-hidden-on-desktop{
display:none;
}

.image-41 {
  position: absolute;
  inset: 0% auto auto 0%;
  width:7rem;
}

.image-41-fefe{
  position: absolute;
  inset: 0% auto auto 0%;
  width:7rem;
}

.image-41-fefe-2{
  position: absolute;
  inset: 0% auto auto 0%;
  width:7rem;
}

.image-41-2 {
    position: absolute;
    inset: 95% auto auto -23%;
    width: 7rem;
}

.image-42 {
  position: absolute;
  width:7rem;
  inset: auto 0% 0% auto;
}

    .image-fe-94-z{
max-width:523px;
}
  

.image-42-fef3 {
    position: absolute;
    width: 7rem;
    inset: auto 100% 100% auto;
}

.image-42-2 {
    position: absolute;
    width: 7rem;
    inset: auto -35% 89% auto;
}

.client-proof-v2 {
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.for-who-section-v2 {
  justify-content: center;
  align-items: center;
  max-width: 70rem;
  height: auto;
  min-height: 508px;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.h3-corps-page-zef{
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
font-family: Satoshi;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-block-82 {
    background-color: #342a5e;
    border-radius: 1.25rem;
    max-width: 46.75rem;
    padding: 1.875rem;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
    gap: 0.62rem;
    flex-direction: column;
}

.h3-white {
  color: #fff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.125rem;
}

.paragraphe-white-1rem {
  color: #fff;
  max-width: 31rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
}

.h4-v2 {
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 2.25rem;
}

.bloc-zis {
    display: flex;
    gap: 98px;
}

.div-block-83 {
  z-index: 10;
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  background-color: #fff;
  border-radius: .9rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding: 1.875rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 24px 48px -12px #1018282e;
}

.paragraphe-1rem-left {
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
}

.presentation-cachet-section {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  background-color: #f9f5ff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  display: flex;
}

.presentation-cachet-section-2 {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  background-color: #f9f5ff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin: auto auto 150px;
  display: flex;
  padding-top:3.12rem;
  padding-bottom:5rem;
}

.stars_down_right-2-fefe{
display:none;
}

.body-5 {
  padding-top: 3.125rem;
  padding-bottom: 5rem;
}

.div-block-84 {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  justify-content: center;
  align-items: flex-start;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.hbspt-form{
width:100%;
}

.image-41-fefe2-zez {
    position: absolute;
    inset: 33% auto auto 100%;
}

.image-42-fef3-zez{
    position: absolute;
    inset: 33% auto auto -9%;
}


.value-wrapper-center-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23rem;
  padding: 1.25rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.value-wrapper-center-copy-felzi, .value-wrapper-center-copy-felzi-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23rem;
  padding: 1.25rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.h2-center {
  margin-top: 0;
  margin-bottom: 0;
}

.section80 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: auto auto 150px;
    display: flex;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
}

.section80-bg {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: auto auto 150px;
    display: flex;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-goodflag1.png);
    background-size: cover;
    background-position: 100% 80%;
}

.section80-bg-1 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: auto auto 150px;
    display: flex;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/eclairv2.svg");
  background-size: cover;
    background-position: 100%;
    }

.section80-contact{
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-top:14rem;
  margin-bottom:150px;
  display: flex;
  margin-left: auto;
  margin-right:auto;
      padding-left: 2rem;
    padding-right: 2rem;
  
}


.section80-fe {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin: auto auto 0px;
  display: flex;
  margin-top:100px;
      padding-left: 2rem;
    padding-right: 2rem;
}

.solution-wrapper-copy {
  grid-column-gap: 3.11rem;
  grid-row-gap: 3.11rem;
  background-color: #fff;
  border-top-left-radius: .9375rem;
  border-top-right-radius: .9375rem;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 64.25rem;
  max-height: 37.25rem;
  margin-left: 5rem;
  padding: 1.27rem 1.27rem 0;
  display: flex;
  height: 37.25rem; /* Ajuste selon la hauteur que tu veux */
  overflow-y: scroll; /* Permet le défilement vertical */
  position: relative;
}

.h2-aurora {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 44%, #926afe 62%, #04cdc8 98%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Satoshi;
font-size: 3.125rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.card-scrolling-wrapper{
position:relative;
  height: 28rem;
    max-width: 80rem;
    width: 100%;
  
}

.solution-wrapper-copy-invert {
  grid-column-gap: 3.11rem;
  grid-row-gap: 3.11rem;
  background-color: #fff;
  border-top-left-radius: .9375rem;
  border-top-right-radius: .9375rem;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 64.25rem;
  max-height: 37.25rem;
  margin-left: 5rem;
  padding: 1.27rem 1.27rem 0;
  display: flex;
  align-items: center;
}

.h2-left-225{
color: #000;
font-family: Satoshi;
font-size: 2.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;

}



.scrollable-card-xrapper, .scrollable-card-xrapper-1, .scrollable-card-xrapper-2, .scrollable-card-xrapper-3 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: flex-start;
  width: auto;
  min-width: 23.75rem;
  max-width: 23.75rem;
  padding-bottom: .9375rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
  height: 100%;
}

.scrollable-card-xrapper-copy{
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: flex-start;
  width: auto;
  max-width: 29rem;
  padding-bottom: .9375rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
  height: 100%;
  padding:1.88rem;
}

.scrollable-card-xrapper-22 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: flex-start;
  width: auto;
  min-width: 23.75rem;
  max-width: 23.75rem;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
  height: 100%;
}


.div-block-85 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.div-block-85-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}


.scrollable-card-container, .scrollable-card-container-1, .scrollable-card-container-2, .scrollable-card-container-3 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 100%;
    max-height: 45rem;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 2rem;
    display: flex;
    overflow: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}
.cta-primary-card-hide {
  background-color: var(--couleur-texte--texte-900);
  text-align: center;
  border-radius: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 3rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  transition: box-shadow .2s;
  display: none;
  color:white;
  text-decoration:none;
}

.cta-primary-card-hide:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}

.cta-primary-card-hide.left-cta {
  margin-left: 0;
}

.div-tag-card {
  grid-column-gap: .31rem;
  grid-row-gap: .31rem;
  flex-flow: wrap;
  display: flex;
}

.section80-left-margin {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin: auto 0 200px auto;
  padding-top: 8rem;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.faq-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #f8f5f5;
  border-radius: 1.25rem;
  flex-flow: column;
  max-width: 40rem;
  padding: 1.25rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.line-faq-wrapper {
  grid-column-gap: .31rem;
  grid-row-gap: .31rem;
  border-top: 1px solid #d0d5dd;
  flex-flow: column;
  padding-top: 1.25rem;
  display: flex;
}

.paragraphe-faq-align-1rem {
  padding: 5px 10px;
  border-radius: 8px;
background: #E1F4E5;
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
   display: none; /* Par défaut, caché */
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.paragraphe-faq-align-1reme{
  padding: 5px 10px;
  border-radius: 8px;
background: #E1F4E5;
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
   display: none; /* Par défaut, caché */
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.chevron-down-faq {
  transition: transform 0.3s ease-in-out;
}

.chevron-down-faq.rotate {
  transform: rotate(180deg);
}
  
.cta-tertiary-icon {
    grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: white;
  justify-content: center;
  align-items: baseline;
  width: auto;
  max-width: none;
  padding: .81rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  text-decoration: none;
  align-items: center;
  display: flex;
  align-items: base-line;
  gap: 8px; /* Espacement entre le texte et l'icône */
}

.cta-tertiary-icon a {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: center;
  align-items: baseline;
  width: auto;
  max-width: none;
  padding: .81rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  text-decoration: none;
  color: white; /* Couleur initiale du texte et de l'icône */
  display: flex;
  align-items: center;
}

.cta-tertiary-icon .cta-secondary-icon-text,
.cta-tertiary-icon .cta-secondary-icon-arrow {
  transition: color 0.3s ease; /* Animation fluide */
}

.cta-tertiary-icon:hover .cta-secondary-icon-text,
.cta-tertiary-icon:hover .cta-secondary-icon-arrow {
  text-decoration: underline; /* Couleur de survol (par exemple, bleu) */
}




.stars_up_left-3 {
    inset: -12% auto auto -1%;
    width: 67px;
    position: absolute;
    rotate: 180deg;
}

.stars_up_left-3-fe-zerzer {
    inset: 48% auto auto 84%;
    width: 67px;
    position: absolute;
    rotate: 180deg;
}

.stars_up_left{
    position: absolute;
    inset: -17% auto auto -14%;
    width: 90px;
}

.stars_up_left-zoz{
    position: absolute;
    inset: -17% auto auto -14%;
    width: 90px;
}

.stars_down_right-3 {
inset: auto 11% 5% auto;
    max-width: 67px;
    position: absolute;
    rotate: 180deg;
}

.stars_down_right-2 {
    inset: auto -12% -29% auto;
    max-width: 67px;
    position: absolute;
}

.stars_down_right-2-fe-zer {
    inset: auto 85% 48% auto;
    max-width: 98px;
    position: absolute;
}

.stars_down_right-2-fe 
{
 inset: auto -12% -29% auto;
    max-width: 67px;
    position: absolute;
}



.div-block-8-copy {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    display: flex;
    justify-content: center;

}

.testi-wrapper-sublogo {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    align-content: flex-start;
    overflow-x: auto;
    max-width: 80rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 4rem;
    margin-bottom: 150px;
    max-height: 33rem;
    padding-bottom: 1rem;
}


.text-block-6-copy {
font-family: Satoshi, Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
}

.slide-container-solution {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    background-image: linear-gradient(196deg, #1f182b 10%, #695191 88%, #fff);
    border-radius: 2.5rem 2.5rem 0 0;
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
    max-width: 80rem;
    margin-top: 1.87rem;
    padding-top: 4.19rem;
    padding-left: 0;
    display: flex;
    overflow: scroll;
    margin-bottom: 2rem;
    padding-right: 2rem;
}

.exemple-perso-wrapper-fefe{
display:none;
}

.encart-attention {
    padding: 8px;
    background-color: #F9F5FF;
    border-radius: 8px;
    border: 1px solid #6B2CFF;
}

.exemple-perso-wrapper img {
  max-width: 50%; /* Limite la largeur de l'image */
  height: auto; /* Garde le ratio de l'image */
  object-fit: contain; /* Assure une belle présentation */
}

.up_footer-2 {
  flex-flow: column;
  max-width: 53rem;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.up_footer-3 {
 flex-flow: column;
    max-width: 30rem;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    margin-top: 3.125rem;
}



.platefrom-hero-section {
  margin-bottom: 150px;
  padding-top: 14rem;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-again.png");
  background-size: cover;
    background-position: 100%;
}

.platefrom-hero-section-copy {
  margin-bottom: 150px;
  padding-top: 14rem;
   background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-again.png");
  background-size: cover;
    background-position: 100%;

}

.platefrom-hero-section-copy-2 {
    margin-bottom: 150px;
    padding-top: 14rem;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg);
    background-position: 100% 80%;
    background-size: cover;
    padding-bottom: 2rem;
}




.purple-tag-copy {
  color: #6b2cff;
  background-color: #f9f5ff;
  border-radius: 1rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-right: 0;
  padding: .25rem .75rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.235rem;
  font-weight: 700;
  display: inline-block;
}

.div-block-76 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-53-copy {
  grid-column-gap: 1.03rem;
  grid-row-gap: 1.03rem;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-77 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.slide-solution-wrapper {
  grid-column-gap: 3.11rem;
  grid-row-gap: 3.11rem;
  background-color: #fff;
  border-top-left-radius: .9375rem;
  border-top-right-radius: .9375rem;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 64.25rem;
  max-height: 37.25rem;
  margin-left: 5rem;
  padding: 1.27rem 1.27rem 0;
  display: flex;
}

.slide-solution-wrapper-1 {
    margin-left: 132rem;
    grid-column-gap: 3.11rem;
    grid-row-gap: 3.11rem;
    background-color: #fff;
    border-top-left-radius: .9375rem;
    border-top-right-radius: .9375rem;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: 64.25rem;
    max-height: 39rem;
    padding: 1.27rem 1.27rem 0;
    display: flex;
}

.goddflag-option-wrapper-copy {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  background-color: #fff;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding: 0;
  display: flex;
}

.image-change-fe {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.5s ease;
}

.info-options-wrapper-copy {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.title-option-wrapper-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraphe125remleftblack-copy-copy {
  color: #101828;
  text-align: left;
  border-radius: .9375px;
  margin-top: -25px;
  padding: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.list-option-feature-copy {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.list-option-feature-copy.solutions {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
}

.body-3 {
  padding: 0;
}

.div-block-78 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.list-option-feature-copy-copy {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.list-option-feature-copy-copy.solutions {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
}

.dav-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.exemple-perso-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  max-width: 80rem;
    width: 100%;
      padding-left: 2rem;
    padding-right: 2rem;
}

.infos-exemple-container {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: #fff;
  border: 1px solid #e4e7ec;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45.8125rem;
  margin-bottom: -53px;
  padding: 1.88rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.infos-exemple-container-fefe {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: #fff;
  border: 1px solid #e4e7ec;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45.8125rem;
  margin-bottom: -53px;
  padding: 1.88rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.heading-15 {
  color: #101828;
  margin-top: 0;
  margin-bottom: 34px;
  padding: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
}

.section-juste-prix {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin-bottom: 150px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-79 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: var(--couleur-texte--color);
  border-radius: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33rem;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.h2-page-copy {
  text-align: center;
  width: auto;
  max-width: none;
  margin: 0 auto;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3rem;
  display: inline;
  
}

.target-card-container {
  grid-column-gap: 2.31rem;
  grid-row-gap: 2.31rem;
  justify-content: center;
  align-items: flex-start;
  padding-top: 38px;
  display: flex;
}

.target-card-wrapper {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
    width: 100%;
}

.target-card-wrapper-copy {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: -54px;
    padding: 1.25rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
    width: 100%;
}
.mdm-pragraph-violet, .bold-text-6, .bold-text-7, .bold-text-8, .text-span-4 {
  color: #6b2cff;
}

.image-valide {
width: 20px;
}



.livestorm-wrapper {
    min-width: 100%;
    border-radius: var(--Radius-corner-radius-15, 0.9375rem);
    background-color: white;
    padding: 2rem;
}
.section-form-supefooter {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.white-paragraphes{
color: var(--Couleur---Texte-Texte-100, #F2F4F7);
text-align: center;
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-block-75 {
  padding-left: 12.76rem;
  padding-right: 12.76rem;
  padding-bottom: 3.16rem;
  padding-top: 3.16rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 63rem;
  height: auto;
  display: flex;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: var(--Aurora-dgrad, linear-gradient(25deg, #342A5E 0.16%, #6B2CFF 44.73%, #926AFE 62.32%, #04CDC8 98.16%));
}

.h2-white {
  color: var(--Couleur---Brand-Texte-blanc, #FFF);
text-align: center;
font-family: Satoshi;
font-size: 2.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
  align-self: stretch;
}

.sub-text-info-form-wrapper {
  grid-column-gap: .44rem;
  grid-row-gap: .44rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40.6rem;
  margin-bottom: 1.28rem;
  display: flex;
}


.hero-wrapper-home {
  padding-top:10rem;
  grid-row-gap: 0rem;
  background-position: 0 65%;
  background-size: cover;
  overflow: visible;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 41.825rem;
margin-bottom: 150px;
  display: flex;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg");
}

.paragraphe125remleftblack500 {
  color: #344054;
  text-align: left;
  border-radius: .9375px;
  padding: .63rem 1.25rem .63rem 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 147%;
}

.cta-home-container {
  grid-column-gap: 1.9rem;
  grid-row-gap: 1.9rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.client-proof-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.h2-page-home {
  text-align: center;
  width: 50.1rem;
  max-width: none;
  margin: 0 auto .93rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.5rem;
}

.partenaire-wrapper-fif{
display:none;
}

.image-35 {
  margin-top: 1.56rem;
}

.image-header-lp-lp{
max-width: 34.4145rem;
}

.section-besoin-features-desktop {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.section-besoin-features-mob {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: none;
      padding-left: 2rem;
    padding-right: 2rem;
}

.options-wrapper {
  grid-column-gap: 3.62rem;
  grid-row-gap: 3.62rem;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  display: flex;
}

.goddflag-option-wrapper {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    background-color: #fff;
    border-radius: 1.875rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: 100%;
    padding: 1.5rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #0003;
    padding-bottom: 3rem;
}

.image-36 {
  margin-bottom: 1.88rem;
  margin-left: auto;
  margin-right: auto;
}

.info-options-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-option-wrapper {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tag-wrapper-opion {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: flex-start;
    align-items: center;
    font-family: Satoshi, Arial, sans-serif;
    display: flex;
    flex-wrap: wrap;
}

.text-block-20 {
  color: #000;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
}

.list-option-feature {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.div-block-65 {
    grid-column-gap: .62rem;
    grid-row-gap: .62rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    margin-bottom: 0.3rem;
}

.div-block-65 img {
  margin-right: 10px;
}

.section-offre-tarifaire {
  background-color: #f9f5ff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.88rem;
  padding-bottom: 1.88rem;
  display: flex;
}

.div-block-66 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 80rem;
  margin-top: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-67 {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.25rem;
  display: flex;
  max-width: 28rem;
}

.image-37 {
  width: 100%;
}

.div-block-68 {
  grid-column-gap: 5.25rem;
  grid-row-gap: 5.25rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-niveau-home {
  flex-flow: column;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-69 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
margin-bottom: 0rem;
}

.div-block-69-fif {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
margin-bottom: 3.12rem;
}

.div-block-70 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
}

.goddflag-levl-wrapper {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  background-color: #fff;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25rem;
  height: 44.62rem;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #0003;
}

#hs_cos_wrapper_search_results .hs-search-results-title {
    margin-top: 14rem;
    display: flex;
    justify-content: center;
}

.goddflag-niveau-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fff;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25rem;
  height: 40.87rem;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #0003;
  position:relative;
}

.logo-confiance-wrapper {
    flex-flow: column;
    min-width: 29.2rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-content: center;
}

.goddflag-niveau-wrapper-2 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fff;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25rem;
  height: 40.87rem;
  padding: 1.5rem;
  box-shadow: 0 12px 16px -4px #0003;
  position:relative;
}

.goddflag-niveau-wrapper-3{
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25rem;
  position:relative;
}

.goddflag-niveau-wrapper-4{
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position:relative;
}

.h3-500-225 {
  color: #000;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.15rem;
  font-weight: 500;
}

.h3-violet-700-225 {
  color: #6b2cff;
  margin-top: 0;
  margin-bottom: -32px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 1.65rem;
}

.image-36-copy {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.image-38 {
  margin-top: 3.12rem;
  margin-bottom: 3.12rem;
  max-width:50rem;
}

.section-confiance {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}

.section-proximite {
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-71 {
  grid-column-gap: 1.12rem;
  grid-row-gap: 1.12rem;
  margin-top: 1.25rem;
  display: flex;
}

.section-pourqui {
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-72 {
     grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    display: flex;
    justify-content: center;
margin-top: 1.75rem;
}

.goddflag-target-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fff;
  border-radius: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 25rem;
  height: auto;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #0003;
}

.section-testi-homepage {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.div-block-73 {
  grid-column-gap: 1.13rem;
  grid-row-gap: 1.13rem;
  display: flex;
  align-items: center;
}

.info_testisml_bloc-copy {
  grid-column-gap: 1.12rem;
  grid-row-gap: 1.12rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-74 {
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  flex-flow: column;
  display: flex;
}

.testi_name_author-copy {
  margin-top: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.info-icon{
position:relative;
}


.info-icon {
  position: relative;
}

/* Style général des pop-ups */
.pop-up-purple,
.pop-up-purple-2,
.pop-up-purple-3,
.pop-up-purple-4,
.pop-up-purple-5,
.pop-up-purple-6,
.pop-up-purple-7
{
  z-index: 50;
  background-color: #342a5e;
  border-radius: .9375rem;
  display: none;
  position: absolute;
  width: 19.6875rem;
  padding: 1rem;
  flex-flow: column;
  box-shadow: 0 0 10px #00000026;
}



/* Pop-up spécifique */
.pop-up-purple {
    top: -8%;
    left: 17px;
    width: 22rem;
}
.pop-up-purple-2 {
    top: -9%;
    left: 14px;
    width: 22rem;
}

.pop-up-purple-3 {
    top: 54%;
    left: 15px;
    width: 22rem;
}

.pop-up-purple-4 {
    top: -3%;
    left: 16px;
    width: 22rem;
}

.pop-up-purple-6 {
    top: 23%;
    left: 16px;
    width: 21.5rem;
}

.pop-up-purple-7 {
    top: 82%;
    left: 16px;
    width: 21.5rem;
}

.hs-search-results__pagination a{
    display: flex;
    align-items: center;
    justify-content: center;
  color: #101828;
}


.hs-search-results__pagination a:hover {
    color: #6B2CFF; /* Changer la couleur au survol */
}

.hs-search-results__pagination__link--active{
    color: #6B2CFF !important; /* Changer la couleur pour la page active */
  border : 0px !important;
  font-weight:700;
  font-family: Satoshi;
}

.hs-search-results__content{
    max-width: 70%;
}

.hs-search-results__pagination__link .hs-search-results__pagination__link--text-and-icon .hs-search-results__pagination__link--first .hs-search-results__pagination__link--disabled{
display:none !important;
}

.hs-search-results__pagination__link--last{
display:none !important;
}

.search-query{
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
font-family: Satoshi;
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.hs-search-results {
margin-top: 1rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  border-radius: var(--Radius-corner-radius-10, 10px);
background: #FFF;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  padding:30px;
  
}

.hs-search-results__title{
    color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  margin-bottom:6px;
}

.hs-search-results__title:hover{
    color: #6B2CFF;
}


.hs-search-results__title:hover .hs-search-results__listing__item {
  background-color: gray !important;
}

.hs-search-results__listing__item {
    display: flex;
    padding-top:21px !important;
  padding-bottom:21px !important;
    margin: 0;
  border-top: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD) !important;

}

.hs-search-results__message{
  margin-bottom: 1rem !important;
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
font-family: Satoshi;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.hs-search-results__listing {
    display: grid;
    padding: 0;
    margin: 0;
    gap: 0rem !important;
    list-style: none;
    margin-bottom: 3rem !important;
  border-bottom: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD) !important;
}

.hs-search-results__description{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}



.pop-up-purple-5 {
    top: 4%;
    left: 5%;
    width: 22rem;
}

/* Affichage des pop-ups lorsqu'elles ont la classe 'active' */
.pop-up-purple.active,
.pop-up-purple-2.active,
.pop-up-purple-3.active,
.pop-up-purple-4.active,
.pop-up-purple-5.active,
.pop-up-purple-6.active,
.pop-up-purple-7.active{
  display: flex;
}



.white-texte-1rem {
  color: #fff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
}

.white-texte-1rem-centred {
  color: #fff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  text-align:center;
}

.black-texte-1rem-centred {
  color: #0C0C0C;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
  text-align:center;
}

.webinaire-picture {
    margin: 0 auto 150px;
    width: 74rem;
    display: flex;
}

  .webinaire-picture-fe {
margin: 0 auto 150px;
    width: 74rem;
    display: flex;
}

.image-34 {
    position: absolute;
    inset: auto 4% -9% 293px;
}

.image-34-2 {
    position: absolute;
    inset: auto 4% -4% 195px;
}

.image-34-3 {
    position: absolute;
    inset: auto 4% -6% 278px;
}

.image-34-3-2-2 {
    position: absolute;
    inset: auto 10% 97% 8px;
    transform: rotate(180deg);
}

.image-34-3-2 {
    position: absolute;
    inset: auto 10% 96% 274px;
    transform: rotate(180deg);
}

.image-34-3-2-zet {
    position: absolute;
    inset: auto 7% 96% 2px;
    transform: rotate(180deg);
}

.image-34-4 {
    position: absolute;
    inset: auto 4% 97% 311px;
    transform: rotate(180deg);
}

.image-34-5 {
    position: absolute;
    inset: auto 4% -6% 199px;
}


.link-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
 text-decoration: underline;
  text-decoration-color: white; /* Rendre le soulignement blanc */
}

.bold-text-5 {
  text-decoration: none;
}

.cta-secondary-icon-3 {
    display: flex;
    gap: 0.5rem;
}


.cta-secondary-icon-3:hover {
    color: #6B2CFF;
}

.image-tab{
 width: 50%; 
    height: 100%; 
    object-fit: cover;
  border-radius: 0rem 0.9375rem 0.9375rem 0;
}

.image-tab-mobile{
 width: 100%; 
    height: auto; 
    object-fit: cover;
  border-radius: 0rem 0.9375rem 0.9375rem 0;
}

.image-tab-sml{
width:33%;
   height: 100%; 
    object-fit: cover;
  border-radius: 0rem 0.9375rem 0.9375rem 0;
}

.tab-wrapper-tarifs {
    display: flex;
    justify-content: space-between;
    gap: 0.62rem;
}

button#default-tab{
  color: var(--Couleur---Texte-Texte-courants, #6E7072);
text-align: center;

/* CTA -  16px - Bold */
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 0.62rem 0.81rem;
}


button.tab-button-price {
color: var(--Couleur---Texte-Texte-courants, #6E7072);
text-align: center;

/* CTA -  16px - Bold */
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 0.62rem 0.81rem;
}

button#default-tab-v2{
  color: var(--Couleur---Texte-Texte-courants, #6E7072);
text-align: center;

/* CTA -  16px - Bold */
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 0.62rem 0.81rem;
}


button.tab-button-price-v2 {
color: var(--Couleur---Texte-Texte-courants, #6E7072);
text-align: center;

/* CTA -  16px - Bold */
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 0.62rem 0.81rem;
}




.blog-tabs-tarifs {
  justify-content: center;
  margin-left:auto;
  margin-right:auto;
  margin-top:2.94rem;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
border: 1px solid var(--Gray-200, #E4E7EC);
background: var(--Couleur---Brand-Texte-blanc, #FFF);
padding:0.38rem;
/* Shadow 1 */
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
max-width:81rem;
}

.blog-tabs-tarifs-2{
  justify-content: center;
  margin-left:auto;
  margin-right:auto;
  margin-top:2.94rem;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
border: 1px solid var(--Gray-200, #E4E7EC);
background: var(--Couleur---Brand-Texte-blanc, #FFF);
padding:0.38rem;
/* Shadow 1 */
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
max-width:81rem;
  margin-bottom:3.12rem;
}

.blog-tabs-tarifs-3 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--Radius-corner-radius-40, 2.5rem);
    border: 1px solid var(--Gray-200, #E4E7EC);
    background: var(--Couleur---Brand-Texte-blanc, #FFF);
    padding: 0.38rem;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    max-width: 81rem;
    
}

.h2-page-v2-full-right {
  max-width: 80rem; /* S'assurer qu'il respecte la largeur max */
  margin: 0 auto; /* Centrage */
  text-align: center;
  position: relative;
  left: calc((100vw - 80rem) *-0.2); /* Décalage pour compenser le padding-left */
      color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
    font-family: Satoshi;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    max-width: 62rem;
}

.section80-full-right {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin: auto auto 150px;
    display: flex;
    padding-left: calc((100vw - 80rem) / 2);
    padding-right: 0rem;
    padding-bottom: 1rem;
}


.tab-button-blog {
font-family: Satoshi;
    background-color:red;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
color:#6E7072 !important;
display: inline-flex;
padding: 0.625rem 0.875rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
  background-color:white;
  white-space: nowrap;
border-radius:5rem;
  border:none;
}

.tab-button-price:focus {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-price-selected {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-price-selected-v2 {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-price:active {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-price-selected:hover{
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-price-selected-v2:hover{
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-price:hover {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}



button {
  all: unset; /* Supprime tous les styles par défaut */

}
.tab-button-blog-selected:focus {
  background-color:black !important;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}


.cta-secondary-icon-2 {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    align-items: baseline;
    color: #101828;
    display: flex;
    font-family: Satoshi, Arial, sans-serif;
    justify-content: center;
    max-width: none;
    padding: .81rem 1.25rem;
    text-decoration: none;
    text-decoration-color: #344054;
    width: auto;
}

.cta-secondary-icon-2:hover{
    color:#6B2CFF;
    text-decoration: underline; /* Ajoute le soulignement */
    text-decoration-color: #6B2CFF;
}

.last-row-coo {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.hero-section-cachetage-legal-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-size: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    display: flex;
    padding-top: 14rem;
    padding-bottom: 50px;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
    background-position: top;
    background-repeat: no-repeat;
}

  
table{
margin-top:2.19rem;
border-collapse: collapse;
border-top-left-radius: 0.4375rem;
  border-top-right-radius: 0.4375rem;
overflow: hidden;
box-shadow: 0px 0px 0px 0px #110E73;
  margin-bottom:1rem;
  font-family: Satoshi, Arial, sans-serif !important;
}

th {
  width:15.3rem;
height: 3.75rem;
padding: 1rem;
border: 1px solid var(--Couleur---Brand-Bleu-Tech-2, #110E73);
background: #342A5E;
font-family: Satoshi, Arial, sans-serif !important;
color: var(--Couleur---Brand-Texte-blanc, #FFF);
text-align: center;
font-family: Satoshi;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.6875rem; /* 150% */
}

td {
color: var(--Couleur---Texte-Texte-700, #344054);
text-align: center;
font-family: Satoshi, Arial, sans-serif !important;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
height: 3.75rem;
padding: 1rem;
font-family: Satoshi, Arial, sans-serif;
border: 1px solid #110E73;
background: var(--white, #FFF);
  text-align:center;
}




.hero-tarif-wrapper {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 150px;
  padding-top: 15.5rem;
  display: flex;
  position: relative;
  background-size: cover; /* Cette ligne permet de couvrir entièrement l'élément */
  background-position: center; /* Pour centrer l'image */
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/D%C3%A9grad%C3%A9%20du%20header-desktop.png");
}

.div-block-53 {
    grid-column-gap: 1.03rem;
    grid-row-gap: 1.03rem;
    justify-content: center;
    align-items: center;
    margin-top: 3.38rem;
    display: flex;
    margin-bottom: 10rem;
}

.purple-blur {
  width: 15.8rem;
  height: 50rem;
  position: absolute;
  inset: -27% auto auto -18%;
  transform: rotate(0deg);
}

.purple-blur-right {
  position: absolute;
  inset: 8% -2% auto auto;
  transform: rotate(0deg);
}

.purple-blur-1 {
width: 15.8rem;
    height: 50rem;
    position: absolute;
    transform: rotate(0deg);
    top: 150px;
}

.purple-blur-right-1 {
  position: absolute;
    inset: -52% -2% auto auto;
    transform: rotate(0deg);
}

.tarifs-section {
  justify-content: center;
  align-items: flex-end;
  max-width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.card-tarif-container {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}

.card-tarif {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.43rem;
    width: 24rem;
    height: 56rem;
    padding: 2rem 1.5rem;
    position: relative;
    box-shadow: 0 12px 16px -4px #10182814;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-tarif:hover {
  box-shadow: 0 12px 16px -4px #6b2cff29;
}

.heading-13 {
  background-color: #fff;
  border: 1px #d0d5dd00;
  border-radius: 0;
  margin-top: 0;
}

.price-font {
  color: #101828;
  height: 33px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.56rem;
  font-weight: 700;
  margin-bottom: -1rem;
}

.hero-section-cachetage-1 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 150px;
    display: flex;
    padding-top: 14rem;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
    background-position: top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 90vh;
}


.info-credit {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-bottom: 0.5rem;
    display: flex;
    margin-top: 1rem;
}

.info-credit-1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-bottom: 8.5rem;
    margin-top: -2rem;
    display: flex;
}

.paragraphe-left-align-08rem {
    color: #344054;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.25rem;
}


.cta-primary {
    background-color: var(--couleur-texte--texte-900);
    border-radius: 40px;
    color: #fff;
    font-family: Satoshi,Arial,sans-serif;
    font-weight: 700;
    padding: .81rem 20px;
    text-decoration: none;
    min-width: 124px;
}

.cta_primary-copy {
  background-color: var(--couleur-texte--texte-900);
  text-align: left;
  border-radius: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 3rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  transition: box-shadow .2s;
  display: inline-block;
}

.cta_primary:hover {
    background-color: #4a3c87;
    border: 2px #000;
    box-shadow: 0 0 0 2px #926afe
}


.cta_primary-copy:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}

.cta_primary-copy.left-cta {
  margin-left: 0;
}

.cta_primary_full-copy {
  background-color: var(--couleur-texte--texte-900);
  text-align: center;
  border-radius: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 3rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  transition: box-shadow .2s;
  padding-left: 20px;
    padding-right: 20px;
  
}

a.cta_primary_full-copy {
  color:white;
  text-decoration:none;
  
}

.cta_primary_full-copy:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}

.cta_primary_full-copy.left-cta {
  margin-left: 0;
}

.caracteristiques {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2.5rem;
  display: flex;
}

.list-niveau {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.text-block-17 {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
}

.paragraph-title-tarif {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.conformite {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 1.75rem;
  display: flex;
}

.use_by_title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2.5rem;
  display: flex;
}

.div-block-54 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.div-block-55 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  display: flex;
  align-items: center;
}

.div-block-55-2  {
  grid-column-gap: 3.12rem;
  grid-row-gap: .75rem;
  flex-flow: nowrap;
  display: flex;
  align-items: center;
}

.div-block-55-3  {
  grid-column-gap: 1.3rem;
  grid-row-gap: .75rem;
  flex-flow: nowrap;
  display: flex;
  align-items: center;
}


.div-block-56 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    margin-bottom: 14.2rem;
    display: flex;
}

.zouet {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;

}

.info-credit-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-bottom: 0;
  display: flex;
}


.card-tarif-special {
background-image: linear-gradient(28deg, #342a5e, #6b2cff 47%, #926afe 65.6%, #f4efa6);
    border: 1px solid #d0d5dd;
    border-radius: 1.43rem;
    width: 25.5rem;
    height: 59.6rem;
    padding: 2rem 1.5rem;
    display: flex;
    position: relative;
    box-shadow: 0 12px 16px -4px #10182814;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.card-tarif-special:hover {
  box-shadow: 0 12px 16px -4px #6b2cff29;
}

.heading-13-special {
  color: #926afe;
  background-color: #fff0;
  border: 1px #d0d5dd00;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 21px;
  font-family: Satoshi, Arial, sans-serif;
}

.div-block-57 {
  background-color: #fff;
  border-radius: 1.43rem 1.43rem .625rem .625rem;
}

.div-block-58 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-18 {
  color: var(--couleur-texte--bleu-tech-4);
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 20px;
}

.tab-section-tarif-mobile{
display:none;
}

.text-block-19 {
  color: #b7b9bd;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-59 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.div-block-60 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  margin-top: -25px;
  margin-bottom: 29px;
}

.paragraphe-left-align-12px {
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25rem;
}

.div-block-56-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-bottom: 1.17rem;
  display: flex;
}

.image-32 {
  position: absolute;
  inset: -2% -4% auto auto;
}

.paragraph-title-tarif-white {
  color: #fff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.card-tarif-inner {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 1.43rem;
  max-width: 24rem;
  height: 46.6rem;
  padding: 2rem 1.5rem;
  position: relative;
  box-shadow: 0 12px 16px -4px #10182814;
}

.card-tarif-inner:hover {
  box-shadow: 0 12px 16px -4px #6b2cff29;
}

.tableau-section{
  flex-flow: column;
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
      padding-left: 2rem;
    padding-right: 2rem;
}

.section-credit-signature {
  flex-flow: column;
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: stretch;
      padding-left: 2rem;
    padding-right: 2rem;
}

.card-credit {
  border: 1px solid #926afe;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 27.3rem;
  height: 4.5rem;
  padding-top: 1.325rem;
  padding-bottom: 1.325rem;
  display: flex;
  box-shadow: 4px 4px #926afe;
}

.card-credit:hover {
  transform: rotate(-1deg);
}

.div-block-61 {
  grid-column-gap: 3.07rem;
  grid-row-gap: 3.07rem;
  justify-content: center;
  align-items: center;
  margin-top: 2.06rem;
  display: flex;
}

.credit-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-33 {
  width: 30px;
  height: 30px;
}

.paragraphe125remleftblack-copy {
  color: #344054;
  text-align: left;
  border-radius: .9375px;
  padding: .63rem 1.25rem .63rem 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.picto-credit-container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.list-credits {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 0;
  display: flex;
}

.div-block-62 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.div-block-62-fe  {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.tab-section-tarif {
    margin-bottom: 150px;
    max-width: 81rem;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.bandeau-tarifs {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    background-color: #fff;
    border-radius: .9375rem;
    display: none;
    box-shadow: 0 12px 16px -4px #10182814;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.23rem;
    height: 16.125rem;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}


.bandeau-tarifs.active{
display:flex;
}

.heading-14 {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 2.9rem;
  word-break: break-word; /* Permet de couper les mots longs */
    overflow-wrap: break-word; /* Si le mot est trop long, il va à la ligne */
    width: 100%; /* S'assure que le titre prend toute la largeur de son conteneur */
    hyphens: auto; /* Optionnel: permet d'ajouter des césures automatiques */
}

.div-block-63 {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  justify-content: space-between;;
  align-items: center;
  padding: 3.47rem;
  display: flex;
  width: 50%; /* La moitié de la largeur */
    box-sizing: border-box;
}

.paragraphe-left-align-1rem-copy {
  color: #344054;
  width: 13rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.div-block-64 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 4.41rem;
  display: flex;
}

.body {
margin:0px;
padding-left: 0rem;
padding-right: 0rem;
}
.content-wrapper {
  max-width: 100vw !important;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 100vw !important;
}

/* Mobile layout */
/*test felix*/
/* Conteneur global */
.scrollable-div {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.cta_primary_full {
text-decoration:none;
color:white;
font-family: Satoshi, Arial, sans-serif;
}
  

.cta_primary_full-dyna {
text-decoration:none;
color:white;
font-family: Satoshi, Arial, sans-serif;
}
  

.guide-hero-section {
  background-position: 50%;
  background-size: cover;
  height: 41.9rem;
  margin-bottom: 150px;
  padding-top: 14rem;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg");
}

.title-hero-section-centre {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: column;
  width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog_home_paragraphe_title_black {
  color: #344054;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 147%;
}

.question-section {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  max-width: 80rem;
 margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.bloc-question-container {
  grid-column-gap: 3.12rem;
  grid-row-gap: 3.12rem;
  display: flex;
}

.bloc-question {
  grid-column-gap: .81rem;
  grid-row-gap: .81rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraphe125remcentreblack {
  text-align: center;
  border-radius: .9375px;
  padding: .63rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
}


.paragraphe125remcentreblack400 {
  text-align: center;
  border-radius: .9375px;
  padding: .63rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}


.image-28 {
  width: 6.35rem;
  height: 6.35rem;
}

.bloc-r-ponses {
  grid-column-gap: 2.53rem;
  grid-row-gap: 2.53rem;
  flex-flow: column;
  max-width: 80rem;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.reponses-card-container {
    grid-column-gap: 1rem;
    grid-row-gap: 3.5rem;
    flex-flow: wrap;
    display: flex;
}

.card-reponse {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 26rem;
  height: auto;
  min-height: 39.2rem;
  display: flex;
}

.card-reponse-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 23rem;
    height: auto;
    min-height: 39.2rem;
    display: flex;
}

.info-card-reponse {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  outline-offset: 0px;
  border-bottom-right-radius: .9375rem;
  border-bottom-left-radius: .9375rem;
  outline: 1px solid #d0d5dd;
  flex-flow: column;
  height: 100%;
  margin-top: 0;
  padding: 1.25rem 1rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.tags-violet-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  display: flex;
}

.purple-tag {
  color: #6b2cff;
  background-color: #f9f5ff;
  border-radius: 1rem;
  margin-right: 0;
  padding: .25rem .75rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  display: block;
}

.h31_5rem {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.5rem;
}

.cta-primary-div {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-top: auto;
  display: flex;
}

.cta_primary_full {
  background-color: var(--couleur-texte--texte-900);
  text-align: center;
  border-radius: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 3rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  transition: box-shadow .2s;
  display: block;
}

.cta_primary_full-dyna {
  background-color: var(--couleur-texte--texte-900);
  text-align: center;
  border-radius: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 3rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  transition: box-shadow .2s;
  display: block;
}

.cta_primary_full:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}

.cta_primary_full-dyna:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}

.cta_primary_full.left-cta {
  margin-left: 0;
}


/* Wrapper de la scrollbar */
.scrollbar-wrapper {
  position: relative;
  height: 17rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.scrollbar-wrapper-2 {
  position: relative;
  height: 30rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* La fausse scrollbar */
.custom-scrollbar-track {
  position: relative;
  left: 50%; /* Centre horizontalement */
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  width: 6px;
  background: #f1f1f1;
  border-radius: 10px;
  height: 16rem;
}

.custom-scrollbar-thumb {
  position: absolute;
  top: 0;
  border:3px solid #344054;
  height: 5rem;
  background: #344054;
  border-radius: 10px;
  transform: translateY(0);
  transition: transform 0.1s ease;
}

.custom-scrollbar-track-2 {
  position: relative;
  left: 50%; /* Centre horizontalement */
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  width: 6px;
  background: #f1f1f1;
  border-radius: 10px;
  height: 30rem;
}

.custom-scrollbar-thumb-2 {
  position: absolute;
  top: 0;
  border:3px solid #344054;
  height: 5rem;
  background: #344054;
  border-radius: 10px;
  transform: translateY(0);
  transition: transform 0.1s ease;
}




.section-media {
    display: flex;
    flex-direction: column;
    align-items: center;
  padding-bottom:3rem;
}

.cards-media-wrapper {
    grid-column-gap: 3.44rem;
    grid-row-gap: 3.44rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    align-content: flex-start;
      margin-top: 2rem;
}
  

.cards-media-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: .9375rem;
  flex-flow: column;
  width: 22.5rem;
  padding: .625rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.cards-media-container:hover {
  box-shadow: 0 12px 16px -4px rgba(107, 44, 255, 0.16);
  transform: rotate(3deg);
}


.medias-container {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: #f2f4f7;
  border-radius: .325rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.logo-media {
  width: 64px;
  height: 44px;
}

/* La vraie zone scrollable */
.real-scrollable-div {
  height: 16rem;
  overflow-y: scroll;
  scrollbar-width: none; /* Masque Firefox */
  width:100%;
  padding-right: 3.75rem;
  padding-left: 3.75rem;
  position:relative;
}



.real-scrollable-div::-webkit-scrollbar {
  display: none;
}

/* Flex pour aligner texte + image */
.scroll-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; /* Espacement */
  padding: 10px;
}

.scroll-item-2 {
  height:28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; /* Espacement */
  padding: 10px;
}

.scroll-item-zig, .scroll-item-zig-2 {
  height:28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; /* Espacement */
  padding: 10px;
}

.scroll-item-3 {
    height: 28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
  gap:4.12rem;
}


.scroll-item-4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
  gap:4.12rem;
}

.text-content {
  flex: 1; /* Ajuste ce paramètre si la div est dans un parent flex */
margin-right: 20px;
max-width: 30rem; /* Limite la largeur maximale */
display: flex;
gap: 1.25rem;
align-content: flex-start; /* Positionne les éléments en haut à gauche */
justify-content: flex-start; /* Aligne les éléments à gauche horizontalement */
flex-wrap: nowrap; /* Empêche les éléments de passer à la ligne (optionnel) */
flex-direction: column; /* Dispose les éléments en colonne */
align-items: flex-start;
}

.image-scroll {
  width: 150px; /* Taille de l'image */
  height: auto;
}



/*test felix*/

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

 .pricing-slider {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  text-align: center;
   position:relative;
}

/* Style du label */
label {
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}

/* Conteneur de la barre et des dots */
.slider-wrapper {
  position: relative;
  width: 100%;
  padding: 0; /* Supprimer tout padding */
  margin: 0;  
}
/* Barre du curseur */
.slider {
margin-left: 0;
margin-right: 0;
 margin-top: 35px;
    width: 21.88844rem;
    height: 0.31113rem;
    -webkit-appearance: none;
    appearance: none;
    background: #C0DBFB;
    backdrop-filter: blur(20.743534088134766px);
    border-radius: 2.59294rem;
    outline: none;
    transition: background 0.3s ease;
    margin-bottom: 20px;
    padding:0px;
}
/* Curseur */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.68544rem; /* Largeur du curseur */
  height: 1.14088rem; /* Hauteur du curseur */
  background: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF); /* Couleur du curseur */
  border: 2.074px solid var(--Couleur---Brand-Texte-blanc, #FFF); /* Bordure du curseur */
  border-radius: 0.57044rem;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: -0.8427rem;
}
/* Conteneur des dots */
.dots-container {
  display: flex;
    justify-content: space-between;
    position: absolute;
    top: 1px;
    width: 100%;
    margin-bottom: 20px;
}
/* Style des dots */
.dot {
  width: 0.8125rem;
  height: 0.8125rem;
  background-color: #ccc; /* Dots gris */
  border-radius: 1.875rem; /* Forme ronde des dots */
  opacity: 0.15;
  flex-shrink: 0;
  transition: background-color 0.3s ease;
}
/* Dots actifs */
.dot.active {
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF); /* Dots violets quand activés */
  opacity: 1;
  flex-shrink: 0;
  
}
/* Style du texte du prix */
#price-display {
  font-size: 18px;
  font-weight: bold;
}

#price-display-2 {
  font-size: 18px;
  font-weight: bold;
}


.hero-page-wrapper-without-bg {
  justify-content: center;
  align-items: center;
  max-width: none;
  min-height: 75vh;
  margin-top: 0;
  margin-bottom: 180px;
  display: flex;
  position: relative;
  background-size: 100% 100%; /* Cette ligne permet de couvrir entièrement l'élément */
  background-position: center; /* Pour centrer l'image */
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/D%C3%A9grad%C3%A9%20du%20header-desktop.png");
}

.hero-page-wrapper-content-centred {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.page_paragraph_subtitle-centred {
  color: var(--couleur-texte--texte-500);
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 147%;
}

.lp-lb-h1-centred {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #101828;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 32.6rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.625rem;
  display: block;
}

.image-22 {
  margin-top: 2.81rem;
}

.garantie-section {
margin-bottom: 150px;
}



.garantie-wrapper {
  grid-column-gap: 2.69rem;
  grid-row-gap: 2.69rem;
  justify-content: space-between;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.infos-garantie-wrapper {
  max-width: 39rem;
}

.check-mark-gf {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  margin-top: .94rem;
  display: flex;
}

.text-block-15 {
  width: 37.8rem;
  margin-top: 1.88rem;
}

.bold-text-4, .heading-12 {
  max-width: 37rem;
}

.paragraphe-left-align-1rem {
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.paragraphe-left-align-125rem {
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25rem;
}


.paragraphe-center-align-1rem {
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align:center;
}

.chiffres-section {
  margin-bottom: 150px;
}

.steps-cards-wrapper{

}

.chiffres-wrapper {
flex-flow: column;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
  gap: 1rem;
      padding-left: 2rem;
    padding-right: 2rem;
}

.h3-big-biolet {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(26deg, #342a5e, #6b2cff 44%, #926afe 62%, #f4efa6 93%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page_paragraph_1rem-centred {
  color: #344054;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  max-width:40rem;
      margin-top: 0.62rem;
}

.page_paragraph_1rem-centred-grey {
  color: #6E7072;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.image-23 {
  margin-top: .76rem;
  margin-left: auto;
  margin-right: auto;
}

.valeurs-section2 {
 margin-bottom: 150px;
}

.values-contaienrs {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.h2-page-center {
  text-align: center;
  width: auto;
  max-width: none;
  margin: 0 auto;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3rem;
  display: inline;
}

.div-block-44 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  flex-flow: column;
  display: flex;
}

.value-wrapper-center-grey {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 2.25rem 1.88rem .87rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #10182814;
}

.value-wrapper-center-grey-2 {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    max-width: 24rem;
    height: auto;
    padding: 2.25rem 1.88rem .87rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #10182814;
}


.value-wrapper-center-grey-desktop {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 2.25rem 1.88rem .87rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #10182814;
}

.value-wrapper-center-grey-mobile {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 2.25rem 1.88rem .87rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #10182814;
}

.div-block-45 {
grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: row;
    width: auto;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
      padding-left: 2rem;
    padding-right: 2rem;
}

.scrollable-section {
  margin-bottom: 150px;
}

.scrollable-div {
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  max-width: 80rem;
  height: 26.8rem;
  max-height: 26.8rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  margin-bottom:200px;
      padding-left: 2rem;
    padding-right: 2rem;
}


.scroll-div-container {
  justify-content: space-between;
  margin-bottom: 5rem;
  padding-bottom: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.div-block-47 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 31.75rem;
  display: flex;
}

.heading-11-copy-white-bg {
  color: #101828;
  text-align: center;
  background-color: #fff;
  border-top-left-radius: 54px;
  border-top-right-radius: 54px;
  flex-flow: wrap;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.56rem;
  display: block;
  inset: 0% 0% auto;
}

.controls-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
}

.controls-container-2 {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
}

.scrollbar-fe2 {
  width: 100%;
  height: 10px;
  background-color: #eee;
  margin-bottom: 0.5rem;
  position: relative;
  overflow: hidden;  /* Masque le contenu qui dépasse */
}


.thumb {
  height: 100%;
  width: 50px; /* Une largeur par défaut visible */
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  display: block; /* Assurez-vous qu'il est affiché */
}

.scroll-buttons {
    display: flex;
    justify-content: space-between;
    width: auto;
    gap: 1rem;
}

.scroll-btn {
  background-color:;
  border: none;
  cursor: pointer;
}

.scroll-btn-1 {
  background-color:;
  border: none;
  cursor: pointer;
}

.h3-page-violet {
  color: #6b2cff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 110%;
}

.image-24 {
  max-width: none;
  height: 16rem;
}

.image-24-2 {
    height: auto;
    max-width: 530px;
}

.h2-gradient-violet {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(26deg, #342a5e, #6b2cff 43%, #926afe 60%, #f4efa6 94%);
  -webkit-background-clip: text;
  background-clip: text;
}

.testi-section {
  max-width: 48rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
}

.retours-future-section {
  flex-flow: column;
  max-width: 80rem;
 margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding-left:1rem;
    padding-right:1rem;
}

.div-block-48 {
  grid-column-gap: 3.69rem;
  grid-row-gap: 3.69rem;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.card-text-container {
  border: 1px solid #926afe;
  border-radius: .5rem;
  padding: 1.12rem;
  box-shadow: 4px 4px #926afe;
}

.paragraph-left-align-sm-black {
  grid-column-gap: 4.81rem;
  grid-row-gap: 4.81rem;
  color: #6e7072;
  text-align: left;
  flex-flow: column;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 147%;
  display: flex;
  position: static;
}

.paragraph-left-align-sm-black.p-sml {
  color: #6e7072;
  padding: 0;
  font-size: 1rem;
  line-height: 1.2rem;
}

.text-block-16 {
  color: #101828;
}

.image-25 {
        height: 100%;
        width: auto;
}

.image-26 {
  max-width: none;
}

.sml-pragraph-violet {
  color: var(--couleur-texte--bleu-tech-4);
}

.text-span-3 {
  color: #201bd9;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.div-block-49 {
  flex-flow: column;
  max-width: 80rem;
  height: 100%;
  min-height: 50vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.image-27 {
  margin-top: -56px;
  padding-top: 0;
}

.citations-section {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: center;
  align-items: center;
  margin-top: -108px;
  margin-bottom: 150px;
  padding-top: 200px;
  display: block;
  overflow: visible;
}

.middle_citation_card_wrapper {
  border: 1px solid #926afe;
  border-top-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  width: 15rem;
  max-width: none;
  height: 5rem;
  padding: 1.85rem;
  display: flex;
  box-shadow: 4px 4px #926afe;
}

.citations-wrapper, .citations-wrapper-23 {
    box-sizing: border-box;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 90rem;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem 0 1.5rem 5rem;
    display: flex;
    position: static;
    overflow: auto;
}



.long_citation_card_wrapper {
  border: 1px solid #926afe;
  border-top-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  width: 16rem;
  max-width: none;
  padding: 1.85rem;
  display: flex;
  box-shadow: 4px 4px #926afe;
}

.div-block-50 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-cta-section {
  justify-content: space-between;
  align-items: center;
  width: 80rem;
  margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}

.infos-conctact-cta-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-51 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  max-width: 40rem;
}

.h2-left {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.625rem;
  font-weight: 700;
}

.slider-2{

    width: auto;
    max-width: 70rem;
    padding-left: 4rem;
    padding-right: 4rem;
    position: relative;
    overflow: hidden;
    margin-top: 7.19rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: auto;
}

.paragraph-left {
  color: #344054;
  text-align: left;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 147%;
}

.paragraphe-1-5_rem {
  color: #201bd9;
  font-weight: 700;
}




.hero-page-wrapper {
    justify-content: center;
    align-items: center;
    max-width: none;
    min-height: 91vh;
    margin-top: 10rem;
    display: flex;
    position: relative;
}

.long_testi_card_wrapper-copy {
    border: 1px solid #926afe;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    padding: 1.85rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
    min-width: auto;
    justify-content: center;
    height: 21rem;
    margin-bottom: 0rem !important;
    align-items: center;
}
  

   .image-right-float   
      {
    position: absolute;
    right: 0;
        z-index:-2000;
}


.hero-page-wrapper-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  display: flex;
      padding-left: 2rem;
  padding-right: 2rem;
}

.paragraph {
  color: #344054;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 147%;
}

.cards-media-wrapper-2 {
    grid-column-gap: 3.44rem;
    grid-row-gap: 3.44rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    align-content: flex-start;
}

.david-coridun{
height: 185px;
margin-top:-61px;
}


.div-block-24 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 46rem;
  display: flex;
}

.div-block-99 {
  color: var(--Couleur---Texte-Texte-900, #101828);
text-align: center;

/* CTA -  16px - Bold */
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.image--13 {
  position: absolute;
  inset: 46% auto 0% 0%;
}

.image-12 {
  padding-top: 0;
  position: absolute;
  inset: -32% auto 0% 0%;
}

.page-section {
  grid-column-gap: 2.19rem;
  grid-row-gap: 2.19rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin: 100px auto 150px;
  display: flex;
  position: relative;
      padding-left: 2rem;
    padding-right: 2rem;
}

.page-section-2 {
  grid-column-gap: 2.19rem;
  grid-row-gap: 2.19rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  display: flex;
  position: relative;
      padding-left: 2rem;
    padding-right: 2rem;
}

.page-section-3 {
  grid-column-gap: 2.19rem;
  grid-row-gap: 2.19rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-left:auto;
  margin-right:auto;
  margin-top:180px;
margin-bottom:0px;
  display: flex;
  position: relative;
      padding-left: 2rem;
    padding-right: 2rem;
}


.page_paragraph_subtitle {
  color: var(--couleur-texte--texte-500);
  text-align: left;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 147%;
}

.h2-title-wrapper {
  grid-column-gap: .63rem;
  grid-row-gap: 1rem;
  border: 1px solid #f7f7f700;
  border-radius: 0;
  flex-flow: column;
  display: flex;
 
}

.h2-title-wrapper-2 {
  grid-column-gap: .63rem;
  grid-row-gap: 1rem;
  border: 1px solid #f7f7f700;
  border-radius: 0;
  flex-flow: column;
  display: flex;
  max-width: 50rem;
  align-items: center;
}

.h2-page {
    text-align: center;
    max-width: none;
    margin: 0 auto;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 3.125rem;
    line-height: 3.5625rem;
    font-weight: 700;
    max-width: 55rem;
    margin-bottom: 2rem;
}

.partenaire-logo {
    width: 10.9rem;
    transition: transform 0.3s ease;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 0.3125rem;
}

.partenaire-logo:hover{
border-radius: 0.425rem;
box-shadow: 4px 4px 0px 0px var(--Couleur---Brand-Bleu-Tech-3, #926AFE)
  }

.partenaire-logo.rotate-1:hover {
  transform: rotate(-0.9deg) !important;
}
.partenaire-logo.rotate-2:hover {
  transform: rotate(2.4deg) !important;
}
.partenaire-logo.rotate-3:hover {
  transform: rotate(0.4deg) !important;
}
.partenaire-logo.rotate-4:hover {
  transform: rotate(-0.6deg) !important;
}
.partenaire-logo.rotate-5:hover {
  transform: rotate(1.33deg) !important;
}
.partenaire-logo.rotate-6:hover {
  transform: rotate(-1.11deg) !important;
}
.partenaire-logo.rotate-7:hover {
  transform: rotate(1.7deg) !important;
}
.partenaire-logo.rotate-8:hover {
  transform: rotate(1.15deg) !important;
}
.partenaire-logo.rotate-9:hover {
  transform: rotate(2.5deg) !important;
}



.partenaire-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  max-width:80rem;
  margin-bottom:150px;
      padding-left: 2rem;
    padding-right: 2rem;
      padding-left: 2rem;
    padding-right: 2rem;
}

.partenaire-container-desktop {
  grid-row-gap: 1.44rem;
  grid-column-gap: 1.44rem;
  display: flex;
}


.partenaire-card {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  padding: 2.12rem .88rem;
  box-shadow: 0 5px 20px #0003;
}

.div-block-25 {
    z-index: -20;
    background-color: var(--couleur-texte--bleu-tech-4);
    opacity: .21;
    filter: blur(49px);
    border-radius: 50px;
    width: 104%;
    max-width: none;
    height: 17rem;
    max-height: 17rem;
    position: absolute;
    transform: rotate(-4deg);
}

._2-columns-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
  display: flex;
}

._2-columns-text-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #d0d5dd;
  border-radius: 0;
  grid-template: ". Area"
  / 22.8rem 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch end;
  max-width: 80rem;
  margin-bottom: 3.15rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
      padding-left: 2rem;
    padding-right: 2rem;
}

.img-personalisation{
  width: 39rem;
height: 17.75rem;
flex-shrink: 0;
}


.h1-blog-lp-lp-violet{
color:#6B2CFF;
}

.h1-aurora{
 -webkit-text-fill-color: transparent;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 44%, #926afe 62%, #04cdc8 98%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Satoshi;
}

._2-columns-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.41rem 6.75rem;
  display: flex;
  box-shadow: 4px 4px #926afe;
      padding-left: 2rem;
    padding-right: 2rem;
}

.paragraph-left-align {
  color: #344054;
  text-align: left;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 147%;
}

.paragraph-left-align.p-sml {
  color: #6e7072;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.h3-corps-page {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 1.12rem;
}

.h3-corps-page-fefi {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 1.12rem;
}

.text-fe{

    max-width: 40%;

}
.h3-corps-page-centred {
    color: #101828;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 3.25rem;
    margin-bottom: 1.12rem;
    text-align: center;
}

.h3-corps-page-lefted {
    color: #101828;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 3.25rem;
    margin-bottom: 1.12rem;
    text-align: left;
}

.pict-grid{
height:3rem;
width:auto;
}

.bold-text-3 {
  color: var(--couleur-texte--bleu-tech-4);
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
}

.h2-page-sub-bloc {
  text-align: center;
  max-width: 55rem;
  margin-bottom: 3.44rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.56rem;
  font-weight:700;
}

.div-block-26 {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  align-items: center;
  display: flex;
}

.div-block-27 {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: column;
  display: flex;
}

.image-13 {
  max-width: 8.5rem;
  max-height: 8.5rem;
}

.image-14 {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  overflow: visible;
}

.image-15 {
  max-width: 8.5rem;
}

.value-wrapper-center-purple {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px #d0d5dd;
  border-radius: .935rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 10.6rem;
  height: 26rem;
  padding: 2.25rem 1.88rem 7.06rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.value-wrapper-left-purple {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  outline-offset: 0px;
  border: 1px #d0d5dd;
  border-radius: .935rem;
  outline: 3px #333;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 8.5rem;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.value-wrapper-left-purple-fe {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  outline-offset: 0px;
  border: 1px #d0d5dd;
  border-radius: .935rem;
  outline: 3px #333;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 8.5rem;
  padding: 1.88rem;
  display: none;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

._2-columns-text-left-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #d0d5dd;
  border-radius: 0;
  grid-template: ". Area"
  / 22.8rem 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch end;
  max-width: 80rem;
  margin-bottom: 3.15rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
      padding-left: 2rem;
    padding-right: 2rem;
}

._2-columns-text-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #d0d5dd;
  border-radius: 0;
  grid-template: ". Area"
  / 38.8rem 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch end;
  max-width: 80rem;
  margin-bottom: 3.15rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
      padding-left: 2rem;
    padding-right: 2rem;
}

.BlogListing__StyledCardContainer-sc-1uif2s0-0 dKlRGj{
display:none;
}

.section-filter {
    display: flex;
    justify-content: center;
  margin-top:2rem;
}

.dnd-section, .content-wrapper--vertical-spacing {
    padding: 2rem 1rem;
    display: flex;
}

.dnd-section .dnd-column {
    padding: 0 1rem;
    max-width: 80rem;
  
}

.section-wrapper-gf {
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/partenaires/%C3%A9claire.png");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 150px;
}


.partenaire-container-mobile{
display:none;
}

.div-block-28 {
  grid-column-gap: 1.27rem;
  grid-row-gap: 1.27rem;
  flex-flow: row;
  justify-content: center;
  width: 70rem;
  margin-top: 40px;
  margin-bottom: 17px;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
justify-content: space-between;
  display: flex;
}

.div-block-30 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  width: 15rem;
  padding: 1rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #6b2cff29;
align-items: center;
  height:17rem;
}

.div-block-31 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: #fff;
  border-radius: .9375rem;
  align-items: center;
  padding: 1rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.div-block-32 {
  grid-column-gap: .62rem;
  grid-row-gap: .62rem;
  background-color: #fff;
  border-radius: .9375rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.div-block-33 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  display: flex;
}

.image-16 {
  width: 4.65rem;
  height: 4.65rem;
}

.image-17, .image-18 {
  width: 4.65rem;
}

.image-19 {
  height: 4.65rem;
}

.image-20 {
  height: 5.5rem;
  width: 3.71619rem;

}

.div-block-34 {
  grid-column-gap: 1.12rem;
  grid-row-gap: 1.12rem;
  background-color: #fff;
  border-radius: .9375rem;
  width: 47.6rem;
  margin-top: 3.5rem;
  padding: 1rem;
  display: flex;
  box-shadow: 0px 20px 24px -4px rgba(107, 44, 255, 0.16);

}

.square-bg-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5rem 5rem;
  grid-template-columns: 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: start center;
  place-items: center;
  display: grid;
}

.div-block-35 {
  border: 2px #e0d1f6;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-right: 0;
  transition: background-color .5s;
  display: flex;
  box-shadow: 0 0 2px 0px #d8c0f5;
}

.div-block-35:hover {
  background-color: #ecf8fc;
}

.div-block-36 {
  background-color: #f7f5ff;
  border: 2px #f4ebff;
  border-radius: 13px;
  width: 5rem;
  height: 5rem;
  padding: .78rem;
  box-shadow: 0 2px 5px #f4ebff;
  display:flex;
  justify-content: center;
  align-items: center;
}

.div-block-36:hover {
  background-color: #ddd5f9;
}

.div-block-37 {
  background-color: #f4ebff;
  border: 2px #f4ebff;
  border-radius: 13px;
  width: 5rem;
  height: 5rem;
  transition: background-color .5s;
  box-shadow: 0 2px 5px #f4ebff;
}

.div-block-37:hover {
  background-color: #e0d1f6;
}

.div-block-39 {
  background-color: #f7f5ff;
  border: 2px #201bd9;
  border-radius: 13px;
  width: 5rem;
  height: 5rem;
  padding: 1rem;
  transition: background-color .5s;
  box-shadow: 0 0 0 1px #201bd9;
}

.div-block-39:hover {
  background-color: #D6CBF8;
}

.square-bg-section {
  max-width: 1280px;
margin-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div-block-40 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .9375rem;
  width: 60rem;
  height: 10rem;
  margin-left: 0;
  padding: 1.44rem 3.69rem 1.44rem 3.39rem;
  position: absolute;
  top: 5rem;
  left: 10rem;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.heading-8 {
  text-align: center;
}

.div-block-41 {
  grid-column-gap: 2.38rem;
  grid-row-gap: 2.38rem;
  background-color: #342a5e;
  border-radius: .9375rem;
  flex-flow: column;
  width: 25rem;
  height: 20rem;
  padding: 1.87rem 3.2rem;
  display: flex;
  position: absolute;
  top: 20rem;
  left: 10rem;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.div-block-42 {
  grid-column-gap: 2.38rem;
  grid-row-gap: 2.38rem;
  background-color: #342a5e;
  border-radius: .9375rem;
  flex-flow: column;
  width: 25rem;
  height: 20rem;
  padding: 1.87rem 3.2rem;
  display: flex;
  position: absolute;
  top: 20rem;
  left: 45rem;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}

.square-bg-container-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 5rem;
  grid-template-columns: 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem 5rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: start center;
  place-items: center;
  display: grid;
}

.cta-secondary-icon-text {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    gap: .625rem;
  font-family: Satoshi, Arial, sans-serif;
}

.join-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 62rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/partenaires/Avec%20le%20d%C3%A9grader.svg");
    background-size: cover; /* Cette ligne permet de couvrir entièrement l'élément */
  background-position: center; /* Pour centrer l'image */
}

.join-wrapper{
max-width:80rem;
margin-left:auto;
margin-right:auto;
  position:relative;
      padding-left: 2rem;
    padding-right: 2rem;
}

.text-block-13 {
  color: #fff;
  text-align: center;
}

.text-block-14 {
  color: #fff;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
}



.h2_bg_gradient_big {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 42%, #926afe 59%, #f4efa6 94%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 8.17rem;
  font-weight: 900;
  line-height: 9.135rem;
}

.h2_bg_gradient_medium {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 42%, #926afe 59%, #f4efa6 94%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5.7rem;
  font-weight: 900;
  line-height: 6.5rem;
  display: inline;
}

.heading-9 {
  text-align: center;
  width: 48rem;
  margin: 0 auto;
  font-family: Satoshi, Arial, sans-serif;
}

.h2-page-anonce {
  text-align: center;
  width: 50.1rem;
  max-width: none;
  margin: 0 auto;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.5rem;
}

.partenaire-card-absolute {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 34% auto auto -27%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-2 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 86% auto auto 106%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-3 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 110% auto auto 14%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-4 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: -32% auto auto 13%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-5 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: -29% auto auto 72%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-6 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 17% auto auto 89%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-7 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 77% auto auto -32%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-9 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
      inset: 52% auto auto 100%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-10 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 118% auto auto -27%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-11 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 126% auto auto 93%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-12 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 110% auto auto 56%;
  box-shadow: 0 5px 20px #0003;
}

.partenaire-card-absolute-13 {
  background-color: #fff;
  border-radius: .625rem;
  max-width: 11.7rem;
  position: absolute;
  inset: 3% auto auto -26%;
  box-shadow: 0 5px 20px #0003;
}

.heading-10 {
  text-align: center;
}

.heading-11 {
  text-align: center;
  flex-flow: wrap;
  font-size: 3.125rem;
  line-height: 3.56rem;
  display: block;
}

.scrollable-div-desktop {

    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
      padding-left: 2rem;
    padding-right: 2rem;

}

.heading-11-copy {
  color: #101828;
  text-align: center;
  flex-flow: wrap;
  width: auto;
  min-width: 38rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.56rem;
  display: block;
}

.h3-title_cta_primary_stars {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 38rem;
  max-width: 38rem;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
    gap: 1.25rem;
}

.div-block-43 {
  min-width: 38rem;
  margin-bottom: 150px;
}

.div-block-8-copy {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-8-2 {
grid-column-gap: 56px;
    grid-row-gap: 56px;
    display: flex;
    justify-content: center;
}

.div-block-7-copy {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  width: 488px;
  min-width: 38rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.page-section-sml {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 54rem;
  max-width: 54rem;
  margin: 0 auto 0px;
  display: flex;
  position: relative;
  gap: 1.69rem;
  margin-bottom:0rem;
}


.small_testi_card_wrapper {
  border: 1px solid #926afe;
  border-top-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  max-width: 26rem;
  padding: 1.85rem;
  display: flex;
  box-shadow: 4px 4px #926afe;
}

.small_testi_card_wrapper-fifa {
  border: 1px solid #926afe;
  border-top-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  max-width: 26rem;
  padding: 1.85rem;
  display: none;
  box-shadow: 4px 4px #926afe;
}


.sml_testi_card {
    grid-column-gap: 1.12rem;
    grid-row-gap: 1.88rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.info_testisml_bloc {
  grid-column-gap: 1.12rem;
  grid-row-gap: 1.12rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sml_testi_name_container {
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  flex-flow: column;
  display: flex;
}

.sml_testi_text {
  position: relative;
}

.sml_testi_text_width {
  position: relative;
  width:30rem;
}

.text-span-2 {
  color: #201bd9;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .87rem;
  font-weight: 700;
}

.paragraph-left-align-sml {
  color: #6e7072;
  text-align: left;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 147%;
  position: static;
}

.titre-media{
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.375rem; /* 157.143% */
letter-spacing: 0.00625rem;
}

.date-media{
color: var(--Couleur---Texte-Texte-700, #344054);
font-family: Satoshi;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.125rem; /* 150% */
letter-spacing: 0.01563rem;
}

.paragraph-left-align-sml.p-sml {
  color: #6e7072;
  padding: 0;
  font-size: 1rem;
  line-height: 1.2rem;
}

.text_post_testi_author {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.325rem;
}

.testi_name_author {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
 
}

.scrollable-section-mobile{
display:none;
}


.mobfe{
display:none;
}

a.testi_name_author {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-decoration:none;
}


.small-testi-wrapper {
    grid-column-gap: 1.62rem;
    grid-row-gap: 1.62rem;
    display: flex;
    align-items: flex-start;
}

.image-21 {
    position: absolute;
    inset: auto 0% -13% auto;
    transform: rotate(180deg);
}

.long_testi_card_wrapper-copy-fe {
    border: 1px solid #926afe;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    max-width: 48.8125rem;
    padding: 1.85rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
    margin-bottom: 5rem !important;
      margin-top: 2rem;
}

.long_testi_card_wrapper-copy-4 {
  border: 1px solid #926afe;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    max-width: 25rem;
    padding: 1.85rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
    background-color: white;
    width: 100%;
    flex-direction: column;
    max-width: 42rem;
}

.long_testi_card_wrapper-copy-2{
    border: 1px solid #926afe;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    max-width: 25rem;
    padding: 1.85rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
    background-color: white;
    min-width: 25rem;
    flex-direction: column;
}

.long_testi_card_wrapper-copy-3{
    border: 1px solid #926afe;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    max-width: 25rem;
    padding: 1.85rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
    background-color: white;
    min-width: 25rem;
    flex-direction: column;
    height: 100%;
}

 
.long_testi_text {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  display: flex;
  position: relative;
  align-items: center;
}

.rectangle_separator {
height:0.75rem;
}


.five_left_column_wrapper{
position:relative;
padding-right: 75px;
  z-index: 20;
}

.left-element-wrapper-blog {
    position: fixed;
    top: 90px;  
    z-index: -2000;
  width: 19rem;
}

html {
    scroll-behavior: smooth;
}

.related-post h3{
color: var(--Couleur---Texte-Texte-900, #101828);
text-align: center;

/* Titre -  50px - Bold */
font-family: Satoshi;
font-size: 3.125rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 1.88rem;
}

.link-share-container {
    display: flex;
    flex-direction: column;
    gap: 0.94rem;
}

.link-share-wrapper{
display: inline-flex;
padding: 0.9375rem 0.625rem;
flex-direction: column;
align-items: center;
gap: 0.9375rem;
border-radius: 0.625rem 0rem 0rem 0.625rem;
background: var(--Couleur---Brand-Bleu-Tech-3, #926AFE);
height:auto;
width:6.25rem;
}



.blog-summary {
  max-width:18.5rem;
  width:auto;
  word-wrap: break-word; /* Force le texte à revenir à la ligne si nécessaire */
  word-break: break-word; /* Empêche le texte de sortir de l'élément */
  white-space: normal;
  transition: all 0.3s ease;
  position: fixed; /* L'élément est fixé */
  top: auto; /* Le positionner au centre de la page verticalement */
  transform: translate(12%, 200%); /* Ajuste pour centrer exactement */
  width: 100%; /* S'assurer que l'élément prend toute la largeur de son conteneur */
    
}

.blog-summary.fixed {
    position: fixed; /* Lorsque la position est modifiée, il devient fixe */
    bottom: 0; /* Il colle en bas de l'écran */
    
}

.link-share-title p {
color: var(--white, #FFF);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}


.icon-link-share-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.625rem;
}


.blog-summary ul {
  list-style: none;
  padding: 0;
}

.blog-summary li {
  margin: 0.94rem 0;
  
}

.blog-summary li a {
  color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
  text-decoration:none;
}

.blog-summary li a:hover {
  color: #6B2CFF;
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
  text-decoration:none;

}


.blog-summary p {
  color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
  text-decoration:none;
}

.blog-summary li a.active {
  color: var(--Couleur---Texte-Texte-900, #6B2CFF);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 150% */
  text-decoration:none;
}

section.goodflag_section {
  justify-content: center;
  align-items: center;
  display: flex;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:100px;
  margin-top:50px;
}

section.goodflag_section-blog {
  justify-content: center;
  align-items: center;
  display: flex;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:150px;
  margin-top:14rem;
}




.columns_five_wrapper {
 display: grid;
    margin: 0 auto;
    max-width: 100%;
    grid-row-gap: 1.88rem;
    grid-template-columns: 1fr 2.6fr;
    grid-template-rows: auto;
    justify-items: end;
    justify-content: center;

}

.five_right_column-wrapper {
  max-width:100%;
 
}

.five_left_column {

position:relative;
width: 14.3rem;
word-break: break-word; 

}

.five_right_column {
  padding-left: 3rem; /* Ajusté pour éviter le dépassement */
  padding-right: 8.12rem;
  border-left: 1px solid #926AFE;
}

* {
  box-sizing: border-box; /* Inclut les paddings et marges dans la largeur */
}

.columns_tiers_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  max-width: 1110px;
  display: grid;
}

.hero-wrapper-gradient {
  border-bottom-right-radius: 7.75rem;
  border-bottom-left-radius: 7.75rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 34.625rem;
  padding-top: 12.5rem;
  display: flex;
  background-position: 50%;
  background-size: cover;
  background-image: 
    url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Clip%20path%20group.svg"), /* L'image en premier */
    linear-gradient(21deg, #342A5E -2.5%, #6B2CFF 41.01%, #926AFE 58.41%, #F4EFA6 94.18%); /* Le dégradé ensuite */
}

.cta_special-full{
display: flex;
 font-weight: 700;
  font-family:Satoshi;
  text-decoration:none;
  margin-top:2.5rem;
  color:white;
padding: 0.8125rem 1.875rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
align-self: stretch;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: var(--Aurora-dgrad, linear-gradient(25deg, #342A5E 0.16%, #6B2CFF 44.73%, #926AFE 62.32%, #04CDC8 98.16%));
}

.cta_special-full a {
font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  color:white;
}

.cta_special-full:hover {
  background-image: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/videoframe_3210.gif');
  background-size: cover;  /* Pour s'assurer que l'image couvre tout le bouton */
  background-position: center;  /* Centrer l'image dans le bouton */
  border: none;  /* Retirer la bordure du bouton */
}



a.cta_special-jaune{
display: flex;
width: 13.875rem;
padding: 0.8125rem 1.25rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: #F4EFA6;
color: var(--Couleur---Brand-Goodflag, #342A5E);
text-align: center;
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
  text-decoration:none;
}

a.cta_special-jaune:hover{
display: inline-flex;
padding: 0.8125rem 1.25rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: #F4EFA6;
box-shadow: 4px 4px 0px 0px var(--Couleur---Brand-Goodflag, #342A5E);
}

.title-hero-wrapper {
  grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    max-width: 54.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
  justify-content: space-around;
}

.contact-cta-1{
  font-family: Satoshi, Arial, sans-serif;
    font-weight: 700;
display: flex;
width: fit-content;
padding: 0.8125rem 3rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: var(--Couleur---Brand-Goodflag, #342A5E);
  color:white;
  text-decoration:none;
}

.contact-cta-1:hover {
border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: var(--Couleur---Brand-Goodflag, #342A5E);
box-shadow: 4px 4px 0px 0px var(--Couleur---Brand-Bleu-Tech-3, #926AFE);
transition: 200ms ease;
}

.contact-cta-1 a {
color: white !important;
text-align: center !important;
font-family: Satoshi !important;
font-size: 1rem !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
text-decoration:none !important;
}

.heading-3 {
  color: #101828;
  text-align: left;
  max-width: 54rem;
  margin-left: 0;
  margin-right: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  display: block;
}

.demo-cta-section {
  width: 100%;
    height: 25.1881rem;
    margin-top: 200px;
    background-color: #f9f5ff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-block-50-copy {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.demo-cta-section-wrapper{
max-width: 80rem;
    justify-content: space-between;
    align-items: center;
    height: 25.1881rem;
    display: flex;
      padding-left: 2rem;
    padding-right: 2rem;
}


.h3-big-centred {
  color: #101828;
  text-align: center;
  margin-top: 0;  
font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3rem;
}

.text-block-11 {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Satoshi, Arial, sans-serif;
}

.paragraph-center-1rem{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
text-align: center;
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.hero-wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.value-section {
  max-width: 66.9rem;
  margin-top: 9.94rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Satoshi, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

.heading-4 {
  text-align: center;
}

.heading-4.value {
  margin-bottom: 2.25rem;
}

.value-section-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.value-first-stage-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
  
}

.value-wrapper {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  outline-offset: 0px;
  border: 1px #d0d5dd;
  border-radius: 2.5rem;
  outline: 3px #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  max-width: none;
  padding: 2.25rem 1.25rem;
  display: flex;
}

.info-value-wrapper {
  grid-column-gap: .38rem;
  grid-row-gap: .38rem;
  flex-flow: column;
  display: flex;
}

.p-title {
  color: #101828;
  font-size: 1.25rem;
  font-weight: 700;
}

.value-second-stage-wrapper-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.value-second-stage-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.value-wrapper-center {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2.25rem 1.25rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.p-title-center {
  color: #101828;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
}

.powersign-wrapper {
      padding-left: 2rem;
    padding-right: 2rem;
  grid-column-gap: 5.12rem;
  border-radius: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-top: 9.94rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.69rem 6.5rem;
  display: flex;
  position: static;
  background-position: 50%;
  background-size: cover;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/La%20lumi%C3%A8re.svg");
}

.les-logos{
margin-top:5.12rem;
}

.power-sign-text-container {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.heading-5 {
  text-align: center;
}

.thin-h2 {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.bold-text {
  font-size: 3.125rem;
  line-height: 3.125rem;
}


.bandeau-tarifs-mobile {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 15rem;
  padding: .62rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.bold-text-2 {
  font-weight: 400;
}

.slider-wrapper {
  width: 100%;
  max-width: 60rem;
  position: static;
  overflow: hidden;
  transition: transform 0.5s ease-in-out;
  flex: 1; /* Permet au slider-wrapper de prendre l'espace restant */
  display: flex;
  justify-content: center; 
}

.arrow {
  z-index: 10;
  padding: 10px;
  position: absolute;
  top: 50%;
  flex-shrink: 0;
}

.arrow.left-arrow {
  position: absolute;
  inset: 43% auto auto -1%;
}

.arrow.right-arrow {
    display: flex;
    position: absolute;
    inset: 44% -6% auto 97%;
}

.slider-container {
  background-color: #fff;
  border-radius: .9375rem;
  width: 64.5rem;
  max-width: 64.5rem;
  margin-left: 2.88rem;
  margin-right: 2.88rem;
  overflow: hidden;
  
}

.slides {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: .9rem;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide-container{
display: flex;
    align-content: center;
    align-items: center;
  gap: 6.67rem;
}


.slide {
  grid-column-gap: 2.7rem;
  grid-row-gap: 2.7rem;
  background-color: #fff;
  border-radius: .9375rem;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem;
  display: flex;
}

.slide-nav {
  grid-column-gap: 1.38rem;
  grid-row-gap: 1.38rem;
  justify-content: center;
  align-items: center;
  margin-top: 3.12rem;
  display: flex;
}

.slider {
  width: auto;
  max-width: 70rem;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
  overflow: hidden;
  margin-top:7.19rem;
  display: flex; /* Active Flexbox */
  align-items: center; /* Aligne les éléments verticalement au centre */
  justify-content: center; /* Aligne horizontalement tout en centrant */
  gap: 20px; /* Ajoute un espacement entre les flèches et le slider-wrapper */
}

.image-10 {
  position: absolute;
}

.slide-text-container {
  flex-flow: column;
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.dot {
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .0263158rem;
  transition: background-color .3s;
  cursor: pointer;
}

.dot.active {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #6b2cff;
}

.argument-section {
  margin-top: 9.94rem;
}

.confiance-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  max-width: 39.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.value-first-stage-wrapper-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
  margin-top: -63px;
}

.value-first-stage-wrapper-copy-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}


.info-value-wrapper-2 {
    grid-column-gap: .38rem;
    grid-row-gap: .38rem;
    border-radius: .935rem;
    flex-flow: column;
    max-width: 18rem;
    padding: .75rem;
    display: flex
;
    box-shadow: 0 12px 16px -4px #10182814;
    align-items: center;
}

.integration-wrapper {
  margin-top: 5rem;
}

.integration-container {
  border-radius: 2.5rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3.13rem 6.41rem;
  position: relative;
  box-shadow: 0 12px 16px -4px #10182814;
      padding-left: 2rem;
    padding-right: 2rem;
}

.steps-wrapper {
  grid-column-gap: 3.78rem;
  grid-row-gap: 3.78rem;
  display: flex;
}

.cta-demo-bloc {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: column;
  max-width: 41.3rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
    align-items: center;
}

.h2-p-wrapper {
  text-align: center;
  margin-bottom: 0;
    gap: 0.62rem;
}

 .image-23-desktop{
display:block;
}

.h2-violet {
  color: #6b2cff;
}

.heading-6, .text-block-12 {
  font-family: Satoshi, Arial, sans-serif;
}

.text-block-12 {
color: var(--Couleur---Texte-Texte-700, #344054);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.background-image-element {
  z-index: -20;
  max-width: 30%;
  position: absolute;
  inset: 26% 0% 0% 24%;
}

.image-11 {
  max-width: 13.7rem;
}

.background-image-element2 {
  z-index: -20;
  max-width: 25%;
  position: absolute;
  top: 51%;
  left: 54%;
}

.value-wrapper-2 {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  outline-offset: 0px;
  border: 1px #d0d5dd;
  border-radius: 2.5rem;
  outline: 3px #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  max-width: none;
  padding: 2.25rem 1.25rem;
  display: flex;
}

.value-wrapper-left {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 2.25rem 1.25rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
}

.info-value-wrapper-left {
  grid-column-gap: .38rem;
  grid-row-gap: .38rem;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-7 {
  font-family: Satoshi, Arial, sans-serif;
}

.h3-violet {
  color: #6b2cff;
}

 .image-23-mobile{
display:none;
}


.hero-page-wrapper-without-bg{
margin-top:200px

}

.image-contact-mobile{
display:none;
}

    .image-contact-desktop{
display:block;
}
  
.value-wrapper-center-grey-mobile{
display:none;
}

.page-section-mob{
display:none;
}

.value-wrapper-left-fefe{
border-radius: var(--Radius-corner-radius-40, 40px);
border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
background: #FFF;
  display: inline-flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}


@media (max-width:100px){
.partenaire-logo {
    width: 8.9rem;
    transition: transform 0.3s ease;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 0.3125rem;
}
}

@media (max-width: 768px)  {
  
  .value-wrapper-left {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 2.25rem 1.25rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    width: 100%;
}
  .info-value-wrapper-left {
    grid-column-gap: .38rem;
    grid-row-gap: .38rem;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
  
    .value-wrapper-left-fefe {
        grid-column-gap: 1.97rem;
        grid-row-gap: 1.97rem;
        border: 1px solid #d0d5dd;
        border-radius: 2.5rem;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        padding: 2.25rem 1.25rem;
        display: flex;
        box-shadow: 0 12px 16px -4px #10182814;
        width: 100%;
        flex-direction: column;
    }

  
      .value-second-stage-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        justify-content: center;
        align-items: stretch;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
  
      .value-first-stage-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .bloc-right-card-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
        width: 100%;
    }
  
  
  .value-section-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
    width: 100%;
}
  
  .card-reponse {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    height: auto;
    min-height: 39.2rem;
    display: flex;
}
  
    .card-reponse-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    height: auto;
    min-height: 39.2rem;
    display: flex;
}
  
  .bloc-r-ponses {
    grid-column-gap: 2.53rem;
    grid-row-gap: 2.53rem;
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
      padding-left:1rem;
    padding-right:1rem;
}
  
.bloc-question {
        grid-column-gap: .81rem;
        grid-row-gap: .81rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 41%;
    }
  
    .bloc-question-container {
        grid-column-gap: 3.12rem;
        grid-row-gap: 3.12rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
  
  .title-hero-section-centre {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
  
.question-section {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
   padding-left:1rem;
    padding-right:1rem;
}
  
  .guide-hero-section {
    padding-left:1rem;
    padding-right:1rem;
    background-position: 50%;
    background-size: cover;
    height: auto;
    margin-bottom: 5rem;
    padding-top: 8.5rem;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg);
}
  
  .bold-text {
    font-size: 2.5rem;
    line-height: 2.5rem;
}
  
      .demo-cta-section {
        width: 100%;
        height: auto;
        margin-top: 5rem;
        background-color: #f9f5ff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
  
.demo-cta-section-wrapper {
    max-width: 80rem;
    justify-content: space-between;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
}
  
.div-block-50-copy {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
  .cta_special, .cta_special a {
    color: #fff;
    font-family: Satoshi, Arial, sans-serif;
    font-weight: 700;
    width:100%;
}
  
  .fe-lexpe{
    display:none;
  }
  
  .h3-big-centred {
    color: #101828;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0px;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}
  
  
  .fe-lex{
width:100%;
margin-bottom: 1rem;
}
  
  .background-image-element2 {
    z-index: -20;
    max-width: 25%;
    position: absolute;
    top: 51%;
    left: 54%;
    display:none;
}
  
    .background-image-element {
    display:none;
}
  
     .steps-cards-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0rem;
        align-items: flex-start;
        padding-bottom: 2rem;
    }
  
  .integration-container {
    border-radius: 2.5rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    position: relative;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
  .steps-wrapper {
    grid-column-gap: 3.78rem;
    grid-row-gap: 3.78rem;
    display: flex;
    flex-direction: column;
}
  
  .integration-wrapper {
    margin-top: 5rem;
}
  
  .zozote{
width:20%;
}
  
.slider-2 {
        width: 107vw;
        max-width: 70rem;
        padding-left: 2rem;
        padding-right: 2rem;
        position: relative;
        overflow: hidden;
        margin-top: 7.19rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        height: auto;
        margin-left: 0px;
    }
  
  .value-wrapper-2 {
        grid-column-gap: 1.97rem;
        grid-row-gap: 1.97rem;
        outline-offset: 0px;
        border: 1px #d0d5dd;
        border-radius: 2.5rem;
        outline: 3px #333;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        min-width: 50%;
        max-width: none;
        padding: 2.25rem 1.25rem;
        display: flex;
        width: 100%;
    }
  
  .arrow.right-arrow {
    display: flex;
    position: absolute;
    inset: 43% 1% auto 95%;
}
  
.slide-container {
        display: flex;
        align-content: center;
        align-items: stretch;
        gap: 1rem;
        flex-direction: column;
    }

  
  .les-logos {
    margin-top: 5.12rem;
    width: 100%;
}
  
  .powersign-wrapper {
    grid-column-gap: 5.12rem;
    border-radius: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    padding-top:3rem;
    display: flex;
    position: static;
    background-position: 50%;
    background-size: cover;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/La%20lumi%C3%A8re.svg);
}
  
  .power-sign-text-container {
    flex-flow: column;
    align-items: center;
    display: flex;
    padding-left: 0rem;
    padding-right: 0rem;
    width: 100%;
}
  
  .contact-cta-1 {
    font-family: Satoshi, Arial, sans-serif;
    font-weight: 700;
    display: flex;
    width: 100%;
    padding: 0.8125rem 3rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: var(--Radius-corner-radius-40, 2.5rem);
    background: var(--Couleur---Brand-Goodflag, #342A5E);
    color: white;
    text-decoration: none;
}
  
.value-wrapper-center {
        grid-column-gap: 1.97rem;
        grid-row-gap: 1.97rem;
        border: 1px solid #d0d5dd;
        border-radius: 2.5rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding: 2.25rem 1.25rem;
        display: flex;
        box-shadow: 0 12px 16px -4px #10182814;
        flex-direction: column;
    }
  
  .small_testi_card_wrapper-fifa {
  border: 1px solid #926afe;
  border-top-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
  max-width: 26rem;
  padding: 1.85rem;
  display: flex;
  box-shadow: 4px 4px #926afe;
}
  
  .small-testi-wrapper {
    grid-column-gap: 1.62rem;
    grid-row-gap: 1.62rem;
    display: flex;
    width: 100%;
    overflow-x: auto;
}
  
  .h2-page-anonce {
        text-align: center;
        width: 100%;
        max-width: none;
        margin: 0 auto;
        font-family: Satoshi, Arial, sans-serif;
        font-size: 34px;
        line-height: 150%;
    }
  
  .h3-title_cta_primary_stars {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    gap: 1.25rem;
}
  
  .div-block-7-copy {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}
  
    .div-block-43 {
        min-width: 100%;
        margin-bottom: 5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }
  
    .join-section {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/partenaires/Avec%20le%20d%C3%A9grader.svg);
        background-size: cover;
        background-position: center;
        width: 100%;
        padding: 1rem;
    }
  
    .h2-page-anonce {
        text-align: center;
        width: 100%;
        max-width: none;
        margin: 0 auto;
        font-family: Satoshi, Arial, sans-serif;
        font-size: 34px;
        line-height: 131%;
    }
  
    .page-section-sml {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        min-width: auto;
        max-width: 100%;
        margin: 0 auto 0px;
        display: flex;
        position: relative;
        gap: 1.69rem;
        margin-bottom: 0rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
  .div-block-34 {
    grid-column-gap: 1.12rem;
    grid-row-gap: 1.12rem;
    background-color: #fff;
    border-radius: .9375rem;
    width: 100%;
    margin-top: 3.5rem;
    padding: 1rem;
    display: flex;
    box-shadow: 0px 20px 24px -4px rgba(107, 44, 255, 0.16);
    flex-direction: column;
}
  
  
  .div-block-32 {
    grid-column-gap: .62rem;
    grid-row-gap: .62rem;
    background-color: #fff;
    border-radius: .9375rem;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
  .div-block-33 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    display: flex;
    flex-direction: column;
}
  
  .div-block-30 {
    grid-column-gap: .62rem;
    grid-row-gap: .62rem;
    background-color: #fff;
    border-radius: .9375rem;
    flex-flow: column;
    width: 100%;
    padding: 1rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
    align-items: center;
    height: 17rem;
    text-align: center;
}
  .lexpefe{
width:100%;
}
  
  
  .piete{
width:100%;
}
  

  
  .div-block-28 {
    grid-column-gap: 1.27rem;
    grid-row-gap: 1.27rem;
    flex-flow: row;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 17px;
    display: flex;
    flex-direction: column;
}
  
  .value-wrapper-center-purple {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    border: 1px #d0d5dd;
    border-radius: .935rem;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 26rem;
    padding: 2.25rem 1.88rem 7.06rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
  .value-wrapper-left-purple {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    outline-offset: 0px;
    border: 1px #d0d5dd;
    border-radius: .935rem;
    outline: 3px #333;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8.5rem;
    padding: 1.88rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
    .value-wrapper-left-purple-fe {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    outline-offset: 0px;
    border: 1px #d0d5dd;
    border-radius: .935rem;
    outline: 3px #333;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8.5rem;
    padding: 1.88rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
  .div-block-26 {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    align-items: center;
    display: flex;
    flex-direction: column;
}
  
  ._2-columns-text-left {
        grid-template-columns: 1fr; /* Passe à une seule colonne */
        grid-template-areas: "Area"; /* Ajuste les zones si nécessaire */
    }
  
   ._2-columns-text-left-copy {
        grid-template-columns: 1fr; /* Passe à une seule colonne */
        grid-template-areas: "Area"; /* Ajuste les zones si nécessaire */
             gap: 30px;
    }
  
     ._2-columns-text-right {
        display: flex;
        flex-direction: column-reverse;
    }
  
  .img-personalisation {
    width: 100%;
    height: auto;
    flex-shrink: 0;
}
  
  .module-last-blog{
max-width:100%;
    padding-left:1rem;
    padding-right:1rem;
}
  
  
  ._2-columns-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid #d0d5dd;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    display: flex;
    box-shadow: 4px 4px #926afe;
    flex-direction: column;
    border-radius: var(--Radius-corner-radius-15, 15px);
background: #FFF;
/* Shadow - Bleu Full */
box-shadow: 4px 4px 0px 0px var(--Couleur---Brand-Bleu-Tech-3, #926AFE);
}
  
  .image--13{
display:none;
    }

  
  .hero-page-wrapper {
background-image: none;
    background-position: 80% 20%;
    background-repeat: no-repeat;
    background-size: initial;
    justify-content: center;
    align-items: center;
    max-width: none;
    min-height: auto;
    margin-top: 8rem;
    display: flex;
    position: relative;
    margin-bottom:5rem;
    padding-left:1rem;
    padding-right:1rem;
}
  
.exemple-perso-wrapper-fefe {
      width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 5rem;
        flex-direction: column;
        border-radius: var(--Radius-corner-radius-15, 15px);
        background: #FFF;
        display: flex;
  background-position:center;
        background-repeat: no-repeat;
        background-size: 100% 80%;
         background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/purple-yellow-gradient-bg-mobile.png"); 
                   gap: 6rem;
}
  
      .h3-500-225 {
        color: #000;
        font-family: Satoshi, Arial, sans-serif;
        font-size: 2.15rem;
        font-weight: 500;
        text-align: left;
    }
  
  .exemple-perso-wrapper img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
  
      .long_testi_card_wrapper-copy {
        border: 1px solid #926afe;
        border-top-right-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem;
        max-width: 48.8125rem;
        padding: 1.85rem;
        display: flex;
        box-shadow: 4px 4px #926afe;
        min-width: 100%;
        justify-content: center;
        margin-bottom: 0rem !important;
        height:100%;
    }
  
  .heading-15 {
    color: #101828;
    margin-top: 0;
    margin-bottom: 34px;
    padding: 0;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 40px;
}
  
  .stars_down_right-2-fe {
    inset: auto 6% 26% auto;
    max-width: 51px;
    position: absolute;
}
  
      .partenaire-wrapper-fe {
        grid-column-gap: 1.5rem;
        grid-row-gap: 0rem;
        flex-flow: column;
        display: flex;
        max-width: 100%;
        overflow-x: auto;
}
  
      .partenaire-logo-fe {
        width: 110px;
        transition: transform 0.3s ease;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
        border-radius: 0.3125rem;
    }
  
  .partenaire-container-mobile-fe {
    display: flex;
    gap: 17px;
}
  
  
  .testi-wrapper-sublogo {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-content: flex-start;
    overflow: auto;
    max-width: 100%;
        margin-top: 1rem;
    margin-bottom: 5rem;
}
  
       .long_testi_card_wrapper-copy-3 {
        border: 1px solid #926afe;
        border-top-right-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem;
        min-width: 100%;
        padding: 1.85rem;
        display: flex;
        box-shadow: 4px 4px #926afe;
        background-color: white;
        width: 100%;
        flex-direction: column;
        min-height: 23rem;
        justify-content: space-between;
    }
  
  .page-section-3 {
    padding-left: 1rem;
    padding-right: 1rem;
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 0px;
    display: flex;
    position: relative;
}
  
  .text-block-6-copy {
    font-family: Satoshi, Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
    margin-bottom: 30px;
}
  
      .div-block-7 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        max-width:100% !important;
        width:auto;
    }
  
  .div-block-7-2 {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    width: 612px;
    margin-left: auto;
    margin-right: auto;
    display: flex
;
}
  
    .up_footer-2 {
        flex-flow: column;
        max-width: 53rem;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: relative;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }
  
.target-card-wrapper {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
    width: 100%;
}
  
  ._2-columns-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
    display: flex;
    padding-left: 1rem;
    padding-bottom: 1rem;
}
  
  .h2-page-sub-bloc {
    text-align: center;
    max-width: 55rem;
    margin-bottom: 3.44rem;
    margin-left: auto;
    margin-right: auto;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 40px;
    line-height: 3rem;
    font-weight: 700;
}
  
.target-card-wrapper-copy {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-top:0px;
    padding: 1.25rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #6b2cff29;
    width: 100%;
}
  
.target-card-container {
    grid-column-gap: 2.31rem;
    grid-row-gap: 2.31rem;
    justify-content: center;
    align-items: flex-start;
    padding-top: 38px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
  
      .div-block-79 {
        display: flex;
        padding: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 20px;
        border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
        background: var(--Couleur---Brand-Texte-blanc, #FFF);
        box-shadow: 0px 20px 24px -4px rgba(107, 44, 255, 0.16);
        width: 100%;
    }
  
  .h2-gradient-violet {
        font-family: Satoshi;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(26deg, #342a5e, #6b2cff 43%, #926afe 60%, #f4efa6 94%);
        -webkit-background-clip: text;
        background-clip: text;
    }
  
  .div-block-79 {
display: flex;
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 20px;
border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
background: var(--Couleur---Brand-Texte-blanc, #FFF);

/* Shadow Bleu */
box-shadow: 0px 20px 24px -4px rgba(107, 44, 255, 0.16);
}
  
  .h2-page-copy {
    text-align: left;
    width: auto;
    max-width: none;
    margin: 0 auto;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    display: inline;
}
  
      .section-juste-prix {
        padding-left: 1rem;
        padding-right: 1rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 0%;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Vector%2017.png);
    }
  
  .infos-exemple-container {
    grid-column-gap: .62rem;
    grid-row-gap: .62rem;
    background-color: #fff;
    border: 1px solid #e4e7ec;
    border-radius: .9375rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: -53px;
    padding: 1.88rem;
    display: flex;
    position: absolute;
    inset: auto auto 0% 0%;
    box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
    .infos-exemple-container-fefe {
    grid-column-gap: .62rem;
    grid-row-gap: .62rem;
    background-color: #fff;
    border: 1px solid #e4e7ec;
    border-radius: .9375rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: -53px;
    padding: 1.88rem;
    display: flex;
    position: static;
    inset: auto auto 0% 0%;
    box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
    .dav-section {
        padding-left: 1rem;
        padding-right: 1rem;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        max-width: 80rem;
        margin-bottom: 0rem;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
  
    .slide-solution-wrapper-1 {
        margin-left: auto;
        /* grid-column-gap: 3.11rem; */
        /* grid-row-gap: 3.11rem; */
        background-color: #fff;
        border-radius: .9375rem;
        justify-content: center;
        align-items: flex-start;
        width: 510px;
        min-width: 100%;
        min-height: 41.25rem;
        padding: 1.27rem;
        display: flex;
        margin-bottom: 2rem;
        margin-top: 1rem;
        max-height: 100%;
    }
  

  
.div-block-41 {
        grid-column-gap: 2.38rem;
        grid-row-gap: 2.38rem;
        background-color: #342a5e;
        border-radius: .9375rem;
        flex-flow: column;
        width: 100%;
        height: 100%;
        padding: 1.87rem 3.2rem;
        display: flex;
        position: static;
        top: 20rem;
        left: 10rem;
        box-shadow: 0 20px 24px -4px #6b2cff29;
    }

.div-block-42 {
  grid-column-gap: 2.38rem;
        grid-row-gap: 2.38rem;
        background-color: #342a5e;
        border-radius: .9375rem;
        flex-flow: column;
        width: 100%;
        height: 100%;
        padding: 1.87rem 3.2rem;
        display: flex;
        position: static;
        top: 20rem;
        left: 10rem;
        box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
  .div-block-40 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: .9375rem;
  width: 60rem;
  height: 10rem;
  margin-left: 0;
  padding: 1.44rem 3.69rem 1.44rem 3.39rem;
  position: static;
  top: 5rem;
  left: 10rem;
  box-shadow: 0 20px 24px -4px #6b2cff29;
}
  
  .square-bg-section-mobile{
display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        gap: 30px;
    margin-bottom:5rem;
    align-items:center;
}
  
  
        .slide-container-solution {
        grid-column-gap: 2.75rem;
        grid-row-gap: 1.75rem;
        background-image: linear-gradient(196deg, #1f182b 10%, #695191 88%, #fff);
        border-radius: 2.5rem;
        flex-flow: row;
        justify-content: flex-start;
        align-items: stretch;
        max-width: 80rem;
        margin-top: 1.87rem;
        padding-top: 1.19rem;
        padding-left: 2rem;
        display: flex;
        overflow: scroll;
        margin-bottom: 0rem;
        padding-right: 2rem;
        width: 100%;
        min-height: 41rem;
    }
     
  
  
.div-block-77 {
    padding-left:1rem;
    padding-right:1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
  
      .div-block-8 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        align-items: center;
        flex-flow: column;
        margin-top: 1rem;
    }
  
      .div-block-53-copy {
        grid-column-gap: 1.03rem;
        grid-row-gap: 1.03rem;
        margin-top: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 100%;
        justify-content: flex-start;
    }
  
  .platefrom-hero-section{ 
    padding-left:1rem;
    padding-right:1rem;
  margin-bottom: 5rem;
  padding-top: 8rem;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-again.png");
  background-size: cover;
    background-position: 100%;
}

  
  .heading-14 {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.2rem;
  word-break: break-word; /* Permet de couper les mots longs */
    overflow-wrap: break-word; /* Si le mot est trop long, il va à la ligne */
    width: 100%; /* S'assure que le titre prend toute la largeur de son conteneur */
    hyphens: auto; /* Optionnel: permet d'ajouter des césures automatiques */
}
  
  .div-block-64 {
    grid-column-gap: 0px;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    display: flex;
    gap: 1.25rem;
}
  
  .div-block-63 {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    justify-content: space-between;
    align-items: center;
    padding: 0rem;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
}
  
  
      .tab-section-tarif-mobile {
        max-width: 100%;
        margin-bottom: 2rem;
        display: flex;
        gap: 1.31rem;
        overflow: auto;
    }

    .bandeau-tarifs-mobile {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border-radius: .9375rem;
    flex-flow: column wrap;  /* Modifié ici pour permettre le retour à la ligne */
    justify-content: space-between;
    align-items: center;
    max-width: 15rem;
    padding: .62rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    height: 38rem;
    }
  

  
      .partenaire-container-desktop {
        display: flex;
        flex-flow: nowrap;
        gap: 1.1rem;
    }
  
      .partenaire-logo {
        width: 6.4rem;
        transition: transform 0.3s ease;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
        border-radius: 0.3125rem;
    }
  
  .section-credit-signature {
       padding-left: 1rem;
    padding-right: 1rem;
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: stretch;
    padding-left:1rem;
    padding-right:1rem;
}
  
  .h3-big {
    color: #101828;
  font-family: Satoshi;
font-size: 2.125rem;
font-style: normal;
font-weight: 700;
line-height: normal;
    margin:0px;
}
  
.h3-big-2 {
    color: #101828;
  font-family: Satoshi;
font-size: 2.5 rem;
font-style: normal;
font-weight: 700;
line-height: normal;
    margin:0px;
}
  
  .mobfe{
   padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 5rem;
    display:block;
}
  
  .div-block-62-fe  {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 2rem;
        display: flex;
        flex-direction: column-reverse;
    }
  
  .picto-credit-container {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
  
      .partenaire-wrapper-fif {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-flow: column;
        display: flex;
        max-width: 80rem;
        margin-top: 2rem;
        width: 100%;
        overflow-x: auto;
    }
  
  .card-credit {
    border: 1px solid #926afe;
    border-radius: .625rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    height: 4.5rem;
    padding-top: 1.325rem;
    padding-bottom: 1.325rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
}
  
  .div-block-61 {
    grid-column-gap: 3.07rem;
    grid-row-gap: 3.07rem;
    justify-content: center;
    align-items: center;
    margin-top: 2.06rem;
    display: flex;
    flex-direction: column;
}
  
    .pop-up-purple-4 {
        top: -1%;
        left: 16px;
        width: 96%;
    }
  
    .pop-up-purple-2 {
        top: 0%;
        left: 10px;
        width: 96%;
    }
  
  .zig {
width:40%;
}
  
  .tableau{
width:100%;
overflow-x: auto;
}
  .last-row-coo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
  
  .tableau-section {
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
     padding-left: 1rem;
    padding-right: 1rem;
}
  
 .hero-tarif-wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        margin-top: 0;
        margin-bottom: 5rem;
        padding-top: 9rem;
        display: flex;
        position: relative;
        background-size: cover;
        background-position: 100%;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-again.png);
        align-content: center;
        align-items: center;
}
  
  
  
  .text-image-wrapper-left {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 66px;
    margin-bottom: 50px;
}
  
  
      .text-image-wrapper-left-1 {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 66px;
        margin-bottom: 50px;
    }
  
  .div-block-56 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    margin-bottom: 1.88rem;
    display: flex;
}
  
  .quar-percent {
    width: 100%;
    height: 100%;
}
  
  a.cta_special-jaune{
display: flex;
width: 100%;
padding: 0.8125rem 1.25rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: #F4EFA6;
color: var(--Couleur---Brand-Goodflag, #342A5E);
text-align: center;
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
  text-decoration:none;
}
  
  .price-font {
    color: #101828;
    height: 33px;
    margin-top: 1.75rem;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.56rem;
    font-weight: 700;
    margin-bottom: 1.88rem;
}
  
    .info-credit {
        grid-column-gap: 0.5rem;
        grid-row-gap: 0.5rem;
        margin-bottom: 3rem;
        display: flex;
    }
  
  .image-999{
width:100%;
}
  
  .paragraph-title-tarif-white {
    color: #fff;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding-left: 1rem;
}
  
    .use_by_title {
        grid-column-gap: 1.88rem;
        grid-row-gap: 1.88rem;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: 2.5rem;
        display: flex;
    }
  
  .image-32 {
    position: absolute;
    inset: -2% 1% auto auto;
}
  
.div-block-55-2 {
    grid-column-gap: 1.12rem;
    grid-row-gap: .75rem;
    flex-flow: nowrap;
    display: flex;
    flex-direction: row;
  padding-left:1rem;
}
  
  .card-tarif-inner {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.43rem;
    width: 100%;
    height: 46.6rem;
    padding: 2rem 1.5rem;
    position: relative;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
  section.goodflag_section-blog {
  justify-content: center;
  align-items: center;
  display: flex;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px;
    margin-top:5rem;
}
  
  .slide-solution-wrapper {
  grid-column-gap: 3.11rem;
  grid-row-gap: 3.11rem;
  background-color: #fff;
  border-radius: .9375rem;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 100%;
  max-height: none;
     min-height: 100%;
  margin-left: 5rem;
  padding: 1.27rem 1.27rem 0;
  display: flex;
    margin-bottom:2rem;
}

  
  .card-tarif-special {
    background-image: linear-gradient(28deg, #342a5e, #6b2cff 47%, #926afe 65.6%, #f4efa6);
    border: 1px solid #d0d5dd;
    border-radius: 1.43rem;
    width: 100%;
    height: 59.6rem;
    padding: 2rem 0px;
    display: flex;
    position: relative;
    box-shadow: 0 12px 16px -4px #10182814;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
  
  .card-tarif-container {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    justify-content: center;
    align-items: center;
    display: flex
;
    flex-direction: column;
}
  
  .card-tarif {
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 1.43rem;
    width:100%;
    height: auto;
    padding: 2rem 1.5rem;
    position: relative;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
  .h3-big-fe {
  color: #101828;
  margin-top: 0;
  margin-bottom: 22px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.7rem;
}

  h2.h3-big-fif {
  color: #101828;
  margin-top: 0;
  margin-bottom: 22px !important;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.7rem;
}

  
  .info_testisml_bloc-copy {
    grid-column-gap: 1.12rem;
    grid-row-gap: 1.12rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
  
  .div-block-75 {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 3.16rem;
    padding-top: 3.16rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 63rem;
    height: auto;
    display: flex;
    border-radius: 0px;
    background: var(--Aurora-dgrad, linear-gradient(25deg, #342A5E 0.16%, #6B2CFF 44.73%, #926AFE 62.32%, #04CDC8 98.16%));
}
  
  .centred {
  text-align:center !important; 
  }
  
   .lefted {
  text-align:left !important; 
  }
  
.div-block-53 {
        grid-column-gap: 1.03rem;
        grid-row-gap: 1.03rem;
        justify-content: flex-start;
        align-items: center;
        margin-top: 1.25rem;
        display: flex;
        margin-bottom: 7.4rem;
        flex-wrap: wrap;
    }
  
    .long_testi_card_wrapper-copy-2 {
        border: 1px solid #926afe;
        border-top-right-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem;
        max-width: 25rem;
        padding: 1.85rem;
        display: flex;
        box-shadow: 4px 4px #926afe;
        background-color: white;
        min-width:100%;
        flex-direction: column;
        margin-left: 1rem;
        margin-right: 1rem;
    }
  
  .hidden-on-desktop {
    display: flex;
}
  
  
.goddflag-target-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    background-color: #fff;
    border-radius: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    height: auto;
    padding: 1.5rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #0003;
}
  
  .section-testi-homepage {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
    align-items: center;
}
  
  .div-block-72 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    display: flex;
    justify-content: center;
    margin-top: 1.75rem;
    flex-direction: column;
}
  
  .blog-listing__post-image-wrapper {
    padding: .62rem .62rem 0;
    width: 100%;
}
  
  
  section.goodflag_section {
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-top: 50px;
    padding-right:1rem;
    padding-left:1rem;
    
}

.h2-title-wrapper-2 {
        grid-column-gap: 1.63rem;
        grid-row-gap: 2rem;
        border: 1px solid #f7f7f700;
        border-radius: 0;
        flex-flow: column;
        display: flex;
        max-width: 100%;
        align-items: center;
    }
  
  .section-pourqui {
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .section-proximite {
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .div-block-71 {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
}
  
  
  .page-section {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: 100px auto 5rem;
    display: flex;
    position: relative;
    padding-left:1rem;
    padding-right:1rem;

}
  
    .page-section-mob {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: 100px auto 5rem;
    display: flex;
    position: relative;
    padding-left:1rem;
    padding-right:1rem;

}
  
  
  .section-confiance {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 5rem;
}
  
    .fe-lexpe2 {
        display: flex;
        width: 100%;
    }
  
  .image-36 {
    margin-bottom: 1.88rem;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
  
  .tag-wrapper-opion {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: flex-start;
    align-items: center;
    font-family: Satoshi, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
  
  .columns_tiers_wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: 100%;
    max-width: 1110px;
    display: flex;
    flex-direction: column;
}
  
  .goddflag-niveau-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    background-color: #fff;
    border-radius: 1.875rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40.87rem;
    padding: 1.5rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #0003;
    position: relative;
}
  
  .image-36-copy {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
  
  .div-block-69 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom:0px;

}
  
      .div-block-69-fif {
        grid-column-gap: 13px;
        grid-row-gap: 13px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-bottom: 4rem;
    }

  
  .div-block-70 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: center;
    align-items: center;
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
}
  
  .section-niveau-home {
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .section-offre-tarifaire {
    background-color: #f9f5ff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.88rem;
    padding-bottom: 1.88rem;
    display: flex;
   padding-left: 1rem;
    padding-right: 1rem;
}
  
.div-block-68 {
    grid-column-gap: 5.25rem;
    grid-row-gap: 5.25rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
  .five_left_column {
    position: relative;
    width: 18.3rem;
    word-break: break-word;
    display: none;
}
  
  .five_right_column {
    padding-left: 1rem;
    padding-right: 1rem;
    border-left: 0px solid #926AFE;
}
  
 .platefrom-hero-section-copy-2 {
        margin-bottom: 5rem;
        padding-top: 8rem;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg);
        background-position: 100%;
        background-size: cover;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
   padding-right:1rem;
    }
  
      .div-block-53-copy {
        grid-column-gap: 1.03rem;
        grid-row-gap: 1.03rem;
        margin-top: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 100%;
        justify-content: center;
    }
  
  .grid-50-50 {
    display: flex;
    flex-direction: column-reverse;
    gap: 4.12rem;
    width: 100%;
}
  
.value-first-stage-wrapper-copy-copy {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0;
        display: flex;
        width: 100%;
        flex-direction: column;
    }
  
  .section-fiabilite-certif {
    flex-flow: column;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .h3-500-225 {
    color: #000;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.15rem;
    font-weight: 500;
    text-align: center;
}
  
  .info-value-wrapper-2 {
    grid-column-gap: .38rem;
    grid-row-gap: .38rem;
    border-radius: .935rem;
    flex-flow: column;
    max-width: none;
    padding: .75rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    align-items: center;
    width:100%
}
  
  .value-wrapper {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    outline-offset: 0px;
    border: 1px #d0d5dd;
    border-radius: 2.5rem;
    outline: 3px #333;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 50%;
    max-width: none;
    padding: 2.25rem 1.25rem;
    display: flex;
    width: 100%;
}
  
  .goddflag-option-wrapper {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    background-color: #fff;
    border-radius: 1.875rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height:auto;
    padding: 1.5rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #0003;
}
  
  .value-first-stage-wrapper-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: stretch;
    display: flex;
    margin-top: -63px;
    flex-direction: column;
}
  
  .a-vos-cote {
    max-width: 100%;
}
  .argument-section {
    margin-top: 5rem;
    padding-left:1rem;
    padding-right:1rem;
    width:100%;
}
  
  .scroll-item-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    gap: 4.12rem;
    height:auto;
    width:100%
}
  
  .section-besoin-features-desktop {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
    gap: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .div-block-49 {
  flex-flow: column;
  max-width: 80rem;
  height: 100%;
  min-height: 50vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-bottom:1rem;
    padding-left:1rem;
    padding-right:1rem;
}
  
  .section-besoin-features-mob {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
    gap: 3rem;
    padding-left:1rem;
    padding-right:1rem;
}
  
  .text-fe {
    max-width: 100%;
}
  
  .text-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
}
  
  .bubbler-wrapper-final {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: row;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
}
  
  .h2-gradient-violet {
    font-family: Satoshi;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 2.5rem;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(26deg, #342a5e, #6b2cff 43%, #926afe 60%, #f4efa6 94%);
    -webkit-background-clip: text;
    background-clip: text;
}
  
   .image-38{
    width:100%
    }
  
  .page-section-client-final {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    margin: 0px auto 0;
    padding-top: 100px;
    display: flex;
    position: relative;
    background-size: cover;
    background-position: bottom;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    background-repeat: no-repeat;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
.value-wrapper-left-copy-final {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        outline-offset: 0px;
        border: 1px solid #d0d5dd;
        border-radius: 2.5rem;
        outline: 3px #333;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        max-width: 100%;
        height: 8.5rem;
        padding: 1.25rem;
        display: flex;
        overflow: visible;
        box-shadow: 0 12px 16px -4px #10182814;
    }
  
  .image-fe-94-z {
    max-width: 523px;
    width: 100%;
}
  
      .image-contact-mobile {
        display: block;
        width: 100%;
    }
  
  .sub-text-info-form-wrapper {
    grid-column-gap: .44rem;
    grid-row-gap: .44rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 1.28rem;
    display: flex;
}
  
      .image-41-fefe2 {
        position: absolute;
        inset: -9% auto auto 44%;
        width: 4rem;
    }
  
    .full-purple-section-down {
    background-color: #F9F5FF;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    padding-top: 3.12rem;
    padding-bottom: 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .h2-page {
    text-align: left;
    max-width: none;
    margin: 0px;
   font-family: Satoshi;
font-size: 2.5rem;
font-weight: 700;
    max-width: 55rem;
    line-height:2.7rem;
    
}
  
.image-41 {
    position: absolute;
    inset: -4% auto auto 44%;
    width: 4rem;
}
  
    .image-41-fefe2 {
        position: absolute;
        inset: -17% auto auto 44%;
        width: 4rem;
    }
  
  .h2-aurora {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(25deg, #342a5e, #6b2cff 44%, #926afe 62%, #04cdc8 98%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Satoshi;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
  
    .page-section-client {
        padding-left: 1rem;
        grid-column-gap: 2.19rem;
        grid-row-gap: 2.19rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        max-width: 100vw;
        margin: 100px auto 0;
        display: flex;
        position: relative;
        background-size: cover;
        background-position: center;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
        padding-right: 1rem;
        padding-top: 3rem;
    }
  
  
      .page-section-client-zet {
        padding-left: 1rem;
        grid-column-gap: 2.19rem;
        grid-row-gap: 2.19rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        max-width: 100vw;
        margin: 100px auto 0;
        display: flex
;
        position: relative;
        background-size: cover;
        background-position: center;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
        padding-right: 1rem;
        padding-top: 3rem;
        margin-bottom: 5rem;
    }
  
  
  
  
.image-42 {
    position: absolute;
    width: 3rem;
    inset: 111% 6% 4% auto;
}
  
    .image-42-zefi {
        position: absolute;
        width: 3rem;
        inset: -5% 25% 9% auto;
    }
  
  .image-42-fef3  {
    position: absolute;
    width: 3rem;
    inset: 111% 6% 4% auto;
}

  
    .hero-section-cachetage {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        background-size: cover;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5rem;
        display: flex;
        padding-top: 8rem;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        background-position: top;
        background-size: 100%;
      position:relative;
    }
  
  .image-35 {
    margin-top: 1.56rem;
    width: 100%;
}
  
  .hero-wrapper {
  flex-flow: column;
  align-items: center;
  display: flex;
}
  
.div-block-81 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: row;
        justify-content: center;
        align-items: flex-start;
        margin-left: 0;
        display: flex;
        max-width: 100%;
        flex-direction: column;
    }
  
  .value-section {
    max-width: 100%;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
    font-family: Satoshi, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    padding-left:1rem;
    padding-right:1rem;
}
  
  .card-wrappper-tog {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 2rem;
}
  
  
  
  .hero-section-cachetage-legal-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-size: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    display: flex;
    padding-top: 8rem;
    padding-bottom: 50px;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
    background-position: top;
    background-repeat: no-repeat;
    padding-right: 1rem;
    padding-left: 1rem;
}
  
.value-wrapper-left-copy-fefzi {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    outline-offset: 0px;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    outline: 3px #333;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 8.5rem;
    padding: 1.25rem;
    display: flex;
    overflow: visible;
    box-shadow: 0 12px 16px -4px #10182814;
  }
  
  #hs_cos_wrapper_search_results .hs-search-results-title {
    margin-top: 8rem;
    display: flex;
    justify-content: center;
}
  
  .hs-search-results {
    margin-top: 1rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--Radius-corner-radius-10, 10px);
    background: #FFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    padding: 30px;
}
  
  .hero-wrapper-gradient {
    border-radius: 0rem;
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-width: 100vw;
    height: auto;
    padding-top: 8.5rem;
    display: flex;
    background-position: 50%;
    background-size: cover;
    background-image:linear-gradient(21deg, #342A5E -2.5%, #6B2CFF 41.01%, #926AFE 58.41%, #F4EFA6 94.18%);
padding-left:1rem;
    padding-right:1rem;
    padding-bottom: 1rem;
  }
  
  
  .value-second-stage-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: stretch;
    display: flex;
    flex-direction: column;
}
  
  .value-first-stage-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.cta-stars-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 4rem 1rem 0;
    display: flex;
    position: relative;
    gap: 1.25rem;
}

  
  .client-proof-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .full-purple-section-overlay {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
    padding-top: 75px;
    padding-bottom: 75px;
    display: flex;
    background-position: 50%;
    background-size: cover;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/technique-bg-2.svg), /* L'image en premier */ linear-gradient(126deg, #926AFE 1.06%, #6B2CFF 60.77%);
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .pop-up-purple-5 {
    top: 5%;
    left: 2%;
    width: 96%;
}
  
.hero-wrapper-home {
        padding-top: 8rem;
        padding-left: 1rem;
        padding-right: 1rem;
        grid-row-gap: 0rem;
        background-position: 0 65%;
        background-size: cover;
        overflow: visible;
        flex-flow: row;
        justify-content: center;
        align-items: flex-end;
        min-height: auto;
        margin-bottom: 5rem;
        display: flex;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg);
    }
      .stars_down_right-2-fe-zer {
        inset: auto 52% 25% auto;
        max-width: 54px;
        position: absolute;
    }
  
      .div-block-7-2 {
        grid-column-gap: 23px;
        grid-row-gap: 23px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        text-align: center;
    }
  
  .image-41-fefe
  {
  position: absolute;
  inset: 0% auto auto 0%;
  width:7rem;
}
  
    .image-41-fefe-2
  {
  position: absolute;
  inset: 0% auto auto 0%;
  width:4rem;
}
  
.video-wrapper, .video-wrapper-1 {
        width: 55rem;
        border-radius: 3rem;
        height: 19rem;
        width: 100%;
        margin-top: 3rem;
    }
  
  .section80-full {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    padding-top: 0rem;
    display: flex;
    background-size: auto;
    background-position: 50%;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    padding-left: 1rem;
    padding-right: 1rem;
}
  
    .section80-full-fe {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    padding-top: 0rem;
    display: flex;
    background-size: auto;
    background-position: 50%;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    padding-left: 1rem;
    padding-right: 1rem;
}
  
    .cta-stars-wrapper-copy {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        max-width: 1096px;
        padding: 0;
        display: flex;
        position: relative;
        margin-top: 5rem;
    }
  
  .paragraph {
    color: #344054;
    text-align: left;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 147%;
}
  
  .h2_bg_gradient_medium {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(25deg, #342a5e, #6b2cff 42%, #926afe 59%, #f4efa6 94%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 3.7rem;
    font-weight: 900;
    line-height: 1.5rem;
    display: inline;
}
  
  .paragraphe {
color: var(--Couleur---Texte-Texte-700, #344054);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align:left;
}
  .bloc-zis {
    display: flex;
    gap: 2rem;
    flex-direction: column;
}
  
.hero-section-cachetage-legal {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-size: cover;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px;
    display: flex;
    padding-top: 8rem;
    padding-bottom: 50px;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
    padding-left: 1rem;
    padding-right: 1rem;
    flex-direction: row;
}
  
    .h2_bg_gradient_big {
        color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
        font-family: Satoshi;
        font-size: 5.7rem;
        font-style: normal;
        font-weight: 900;
        line-height: 6rem;
    }
  
  .h2-page-home {
    text-align: left;
    width: auto;
    max-width: none;
    margin: 0 auto .93rem;
    font-family: Satoshi;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 2.5rem;
}
  
  .cta_special, .cta_special a {
    color: #fff;
    font-family: Satoshi, Arial, sans-serif;
    font-weight: 700;
    width:100%;
    text-align:center;
}
  
  
.cta-home-container {
    grid-column-gap: 1.9rem;
    grid-row-gap: 1.9rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
}
  
  .paragraphe125remleftblack500 {
    color: #344054;
    font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 147%; /* 1.47rem */
}
  
  
  .left-alignedd-mobile {
text-align:left;
}

  .hidden-on-mobile {
    display: none !important;
}
  
  
  .quote-left{
    max-width:1.23rem;
   }
  
.value-wrapper-center-grey {
  grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 2.25rem 1.88rem .87rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #10182814;
}
  
  a{
cursor: pointer;
}
  .partenaire-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: contents;
  max-width:80rem;
  margin-bottom:5rem;
        padding-left: 2rem;
    padding-right: 2rem;
}
  
.div-block-98 {
    grid-column-gap: 4.12rem;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    display: flex;
    flex-direction: column-reverse;
}
  
.value-wrapper-center-grey-mobile{
   grid-column-gap: 1.97rem;
  grid-row-gap: 1.97rem;
  border: 1px solid #d0d5dd;
  border-radius: 2.5rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 2.25rem 1.88rem .87rem;
  display: flex;
  box-shadow: 0 20px 24px -4px #10182814;
  width: 100%;
 }
  
  .stars_down_right-2 {
    inset: auto 48% -172% auto;
    max-width: 60px;
    position: absolute;
}
    .stars_down_right-2-fe-zer  {
    inset: auto 48% -172% auto;
    max-width: 60px;
    position: absolute;
}
  
  
  .scroll-item-zig
   {
       height:100%;

    display: flex;
    flex-direction: column-reverse;
}
  
.scroll-item-zig-2 {
        height: 28rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding: 10px;
        width: 100%;
        flex-direction: column;
        height: 100%;
}

  
  .spcial-cards-wrapper {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 3.12rem;
    margin-bottom: 0rem;
    display: flex;
    max-width: 80rem;
    width: 100%;
    flex-direction: column;
}
  
  
.cards-media-wrapper-2 {
    grid-column-gap: 3.44rem;
    grid-row-gap: 3.44rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    align-content: flex-start;
    flex-direction: column;
}
  
.item-card-wrapper-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff0;
    border: 1px #fff;
    border-left: 2px solid #e4e7ec;
    border-radius: 0;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: auto;
    padding: 0 0 3rem;
    display: flex;
}
  
  .item-card-wrapper-copy-fel {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff0;
    border: 1px #fff;
    border-left: 2px solid #e4e7ec;
    border-radius: 0;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: auto;
    padding: 0 0 3rem;
    display: flex;
}
  
  
  
  
  .div-block-90 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
}
  
  .div-block-84-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
}
  
  .presentation-cachet-section-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #f9f5ff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    padding-top: 3.12rem;
    padding-bottom: 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .medias-container {
    grid-column-gap: .62rem;
    grid-row-gap: .62rem;
    background-color: #f2f4f7;
    border-radius: .325rem;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem 1rem;
    display: flex;
    width:100%;
    flex-direction: column;
}
  
.pop-up-purple {
        top: 0%;
        left: 10px;
        width: 96%;
    }
  
  .image-34-3 {
    position: absolute;
    inset: auto 4% -6% 284px;
}
  
    .pop-up-purple-3 {
        top: 55%;
        left: 9px;
        width: 96%;
    }
  
  .section80-hidden-on-desktop{
        grid-column-gap: 3.12rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: auto auto 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}

  
  .zouet {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
}
  
    .pop-up-purple-6 {
        top: 29%;
        left: 16px;
        width: 96%;
    }
  
.pop-up-purple-7 {
    top: 88%;
    left: 10px;
    width: 21.5rem;
}
  
  .image-34-5 {
    position: absolute;
    inset: auto 6% -7% 204px;
}
  
  .presentation-cachet-section-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #f9f5ff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    padding-top: 3.12rem;
    padding-bottom: 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .scrollable-card-xrapper-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border-radius: .9375rem;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    padding-bottom: .9375rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    height: 100%;
    padding: 1.88rem;
}
  
  .image-34-4 {
    position: absolute;
    inset: auto 4% 97% 458px;
    transform: rotate(180deg);
}
  
  .value-wrapper-center-white {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 2.25rem 1.88rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #10182814;
}
  
    .div-block-92 {
        grid-column-gap: 5.38rem;
        grid-row-gap: 5.38rem;
        justify-content: center;
        align-items: center;
        display: flex;
        width:100%;
        margin-right: auto;
        margin-left: auto;
        flex-direction: column;
        align-content: center;
    }
  
.image-41-fefe2-zez {
    position: absolute;
    inset: -13% auto auto 39%;
    width: 11%;
}
  
.value-wrapper-left-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    outline-offset: 0px;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    outline: 3px #333;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 8.5rem;
    padding: 1.25rem;
    display: flex;
    overflow: visible;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
.bubbler-wrapper {
        grid-column-gap: 3.12rem;
        grid-row-gap: 30px;
        flex-flow: row;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
  
  .scrollable-card-xrapper, .scrollable-card-xrapper-1, .scrollable-card-xrapper-2, .scrollable-card-xrapper-3  {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border-radius: .9375rem;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    min-width: 23.75rem;
    max-width: none;
    padding-bottom: .9375rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    height: 100%;
}
  .join-wrapper {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}
  
    .scrollable-card-xrapper-felz {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border-radius: .9375rem;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    min-width: 23.75rem;
    max-width: none;
    padding-bottom: .9375rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
    height: 100%;
}
  
  .scrollable-card-xrapper-22 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 23.75rem;
  max-width: 100%;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814;
  height: 100%;
}

  
  .value-wrapper-center-grey-2 {
    grid-column-gap: 1.97rem;
    grid-row-gap: 1.97rem;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    max-width: none;
    height: auto;
    padding: 2.25rem 1.88rem .87rem;
    display: flex;
    box-shadow: 0 20px 24px -4px #10182814;
}
  
    .div-block-102 {
        height: 100%;
        min-height: auto;
        max-height: none;
        display: flex;
        gap: 1.88rem;
        flex-direction: column;
        align-content: flex-start;
        width: 100%;
        justify-content: center;
        align-items: flex-start;
    }
  
.div-block-88, .div-block-89 {
        grid-column-gap: 3.12rem;
        grid-row-gap: 3.12rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
  

  
.section-definition-signature {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
.tab-wrapper-tarifs {
    display: flex;
    justify-content: space-evenly;
    gap: 0.62rem;
    flex-wrap: wrap;
}
  
      .scroll-item-3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding: 10px;
        gap: 4.12rem;
        height: auto;
        width: 100%;
        flex-direction: column-reverse;
    }
  
  .value-wrapper-center-grey-desktop{
display:none;
}
  
  .stars_down_right-2-fefe {
    inset: auto -12% -29% auto;
    max-width: 67px;
}
  
  .logo-confiance-wrapper {
    flex-flow: column;
    min-width: 29.2rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-content: center;
    flex-direction: row;
}
  
  .div-block-88-lef {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    max-width: 100%;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}
  
  .stars-button{
width:20%;
}
  
.text-image-wrapper-right {
        display: flex;
        align-items: stretch;
        gap: 66px;
        justify-content: space-evenly;
        flex-direction: column-reverse;
        margin-bottom: 50px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
  .text-image-wrapper-right-1 {
        display: flex;
        align-items: stretch;
        gap: 66px;
        justify-content: space-evenly;
        flex-direction: column;
        margin-bottom: 50px;
    }
  
  .cta-stars-wrapper-copy-copy-copy-copy {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
  
  .bloque-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
  
  .bloque-fe {
    display: flex;
    width: 100%;
    padding: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    border-radius: var(--Radius-corner-radius-15, 15px);
    background: #FFF;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
  
  .page-section-client-final-2 {
    grid-column-gap: 2.19rem;
    grid-row-gap: 2.19rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    margin: 0px auto 0;
    display: flex;
    position: relative;
    background-size: 100% 104%;
    background-position: bottom;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
    background-repeat: no-repeat;
    margin-bottom: 5rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
  
    .cta-stars-wrapper-copy-copy-copy-copy-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
  
  .cta-stars-wrapper-copy-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1096px;
    padding: 0 3rem;
    display: flex;
    position: relative;
    margin-top: 2rem;
}
  
  .h2-page-v2-2 {
    color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
    text-align: center;
    font-family: Satoshi;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    max-width: 70rem;
}
  
  .h2-page-v2-full-right{
    color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
    text-align: center;
    font-family: Satoshi;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    max-width: 70rem;
     position:static;
}
  
.hero-section-cachetage-1 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        background-size: cover;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5rem;
        display: flex;
        padding-top: 8rem;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
        background-position: top;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
  .div-block-86 {
    grid-column-gap: 5rem;
    grid-row-gap: 1rem;
    margin-bottom: 3.12rem;
    display: flex;
    flex-direction: column;
    align-content: center;
}
  
  .presentation-confiance-section {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    display: flex;
    padding-right: 1rem;
    padding-left: 1rem;
}
  
  
  .image-21 {
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(180deg);
max-width:1.23rem;
}

  
.div-block-50 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  padding-left:1rem;
  padding-right:1rem;

}
  
  .section80-contact {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin-top: 8rem;
    margin-bottom: 5rem;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  span{
margin:0px;
}
  
  .stars_up_left-zoz {
    position: absolute;
    inset: 118% auto auto 43%;
    width: 58px;
}

  .h2-left {
font-family: Satoshi;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
  
  .partenaire-container-fif{
display:flex;
gap: 1rem;
  margin-left:1rem;  
   
}
  
    .partenaire-container-fif-1{
display:flex;
gap: 1rem;
      margin-left:1rem;
   
}
  
.blog-listing.blog-listing--card.blog-listing--3-col {
    border-radius: 1.25rem;
    background: #FFF;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 4rem;
    max-height: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
  .image-contact-mobile{
display:block;
}
  
  .zigaton{
width:100%;
}

    .image-contact-desktop{
display:none;
}
  
  .partenaire-container-desktop{
display:none;
}
  
  .partenaire-container-mobile{
grid-row-gap: 1.44rem;
        grid-column-gap: 0.2rem;
        display: flex;
        flex-wrap: wrap;
    justify-content: space-evenly;
}
  
  .div-block-82 {
    background-color: #342a5e;
    border-radius: 1.25rem;
    max-width: 100%;
    padding: 1.875rem;
    display: flex;
    position: static;
    /* inset: 0% auto auto 0%; */
    gap: 0.62rem;
    flex-direction: column;
    padding-bottom: 4rem;
}
  
  .image-43, .image-44 {
    width: 25%;
}
  
  .h3-white {
    color: #fff;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.2rem;
}
  
  .image-34-2 {
    position: absolute;
    inset: auto 6% -9% 197px;
}
  
  
  .div-block-83 {
    z-index: 10;
    grid-column-gap: .94rem;
    grid-row-gap: .94rem;
    background-color: #fff;
    border-radius: .9rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding: 1.875rem;
    display: flex;
    position: static;
    inset: auto 0% 0% auto;
    box-shadow: 0 24px 48px -12px #1018282e;
    max-width: 100%;
    width: 100%;
    margin-top: -3rem;
}
  
  .scrollable-zet,  .scrollable-zet-2{
    overflow-x: auto;
    width: 100%;
}
  
    .div-block-84-zet, .div-block-84-zet-2 {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        flex-wrap: nowrap;
        width: 100%;
    }
  
  .small_testi_card_wrapper {
    border: 1px solid #926afe;
    border-top-right-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    min-width: 100%;
    padding: 1.85rem;
    display: flex;
    box-shadow: 4px 4px #926afe;
}
  
  .presentation-cachet-section-2 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    background-color: #f9f5ff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    display: flex;
    padding-top: 3.12rem;
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

  .table-container{
width:100%;
}
  
    .image-41-3fel {
        position: absolute;
        inset: -9% auto auto -1%;
        width: 4rem;
    }
  
      .section80-full-copy-copy {
        grid-column-gap: 3.12rem;
        grid-row-gap: 3.12rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        margin: auto auto 5rem;
        display: flex;
        position: relative;
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
  .dropdown, select {
    padding-right: 2rem;
    width: 100%;
}
  
  .dropdown-container{
max-width:100%;
}
  .div-block-93-2 {
    position: relative;
    max-width: 100%;
}
  
  .scroll-item-4-v2 {
    display: flex;
    max-width: 100%;
}
  
  .div-block-95 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    display: flex;
    flex-direction: column;
}
  
    .div-block-93 {
        padding: 4.9rem;
        position: relative;
        padding-top: 3rem;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding-bottom: 0px;
    }
  
  .div-block-92-2-2 {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
  
  .value-first-stage-wrapper-copy-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: stretch;
    display: flex;
    flex-direction: column;
}

  
  .section80 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: auto auto 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    
}
  
    .section80-full-right {
    grid-column-gap: 3.12rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: auto auto 5rem;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
     
    
}
  
  .div-block-76-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
}
  
  .value-wrapper-center-copy {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    padding: 1.25rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
    .value-wrapper-center-copy-felzi, .value-wrapper-center-copy-felzi-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    background-color: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 100%;
    padding: 1.25rem;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
  .div-block-84 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    justify-content: center;
    align-items: flex-start;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}
  
  .white-grey-button {
    color: #342a5e;
    background-color: #fff;
    border-radius: 2.5rem;
    padding: .75rem 1.875rem;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    text-align: center;
}
  
  .section80-full-2 {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: auto auto 5rem;
    padding: 3.125rem 1rem 5rem 1rem;
    display: flex;
    background-color: #F9F5FF;
}
  
  .cta-primary-card-hide {
    display: block;
}
  

  
  .div-block-100-full {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    background-color: #342a5e;
    border-radius: 1.875rem;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    padding: 2.875rem;
    display: flex;
    width: 100%;
}
  
  .section80-fe {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: auto auto 0px;
    display: flex;
    margin-top: 50px;
    width: 100%;
}
  
.for-who-section-v2 {
    justify-content: center;
    align-items: center;
    max-width: 70rem;
    height: auto;
    min-height: 508px;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-direction: column;
}
  
  .h2-page-center {
    text-align: left;
    width: auto;
    max-width: none;
    margin: 0 0;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
    display: inline;
}

.chiffres-section {
    margin-bottom: 5rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
  
  .columns_five_wrapper {
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    grid-row-gap: 1.88rem;
    grid-template-columns: 1fr 2.6fr;
    grid-template-rows: auto;
    justify-items: end;
    justify-content: center;
}
  .webinaire-picture {
    margin: 0 auto 5rem;
    width: 100%;
    padding-left:1rem;
    padding-right:1rem;
}
  .webinaire-picture-fe {
width:100%;
}
  
  .div-block-89-fef {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
}
  
      .hero-page-wrapper-without-bg {
        padding-right: 1rem;
        margin-top: 100px;
        margin-bottom: 2rem;
        align-items: flex-start;
        justify-content: center;
        max-width: none;
        min-height: auto;
        display: flex;
        position: relative;
        background-size: 100% 90%;
        background-position: center;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/D%C3%A9grad%C3%A9%20du%20header-mobile.png);
        padding-left: 1rem;
    }

  
  .garantie-section {
    margin-bottom: 5rem;
    margin-top: 0px;
    padding-right: 1rem;
    padding-left: 1rem;
}
  
  .div-block-25 {
    z-index: -20;
    background-color: var(--couleur-texte--bleu-tech-4);
    opacity: .21;
    filter: blur(49px);
    border-radius: 50px;
    width: 61%;
    max-width: none;
    height: 17rem;
    max-height: 17rem;
    position: absolute;
    transform: rotate(-4deg);
}
  
  .image-42-2 {
    position: absolute;
    width: 4rem;
     inset: auto 85% 102% auto;
  }
  
  .lp-lb-h1-centred {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #101828;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 2.93rem;
  display: block;
    min-width:auto;
    min-width:none;
}
  .page_paragraph_subtitle-centred {
color: var(--Couleur---Texte-Texte-700, #344054);
text-align: center;
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 147%; /* 1.47rem */
} 
  
.image-22 {
  max-width:100%;
}
  
  .page_paragraph_1rem-centred{
    text-align:left;
    margin:0px;
}
  
  .garantie-wrapper {
    grid-column-gap: 2.69rem;
    grid-row-gap: 2.69rem;
    justify-content: space-between;
    align-items: center;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}
  .image-23-desktop{
display:none;
}
  
  .platefrom-hero-section-copy {
    margin-bottom: 5rem;
    padding-top: 8rem;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-again.png);
    background-size: cover;
    background-position: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
    .image-23-mobile {
        display: block;
        margin-top: 1.31rem;
        width: 100%;
    }
  
.image-26 {
display:none;
}
  
  .h3-page-violet {
    color: #6b2cff;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1.65rem;
    font-weight: 500;
    line-height: 110%;
}
  
.paragraph-left-align-sm-black {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
}  

      .cards-media-wrapper-2 {
        grid-column-gap: 3.44rem;
        grid-row-gap: 3.44rem;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        align-content: flex-start;
        flex-direction: column;
        width: 100%;
    }
  
  .section-media {
    display: flex;
    flex-direction: column;
    align-items: center;
   padding-left:1rem;
    padding-right:1rem;
    gap:1rem;
  }  
  
      .page_paragraph_1rem-centred {
        text-align: left;
        margin: 0px;
        margin-top: 1rem;
    }
  
  .h3-corps-page {
    color: #101828;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1.65rem;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 1.12rem;
}
  

  
      .page-section-client-2 {
        padding-left: 1rem;
        grid-column-gap: 2.19rem;
        grid-row-gap: 2.19rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        max-width: 100vw;
        margin: 0px;
        display: flex;
        position: relative;
        background-size: cover;
        background-position: 100%;
        background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-purple-blur-tube.png);
        padding-right: 1rem;
        padding-top: 0;
    }
  
.image-25 {
    height: 55rem;
    max-height: 57%;
  display:none;
}
  
     .controls-container-1 {
    width: 100%;
    display: flex;
    align-items: center;
     margin-top:-2rem;
     gap:1rem;
}
      
      .scrollable-card-container::-webkit-scrollbar {
  display: none;
}
      
    .scroll-buttons-1   {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
  
  .pop-up {
    width: 90%;
    height: 13.75rem;
    display: none;
    position: fixed;
    bottom: -62px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: var(--Radius-corner-radius-10, 0.625rem);
    background: var(--Couleur---Brand-Goodflag, #342A5E);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 2000;
}

.body {
margin:0px;
padding-left: 0rem;
padding-right: 0rem;
}
  
    .citations-wrapper {
        box-sizing: border-box;
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 1.5rem 0 1.5rem 5rem;
        display: flex;
        position: static;
        overflow: auto;
        height: 24rem;
    }
  
      .citations-wrapper-23 {
        box-sizing: border-box;
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 1.5rem 0 1.5rem 2rem;
        display: flex;
        position: static;
        overflow: auto;
        max-height: 40rem;
    }
  
  .citations-section {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-content: center;
    align-items: center;
    margin-top: -67px;
    margin-bottom: 5rem;
    padding-top:0px;
    display: block;
    overflow: visible;
    padding-left:1rem;
    padding-right:1rem;
}
  
  .scrollable-div-desktop{
display:none;
}
  
  .div-block-81-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
    max-width: 80rem;
    margin-bottom: 8.12rem;
    flex-direction: column;
    width:100%;
}
  
  
    .scrollable-div-mobile {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        overflow-x: auto !important;
      position:relative;
      
    }
  


  
  .paragraphe-1rem-left {
  color: #344054;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
    margin-top:1rem;
}


    .scrollable-div-mobile-top {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 5rem;
    }
  
.scrollable-section-mobile {
  display:flex;
    flex-direction: column;
}
  
    .image-24 {
        max-width: none;
        height: auto;
        margin-top: 1rem;
    }

  
  .div-block-47 {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        word-wrap: break-word;
        overflow-wrap: break-word;
        width: 100%;
        flex-direction: column;
    }
  
    .scroll-div-container {
        justify-content: flex-start;
        margin-bottom: 0;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 1rem;
        min-width: 100%;
        border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
        background: #FFF;
        border-radius: var(--Radius-corner-radius-15, 0.9375rem);
    }
  
.paragraph-left-align-sm-black {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    color: #6e7072;
    text-align: left;
    flex-flow: column;
    font-family: Satoshi, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 147%;
    display: flex;
    position: static;
    justify-content: space-between;
}

.real-scrollable-div-mobile {
        flex-flow: row;
        height: 100%;
        display: flex;
        margin-bottom: 1rem;
        justify-content: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        border-radius: var(--Radius-corner-radius-15, 0.9375rem);
        border: 0px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
        padding-bottom: 1rem;
        gap: 1.5rem;

    }
  
.solution-wrapper-copy-invert {
        grid-column-gap: 3.11rem;
        grid-row-gap: 3.11rem;
        background-color: #fff;
        border-top-left-radius: .9375rem;
        border-top-right-radius: .9375rem;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        min-width: auto;
        max-height: none;
        margin-left: 0rem;
        padding: 0px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
  
  .infos-conctact-cta-wrapper-2 {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        align-content: center;
        gap: 1rem;
        width: 100%;
    }

  .image-fe-94{
width:100%;
}
  

  .controls-container-2, .controls-container-3, .controls-container-4, .controls-container-5   {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
}

  
.contact-cta-section-2 {
        justify-content: space-around;
        align-items: center;
        width: 100%;
        margin-bottom: 5rem;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
.contact-cta-section-2-wrapper
  {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
  
  .contact-cta-section-2-wrapper-zet
  {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom:-5rem;
}
  
  .scrollable-card-container, .scrollable-card-container-1, .scrollable-card-container-2,.scrollable-card-container-3 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 2.5rem;
    max-width: 80rem;
    max-height: 45rem;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 2rem;
    display: flex;
    overflow: auto;
    flex-direction: row;
    width: 100%;
}
  
  .blur-container-fe {
height:20rem !important;
}
  
  .h2-page-v2 {
    color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);
    text-align: center;
    font-family: Satoshi;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    max-width: 55rem;
}

.infos-conctact-cta-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
  
  .heading-11-copy-white-bg {
    color: #101828;
    text-align: left;
    background-color: #fff;
    border-top-left-radius: 54px;
    border-top-right-radius: 54px;
    flex-flow: wrap;
    width: 100%;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 3.56rem;
    display: block;
    inset: 0% 0% auto;
    padding-left: 1rem;
}

.info_testisml_bloc {
    grid-column-gap: 1.12rem;
    grid-row-gap: 1.12rem;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

.testi-section {
 display:none;
}
  
.long_testi_card_wrapper-copy {
        border: 1px solid #926afe;
        border-top-right-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem;
        max-width: 48.8125rem;
        padding: 1.85rem;
        display: flex;
        box-shadow: 4px 4px #926afe;
        min-width: 100%;
        justify-content: center;
}
  
.david-coridun {
        max-height: 6rem;
        width: auto;
  margin-top:0px;
  }
  
  
  .content-wrapper-2 {
    padding-left: 1rem;
    min-height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;
    background-image: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/background-hero-solutions-cachetage.png);
    padding-right: 1rem;
}
  
  .heading-11-copy {

font-family: Satoshi;
 font-size: 2.5rem;
 font-style: normal;
font-weight: 700;
line-height: normal;
word-wrap: break-word;
 overflow-wrap: break-word;
min-width: auto;
 text-align:left;
font-family: Satoshi;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
    margin-bottom:0.62rem;
}
  
.sml_testi_text_width {
    position: relative;
        max-width: 100%;
        width: auto;
} 

.contact-cta-section {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
  width:100%;
  padding-left:1rem;
  padding-right:1rem;
}
  .picto{
width:auto;
}

  .valeurs-section2 {
    margin-bottom: 5rem;
    padding-left:1rem;
    padding-right:1rem;
}

.cards-media-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: .9375rem;
    flex-flow: column;
    width:100%;
    padding: .625rem;
    text-decoration: none;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
.cards-media-wrapper {
    grid-column-gap: 3.44rem;
    grid-row-gap: 3.44rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    align-content: flex-start;
      margin-top: 2rem;
}
  
  .image-27 {
    margin-top: 48px;
    padding-top: 0;
    margin-bottom: 7rem;
    width: 100%;
}

  .div-block-48 {
grid-column-gap: 3.69rem;
    grid-row-gap: 3.69rem;
    margin-top: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    width: auto;
    align-items: stretch;
}
  
  
.error-page {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    margin-top: 10rem;
}
  
  .cards-media-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: .9375rem;
    flex-flow: column;
    width:100%;
    padding: .625rem;
    text-decoration: none;
    display: flex;
    box-shadow: 0 12px 16px -4px #10182814;
}
  
  .contact-card-container {
    grid-column-gap: 3.12rem;
    grid-row-gap: 3.12rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}
  
.div-block-51 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    max-width: 40rem;
    gap: 1rem;
}
  
  .button, .cta_primary, .hs-button {
    background-color: #342a5e;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: Satoshi, Arial, sans-serif;
    font-weight: 700;
    min-width: 124px;
    padding: 13px 20px;
    text-decoration: none;
    transition: box-shadow .2s;
    width: 100%;
    text-align: center;
}



.tiers_right_column {
    width: 100%;
}

.scrollable-section-mobile {
    -ms-overflow-style: none;  /* Cache la barre de défilement pour IE 10+ */
    scrollbar-width: none;  /* Cache la barre de défilement pour Firefox */
}

.scrollable-section-mobile::-webkit-scrollbar {
    display: none;  /* Cache la barre de défilement pour Webkit (Chrome, Safari, etc.) */
}
  }
@media (min-width: 768px) {
  
 
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
/* @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    */
/*****************************************/

:root {
  --couleur-texte--bleu-tech-4: #6b2cff;
  --couleur-texte--texte-500: #667085;
  --couleur-texte--texte-900: #342a5e;
  --elements-webflow-library--neutral--600: #6e7191;
  --elements-webflow-library--neutral--800: #211f54;
  --elements-webflow-library--neutral--300: #eff0f6;
  --elements-webflow-library--neutral--100: white;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --1280px: 0px;
  --couleur-texte--color: white;
  --couleur-texte--couleur-brand--bleu-tech-4: white;
}
.form-block{
position:relative;
}


.hs-button .primary .large{
  border-radius: var(--Radius-corner-radius-40, 40px) !important;
    background: var(--Couleur---Brand-Goodflag, #342A5E) !important;
    border-color: #342A5E !important;
  font-family: Satoshi, Arial, sans-serif !important;
  position:absolute;
  position: absolute !important;
    top: 9.5% !important;
    right: 14px !important;
}

.hs-form-78db0882-555f-49e6-8a73-d9989535e16d_22d6ec54-4e5d-400b-8ad0-e9c97e4104b0 .hs-button{
border-radius: var(--Radius-corner-radius-40, 40px) !important;
    background: var(--Couleur---Brand-Goodflag, #342A5E) !important;
    border-color: #342A5E !important;
  font-family: Satoshi, Arial, sans-serif !important;
  position:absolute;
}

.hs-form-78db0882-555f-49e6-8a73-d9989535e16d_16b31605-36dc-45d9-9a2b-7a3cff8b9a4c .hs-button {
    position: absolute !important;
    top: 9.5% !important;
    right: 14px !important;
}


a.navlink-mega-menu_mobile-footer{
        border-left-style: none;
        color: var(--couleur-texte--texte-500);
        font-family: Satoshi, Arial, sans-serif;
        text-decoration: none;
        font-weight: 200;
    }



.list-item {
  position: relative;
  list-style-type: none;
}

 .list-item-mobile {
    flex-flow: column;
  }

  .list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }

.chevron-menu-footer::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/chevron-down.svg); /* Image initiale */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */

}


.chevron-menu-footer.open::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/chevron-up-violet.svg); /* Image au hover */
}

.div-block-52{
color: var(--Couleur---Texte-Texte-500, #667085);

/* Text md/Semibold */
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem; /* 150% */
}


.sub_middle_footer_wrapper_inner_desktop {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  display: flex;
}  

.nav_link_up_header {
  color: #667085;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.nav_link_up_header:hover {
  color: var(--couleur-texte--bleu-tech-4);
}

.nav_link__footer-mobile {
  color: #342a5e;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size:1rem;
  
}

a.nav_link__footer-mobile- {
  font-size:1rem;
}

.nav_link__footer-mobile:hover {
  color: var(--couleur-texte--bleu-tech-4);
}
.button, .hs-button,
.cta_primary  {
    background-color: #342a5e !important;
    border-radius: 40px !important;
    color: #fff;
    display: inline-block;
    font-family: Satoshi, Arial, sans-serif !important;
    font-weight: 700 !important;
    min-width: 124px !important;
    padding: 13px 20px !important;
    text-decoration: none !important;
    transition: box-shadow .2s;
    font-size: 1rem !important;
  border:0px solid !important;
}

.hs-input{
  position:relative !important;
}

.cta_primary:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}


.cta_primary:active {
  background-color: #110E73;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}


.hs-button:hover {
border-radius: var(--Radius-corner-radius-40, 2.5rem);
background: var(--Couleur---Brand-Goodflag, #342A5E);

/* Shadow - Bleu Full */
box-shadow: 4px 4px 0px 0px var(--Couleur---Brand-Bleu-Tech-3, #926AFE);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.big_search_bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 40px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 455px;
  display: none;
}

.search-input {
  background-image: url('../images/search.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 10px;
  margin-top: 14px;
}

.search-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 455px;
  display: flex;
}

.icon-and-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.field-label {
  display: none;
}

.search_field_wrapper {
  opacity: 0;
  border-radius: 0;
  align-items: center;
  width: 0;
  margin-top: 7px;
  display: flex;
  overflow: visible;
}

.search-button {
  background-color: #fff0;
  background-image: url('../images/search.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 20px;
  position: absolute;
  top: 43px;
  left: 813.141px;
}

.search-field {
  border-radius: 10px;
  position: relative;
  top: 10px;
  overflow: hidden;
}

.sub_footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 10px #74272700;
  border-radius: 30px 30px 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 0 10px #fff6;
}

.navlink_footer_heavy_title {
  color: var(--couleur-texte--bleu-tech-4);
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  line-height: 24px;
  font-size:1rem;
}

.navlink_footer_title {
  color: #342a5e;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.navlink_footer {
  color: #667085;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
}

.footer_navlink_content_wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}


.footer_navlink_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.sub_footer_wrapper_desktop {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fdfdfd00;
  border-radius: 20px;
  max-width: 90%;
  padding: 40px 194px;
  display: flex;
}

.sub_middle_footer_wrapper_desktop {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #d0d5dd;
  border-bottom: 1px solid #d0d5dd;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  padding-left: 300px;
    padding-right: 300px;
}

.down_footer_wrapper {
  grid-column-gap: 207px;
  grid-row-gap: 207px;
  background-color: #fff;
  border-top: 1px #d0d5dd;
  border-bottom: 1px #d0d5dd;
  align-items: center;
  padding: 20px 309px;
  display: flex;
  justify-content: space-around;
}

.footer_mentions_text {
    color: #342a5e;
    display: flex;    /* flex: 0 auto; */
    font-family: Satoshi, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    min-width: 13rem;
}

.footer_nav_link_sml_wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
    min-width: 17rem;
    justify-content: space-between;
    flex-direction: row;
}

.footer_nav_linl_sml {
  color: #342a5e;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
white-space: nowrap;
}

.blog_homepage_title_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: center;
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog_hommepage_subtitle {
  color: #342a5e;
  text-transform: uppercase;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 147%;
}

.blog_homepage_h1_title {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 50px;
  line-height: 58px;
}

.h1_color_span {
  color: var(--couleur-texte--bleu-tech-4);
}

.blog_home_paragraphe_title {
  color: #667085;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 147%;
}

.middle_footer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff0;
  border: 10px #ffffff2e;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 80px 157px;
  display: flex;
}

.image-2, .image-3 {
  width: 24px;
}

.socials_icon_footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.middle_footer_firstblock_wrapper_desktop {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: row;
  padding: 30px;
  display: flex;
  box-shadow: 0 2px 0 10px #fff6;
width:100%;
}

.middle_footer_firstblock_content_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 15px;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.text-block-2 {
  color: #667085;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14px;
}

.middle_footer_secondblock_content_wrapper {
    flex-flow: column;
    display: flex;
    gap: 0.5rem;
    width: 10rem;
}

.text-block-3 {
  color: #342a5e;
  text-align: center;
  margin-top: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.text-span {
  color: var(--couleur-texte--bleu-tech-4);
}

.middle_footer_secondblock_div_wrapperr {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  width:auto;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.88rem;
  display: flex;
  box-shadow: 0 2px 0 10px #fff6;
}

.middle_footer_secondblock_content_wrapperr {
grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
    flex-flow: row wrap; /* Permet de s'adapter sur plusieurs lignes si nécessaire */
    justify-content: space-between;
    margin: 0;
    padding: 10px 0;
    box-sizing: border-box; /* Inclut les bordures et padding dans la largeur */
    width:100%;
}

.form-footer {
 justify-content: flex-start;
  align-items: stretch;
  font-family: Satoshi, Arial, sans-serif;
  display: block;
  position: relative;
}


.email-field {
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    color: red;
    font-size: 1rem;
    font-weight: 700;
    height: 58px;
    width: 100%; /* S'adapte à la largeur de son parent */
    padding: 10px;
    box-sizing: border-box; /* Empêche le padding de dépasser */
}

.email-field::placeholder {
  color: gray; /* Change la couleur */
  font-size: 1rem; /* Change la taille de la police */
  opacity: 0.8; /* Ajuste l'opacité */
  font-size: 1rem;
  font-weight: 700;
  font-family: Satoshi, Arial, sans-serif;
}


.email-field:hover::placeholder{
  color: #926AFE; /* Change la couleur */
  font-size: 1rem; /* Change la taille de la police */
  opacity: 0.8; /* Ajuste l'opacité */
  font-size: 1rem;
  font-weight: 700;
  font-family: Satoshi, Arial, sans-serif;
}

.email-field:hover {
  border-radius: 10px;
  font-weight: 700;
  height: 58px;
  padding: 10px;
  position: relative;
  font-size: 1rem;
  border: 1px solid #926AFE;
  color : 926AFE;
}

.email-field:focus {
  border-radius: 10px;
  font-weight: 700;
  height: 58px;
  padding: 10px;
  position: relative;
  font-size: 1rem;
  border: 1px solid #342A5E !important;
  color : #342A5E !important;
  outline: none !important;
}

.email-field:focus::placeholder {
  color : #342A5E !important;
}


.cta-go {
  background-size:cover;
  z-index:1;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 44%, #926afe 61%, #04cdc8 98%);
  border-radius: 10px;
  border: none;
  width: 49px;
  height: 49px;
  font-family: Satoshi, Arial, sans-serif;
  position: absolute; /* Permet de placer le bouton à l'intérieur */
  top: 50%; /* Aligne verticalement */
  right: 5px; /* Espacement à droite */
  transform: translateY(-50%); /* Centre parfaitement verticalement */
  padding: 0.62rem; /* Espacement interne du bouton */
  color:white;
}

.cta-go:hover {
  background-image: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/videoframe_3210.gif');
  background-size: cover;  /* Pour s'assurer que l'image couvre tout le bouton */
  background-position: center;  /* Centrer l'image dans le bouton */
}

.cta-go:active {
  background-color:#342A5E;
  color:white;
}

.email-field::placeholder {
color:  #475467;
font-family: Satoshi, Arial, sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 700;

}

.form-block {
  flex: 0 auto;
  margin-bottom: 0;
  width: 56%;
}

.w-form-done,
.w-form-fail {
  display: none;
}

.logo_echos{
max-width: 500px;
    width: 100%;
}

.middle_footer_secondblock_wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
  max-width:100%;
  width:100%;
}

.text-block-4 {
  color: var(--couleur-texte--bleu-tech-4);
  font-family: Satoshi, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}

.text-block-5 {
  color: #475467;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14px;
}

.footer {
  padding-bottom: 20px;
  padding-top: 150px;
  width:100%;
}

.up_footer {
  flex-flow: column;
  max-width: 488px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-7 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display:flex;
}

.text-block-6 {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 38px;
}

.gradient_span_footer {
  white-space: nowrap;
  padding:0px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(25deg, #1570ef, #863af7 29%, #bc37e2 69%, #ef615c);
  -webkit-background-clip: text;
  background-clip: text;
  display:inline;

}


.gradient_span_footer {
  white-space: nowrap;
  padding:0px;
  display:inline;
}

.text-block-7 {
  color: #000;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 34.5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

  

.div-block-8 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  display: flex;
}


.cta_special {
  background-color: #342a5e;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 40%, #926afe 73%, #04cdc8);
  border-radius: 40px;
  padding: 13px 20px;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  transition: box-shadow .2s;
  color:white;
  text-decoration:none;
  font-size:1rem;
}

a {
text-decoration:none;
}
.cta_special a {
font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  color:white;
}

.cta_special:hover {
  background-image: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/videoframe_3210.gif');
  background-size: cover;  /* Pour s'assurer que l'image couvre tout le bouton */
  background-position: center;  /* Centrer l'image dans le bouton */
  border: none;  /* Retirer la bordure du bouton */
}

.mega-menu-mobile-footer{
 grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    border: 1px solid #e4e7ec;
    border-radius: .75rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 2.81rem;
    padding: 1.88rem;
    display: none;
    box-shadow: 0 12px 16px -4px #10182808;
}


.stars_down_right {
  max-width: 67px;
  position: absolute;
  inset: auto -6% -9% auto;
}

.separator {
  height: 20px;
}

.gradient-background-title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(25deg, #1570ef, #863af7 32%, #bc37e2 70%, #ef615c);
  -webkit-background-clip: text;
  background-clip: text;
}


.stars_up_left-footer {
    inset: -11% auto auto -15%;
    max-width: 67px;
    position: absolute;
}

.middle_footer_bg_gradient {
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 44%, #926afe 62%, #04cdc8 98%);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.partenaires_footer_raw {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.logo_partenaires_up {
  max-height: 50px;
}

  .navlink_footer:hover {
    color: #926AFE;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
  
  .navlink_footer:hover {
    color: #926AFE;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
}
  
  .stars_up_left-footer {
    inset: -18% auto auto 2%;
    max-width: 67px;
    position: absolute;
}
  
  .logo_partenaires_up {
    height:35px;
  }
}

.partenaires_footer_raw_one_desktop {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.logo_partenaires_sub {
  height: 39px;
}

.partenaires_footer_raw_two_desktop {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: 39px;
  display: flex;
}

.image-6 {
  max-width: 277px;
  max-height: 109px;
}

.partenaire_big_block_footer {
  align-items: center;
  display: flex;
  
}

.middle_footer_thirdblock_content_wrapper {
  flex-flow: column;
  display: flex;
  gap:0.5rem;
}

.middle_footer_thirdblock_div_wrapperr-copy {
    background-color: #fff;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    padding: 1.88rem;
    display: flex;
    box-shadow: 0 2px 0 10px #fff6;
}

.middle_footer_third_content_wrapperr-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.middle_footer_firstblock_wrapper_mobile {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: row;
  padding: 30px;
  display: none;
  box-shadow: 0 2px 0 10px #fff6;
}

.partenaires_footer_raw_one_mobile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: none;
}

.partenaires_footer_raw_two_mobile {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  height: 39px;
  display: none;
}



.sub_footer_wrapper_mobile {
  display: none;
}

.footer_navlink_mobile_container {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.footer_navlinks_mobile_wrapper {
  color: var(--elements-webflow-library--neutral--100);
  padding-top: 176px;
  padding-bottom: 176px;
}

@media screen and (max-width: 991px) {
  .partenaires_footer_raw {
    padding-left: 20px;
    padding-right: 20px;
  }

  .chevron-menu-footer {
    margin-top: 13px;

}
  
  .nav-link-mobile-bloc-footer{
justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
    height:4.5rem;
}
  
  .footer_navlinks_mobile_wrapper {
    padding-top: 118px;
    padding-bottom: 118px;
  }
}

@media screen and (max-width: 767px) {

  .nav-link-container-mobile-footer {
border-top: 1px solid #E4E7EC;
}
  
  
  .submit-button-container.submit-button-container {
    position: relative; /* Permet de positionner le bouton en absolu */
    width: 100%; /* Assure que le conteneur occupe toute la largeur */
}

  .cta-go {
    background-image: linear-gradient(25deg, #342a5e, #6b2cff 44%, #926afe 61%, #04cdc8 98%);
    background-size: cover;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-family: Satoshi, Arial, sans-serif;
    height: 49px;
    width: 49px;
    padding: .62rem;
    position: absolute; /* Positionné à l'intérieur du parent */
    right: 5px; /* Décalage depuis le bord droit */
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}
  
 .sub_footer_wrapper_mobile {
  color: #101828;
    flex-flow: column;
    font-family: Satoshi, Arial, sans-serif;
    font-weight: 700;
    display: flex;
   width:90vw;
}
  

 .email-field {
      border: 1px solid #d0d5dd;
    border-radius: 10px;
    color: red;
    font-size: 1rem;
    font-weight: 700;
    height: 58px;
    width: 100%; /* S'étend sur toute la largeur disponible */
    padding: 10px;
    padding-right: 60px; /* Laisse de la place pour le bouton */
    box-sizing: border-box; 
    }

  
  .footer_navlinks_mobile_wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  .sub_footer_wrapper_desktop {
    display: none;
}


  .sub_middle_footer_wrapper_inner_desktop {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
display:block;
  
}  
  
  
  .middle_footer_secondblock_div_wrapperr {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #fff;
  width:auto;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  

}
 
  .sub_footer_wrapper_desktop {
    display: none;
  }

  .sub_middle_footer_wrapper_desktop {
    flex-flow: column;
    padding: 1rem;
  }

  .down_footer_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    padding: 1rem;
  }

  .footer_mentions_text {
    width: auto;
  }

  .blog_homepage_title_wrapper {
    display: none;
  }

.form-block {
  width:100%;
}

  .middle_footer {
    flex-flow: column;
    align-items: center;
    padding: 25px 25px 71px 25px;
    max-width:1440px;
    width:auto;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .socials_icon_footer {
    justify-content: center;
  }

  .middle_footer_firstblock_wrapper_desktop {
    width: 100%;
    margin-left: 25px;
    margin-right: 25px;
    display: none;
    
  }

  .middle_footer_firstblock_content_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 1.88rem;
  }

  .text-block-2 {
    text-align: center;
  }

  .middle_footer_secondblock_div_wrapperr {
    width: 100%;
    max-width: 100%;
  }

  .middle_footer_secondblock_content_wrapperr {
    flex-flow: column;
    padding: 30px 10px;
    width: 80vw;

  }

  .middle_footer_secondblock_wrapper {
    width: 100%;
  
  }

  .text-block-4, .text-block-5 {
    text-align: center;
  }

  .footer {
    max-width: 100%;
  }

  .up_footer {
    padding-left: 30px;
    padding-right: 30px;
    background-color: white !important;
  }

  .div-block-7 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    max-width: 304px;
  }

  .text-block-6 {
    font-size: 24px;
    line-height: 30px;
    white-space: nowrap;
  }

  .text-block-7 {
    font-size: 18px;
  }

  .div-block-8 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: center;
  }

  .stars_down_right {
    max-width: 47px;
    bottom: 37%;
    right: 5%;
  }

  .stars_up_left {
    width: auto;
    max-width: 47px;
    top: -13%;
    left: 0%;
  }

  .partenaires_footer_raw {
    max-width: 100%;
    padding-left: 10px;
  }

  .partenaires_footer_raw_one_desktop, .partenaires_footer_raw_two_desktop {
    display: none;
  }

  .partenaire_big_block_footer {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:1.25rem;
  }

  .middle_footer_thirdblock_div_wrapperr-copy {
    width: auto%;
    max-width: 100%;
  }

  .middle_footer_third_content_wrapperr-copy {
    flex-flow: column;
  }

  .middle_footer_firstblock_wrapper_mobile {
    flex-flow: column;
    align-items: center;
    display: flex;
    padding:0px;
    width:100%;
  }

  .middle_footer_firstblock_content_wrapper_mobile {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    display: flex;
    margin-bottom: 1.88rem;
    margin-left:1.88rem;
    margin-right:1.88rem;
  }

  .partenaires_footer_raw_one_mobile {
        display: flex;
        overflow: hidden;
        flex-direction: row;
        flex-wrap: nowrap;
        width: auto;
        justify-content: space-evenly;
  }

  .partenaires_footer_raw_two_mobile {
    display: flex;
  }

.img.image-7 {
  width: 10% !important; /* Assure la priorité */
}
  
  .image-7 {
  width: 10% !important;
}

  .sub_footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 10px #74272700;
  border-radius: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  padding-top: 2.5rem;
}
  
  .footer_navlink_mobile_container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .footer_navlink_accordion-3 {
    border-top: .0625rem solid #e4e7ec;
    border-bottom: 1px #e4e7ec;
    border-left: 1px #e4e7ec;
    border-right: 0 #e4e7ec;
    border-radius: .0625rem;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }

  .footer-navlink-accordion-usages {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
  }

  .footer-navlinks-wrapper-accordion {
    display: none;
    overflow: visible;
  }

  .footer_navlink_accordion-2, .footer_navlink_accordion-4, .footer_navlink_accordion-5, .footer_navlink_accordion-1, .footer_navlink_accordion-6, .footer_navlink_accordion-7 {
    border-top: .0625rem solid #e4e7ec;
    border-bottom: 1px #e4e7ec;
    border-left: 1px #e4e7ec;
    border-right: 0 #e4e7ec;
    border-radius: .0625rem;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }

  .footer-navlink-accordion-solutions-tarifs, .footer-navlink-accordion-ressources, .footer-navlink-accordion-partenaires, .footer-navlink-accordion-services, .footer-navlink-accordion-blog, .footer-navlink-accordion-solutions {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
  }

  .footer-navlinks-wrapper-accordion-solution, .footer-navlinks-wrapper-accordion-usages, .footer-navlinks-wrapper-accordion-ressources, .footer-navlinks-wrapper-accordion-blog, {
    display: none;
  transition: opacity 0.3s ease;
    overflow: visible;
  }


  
  .chevron-accordion{
    filter: grayscale(100%);
    transition: transform 0.3s ease, filter 0.3s ease;
    transform: rotate(180deg);
  } 
  
}
.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text h2{
color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
font-family: Satoshi;
font-size: 2.375rem;
font-style: normal;
font-weight: 700;
line-height: 3.125rem; 
margin-bottom:2rem;/* 131.579% */
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text p{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
margin-bottom:2rem;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text li{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
margin-bottom:2rem;
}

.toc-container a {
    position: relative;
    z-index: 10;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text ul{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
margin-bottom:2rem;
}


.footer-blog-selection{
background-color:white; 
display:flex; 
flex-direction: column;
    align-items: center;
    gap: 3rem;">
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text h3{
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 1.5625rem;
font-style: normal;
font-weight: 700;
line-height: 2.25rem; /* 144% */
margin-bottom:0.5rem;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text h4{
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.875rem; /* 150% */
margin-bottom:0.5rem;  
}


.toc-container {
    font-family: Arial, sans-serif;
    margin-bottom: 3.38rem;
    margin-top: 3.38rem;
    padding-right: 2rem;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text a{
color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.column-blog-wrapper {
max-width:1110px;  
margin-left:auto; 
margin-right:auto;
}

.label-banner {
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  background: var(--Brand-50, #F9F5FF);
  display: inline-block;
  
}

.webinaire-picture {
width:100%;
margin: 0 auto 150px auto;
}

.label-banner p {
display:inline-block;
  text-align: center;
  color: #6B2CFF;
  font-family: Satoshi;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.title-banner, h2 {
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.75rem; /* 140% */
}

.text-banner p {
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 171.429% */
font-family: Satoshi;
}

.image-blog-content {
 border-radius: 2.5rem;
} 

img {
max-width:100%;
}


  

h3 a {
color: var(--Couleur---Texte-Texte-900, #101828) !important;
text-align: center;
font-family: Satoshi;
text-decoration:none;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.6875rem; /* 150% */
}

a {
  color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
font-family: Satoshi;
font-style: normal;
font-weight: 400;
line-height: 1.875rem;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}



.toc-container {
    margin-bottom: 3.38rem;
    font-family: Arial, sans-serif;
    margin-top:3.38rem;
}

.toc-container ul {
    list-style-type: none;
    padding-left: 0;
}

.toc-container li {
    margin: 5px 0;
}

.toc-container a {
    text-decoration: none;
    color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
}

.tiers_right_column {
width: 40rem;
}


.toc-container a:hover {
    color: rgb(107, 44, 255);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; /* 150% */
    text-decoration: none;
}

/* Style pour le lien actif */
.toc-container a.active {
    color: var(--Couleur---Texte-Texte-900, #6B2CFF);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; /* 150% */
}

.dKlRGj .hs-elevate-card--blog:first-of-type {
        grid-column: 0 !important;
        grid-row: 0 !important;
  font-family: Satoshi !important;
font-size: 1rem !important;
font-style: normal !important;
font-weight: 400 !important;
   font-weight: bold !important;
}

.link-share-wrapper-container{
display: flex;
justify-content: flex-end;
margin-top:9rem;

} 

.body-container-wrapper{
max-width: 100%;
margin-left: auto;
margin-right: auto;
}




.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Crée 3 colonnes égales */
  gap: 20px; /* Espace entre les colonnes */
}

.CardComponent__StyledCard-sc-zrn5fl-0 {
  /* Personnalisation du style des articles */
  background-color: #fff; /* Exemple de couleur de fond */
  border-radius: 8px; /* Bordure arrondie */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

.BlogListing__StyledImageContainer-sc-1uif2s0-1 {
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0; /* Arrondi des coins supérieurs */
}

.BlogListing__StyledCardContentContainer-sc-1uif2s0-3 {
  padding: 15px;
}

.hs-elevate-h4 {
  font-size: 18px;
  font-weight: bold;
}

.hs-elevate-tag {
     background-color: #f9f5ff;
    border-radius: 1rem;
    color: var(--Brand-700, #6941c6);
    font-weight: 500;
    margin-right: .75rem;
    padding: .25rem .75rem;
    text-align: center;
    text-decoration: none;
  font-size:1rem;
  font-family: Satoshi;
}

.dKlRGj .hs-elevate-card--blog {
  grid-column: span 1 !important;
  grid-row: span 1 !important; /* Chaque article occupe une colonne */
}

.hs-elevate-card--blog__heading{
color: var(--Couleur---Texte-Texte-800, #1D2939) !important;
font-family: Satoshi;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 144% */
}

.bjDTmR.bjDTmR:is(.active) {
    width: 44px !important;
    text-align: center;
    color: #6B2CFF !important;
}

@media (min-width: 640px) {
    .eECGSj .hs-elevate-card--blog:first-of-type {
        grid-column: auto !important;
        grid-row: auto !important;
    }
  
      .eECGSj .hs-elevate-card--blog:first-of-type .hs-elevate-card--blog__image-container img {
        width: 100%;
        height: 100%;
    }
  
      .eECGSj .hs-elevate-card--blog:first-of-type .hs-elevate-card--blog__image-container {
        width: 100%;
        overflow: hidden;
        position: relative;
        object-fit: cover;
        aspect-ratio: 1.4; 
    }
}



@media (max-width: 768px) {
  section.goodflag_section-blog {
    margin: 14rem auto 5rem;
}
  .five_left_column_wrapper {
    padding-right: 75px;
    position: relative;
    display: none;
}

.tiers_right_column {
width: 100%;
}
  
  .title-home-blog {
    margin-top: 8rem;
}

}
/* @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    */
/*****************************************/

:root {
  --couleur-texte--bleu-tech-4: #6b2cff;
  --couleur-texte--texte-500: #667085;
  --couleur-texte--texte-900: #342a5e;
  --1280px: 0px;
  --couleur-texte--color: white;
  --couleur-texte--couleur-brand--bleu-tech-4: white;
}

.weglot-wrapper {
    visibility: hidden; /* Masque le widget pendant le chargement */
    opacity: 0; /* Le rend invisible */
    transition: opacity 0.3s ease; /* Transition douce pour rendre visible le widget */
}

.weglot-ready .weglot-wrapper {
    visibility: visible; /* Le rend visible une fois prêt */
    opacity: 1; /* Le rend visible avec une transition */
}

/* Conteneur parent */
.sub_header_wrapper {
  position: relative; /* Nécessaire pour positionner correctement les enfants */
}

/* Styles pour icon-and-link */
.icon-and-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: opacity 0.5s ease;
}


/* Positionnement du champ de recherche */
.search-wrapper {
  position: absolute;
  top: -16px;
  right: 80px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}


/* Style du champ de recherche */
.search-field {
  width: 20rem;
  padding: 0.625rem;
  border-radius: 10px;
  border: 0.5px solid #D0D5DD;
  background: #FFF;
  transition: width 0.5s ease;
  font-style: italic;
  color: #333;
  font-family: Satoshi, Arial, sans-serif;
  background-repeat: no-repeat;
  background-size: 20px 20px; /* Taille de l'image */
  background-position: 10px center; /* Position de l'image (gauche et centrée verticalement) */
  padding-left: 40px; /* Espace pour éviter que le texte ne chevauche l'image */
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/search.svg");
    box-shadow: 0px 0px 0px 2px #F4EBFF;
}

.search-field:focus {
  outline:none;
  border: 0.5px solid #926AFE !important;
}

.search-field:active {
  outline:none;
  border: 0.5px solid #D0D5DD !important;
}


.search-wrapper.active {
  visibility: visible;
  opacity: 1;
}




/* Style du placeholder */
.search-field::placeholder {
  font-style: italic;
  color: #AAA;
  font-family: Satoshi, Arial, sans-serif;
}




.text-block-2 {
    color: var(--Couleur---Texte-Text-600, #475467);
    font-family: Satoshi, Arial, sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center;
}

.cta-secondary-icon-arrow::before{
content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/arrow-header-nav.svg); /* Image initiale */
}

/* Style de base pour l'icône dans la div */
#div_solutions .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Signature%20%C3%A9lectronique.svg); /* Image initiale */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

/* Changer l'image au hover */
#div_solutions:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Signature%20%C3%A9lectronique2.svg); /* Image au hover */

}


#div_integration .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/API.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_integration:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/PICTO_INTEGREZ_HOVER.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  max-width: 40px;  /* Ajustez la taille de l'image */
  max-height: 40px; /* Ajustez la taille de l'image */
}

#div_connecteurs .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Nos%20connecteurs.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_connecteurs:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Nos%20connecteurs2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_apropos .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/A%20propos%20de%20la%20signature%20%C3%A9lectronique.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_apropos:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/PICTO_A_PROPOS_HOVER.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_temoignages .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/T%C3%A9moignages%20clients.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_temoignages:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/T%C3%A9moignages%20clients2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_video .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Vid%C3%A9o.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_video:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Vid%C3%A9o2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_blog .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Page%20de%20bloc.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_blog:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Page%20de%20bloc2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_aide .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/FAQ.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_aide:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/PICTO_AIDE_HOVER.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
}

#div_certifications .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Certifications.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_certifications:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Certifications2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_guides .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Livre%20blanc.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_guides:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Livre%20blanc2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_besoins .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Besoin.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_besoins:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Besoin2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_avis .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Expert2.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_avis:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Expert.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_usages .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Usages.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_usages:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Usages2.svg); /* Remplace l'image au hover pour la deuxième div */
}

#div_actus .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Actualit%C3%A9s.svg); /* Remplace l'image au hover pour la deuxième div */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
}

#div_actus:hover .icon-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/Actualit%C3%A9s2.svg); /* Remplace l'image au hover pour la deuxième div */
}





.div-block-14:hover .cta-secondary-icon-arrow {
content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/arrow-purple.svg);
}

div-block-14-verti:hover .cta-secondary-icon-arrow {
content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/arrow-purple.svg);
}

/* Mega-menu container */
.mega-menu-wrapper {
    display: none; /* Cache tous les menus au départ */
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    width: 100%; /* S'adapte à la largeur du parent */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

/* Affiche le menu correspondant lorsque le lien est cliqué */
.nav_link_header.active + .mega-menu-wrapper {
    display: block;
}

/* Affichage du mega-menu individuel */
.mega-menu {
    display: none; /* Par défaut, toutes les divs sont cachées */
    padding: 20px;
    background-color: #f0f0f0;
}

.nav_link_header:active{
color: var(--couleur-texte--bleu-tech-4);
}



/* Lorsque le menu est activé, il devient visible */
.nav_link_header.active + .mega-menu-wrapper .mega-menu {
    display: block;
}

.header_wrapper {
flex-flow: column;
  justify-content: space-evenly;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  display: flex; /* Flexbox activé */
  margin-bottom: 2.75rem;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  position: fixed; 
  top: 0;
  left: 0; 
  z-index: 8888;
  flex-direction: column;
  align-items: center;
}

.nav-links {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item {
  width: 100%;
  max-width: none;
  position: relative;
}

.list-item {
  position: relative;
}

.div-block-14-verti {
  grid-column-gap: 2.56rem;
  grid-row-gap: 2.56rem;
  background-color: #f9fafb;
  border: .75rem #000;
  border-radius: .75rem;
  flex-flow: column;
  align-items: center;
  width: auto;
  min-width: 0%;
  max-width: 100%;
  padding: 1.25rem;
  display: flex;
}

.mega-menu.active {
display: inline-block;
}
.mega-menu { 
z-index: -2;
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: fill;
  object-position: 50% 50%;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 0 0 .75rem .75rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: 300px;
  max-width: none;
  margin-top: 36px;
  margin-left: 0;
  padding: 1.88rem;
  display: none;
  position: absolute;
  inset: 100% 0% auto;
  overflow: visible;
  box-shadow: 0 24px 48px -12px #1018282e;
}

.mega-menu.solutions {
  min-width: 916px;
  margin-top: 27px;
  z-index:-2;
}

.mega-menu.ressources {
  z-index: -2;
  min-width: 654px;
  margin-top: 27px;
}

.mega-menu.blog {
  z-index: -2;
  min-width: 32.7rem;
  margin-top: 27px;
}

.mega-menu.usages {
  z-index: -2;
  margin-top: 27px;
}

.sub_header_wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-end;
  align-items: center;
  max-width: 1280px;
  margin-bottom: 10px;
  display: flex;
  width:100%;
  position:relative;
}

.down_header_wrapper {
  background-color: #fff;
  border-radius: 60px;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1280px;
  width: 100%;
  padding: 16px 20px;
  display: flex;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  transition: box-shadow 0.3s ease;

}

.header_scrolled {
  background-color: white;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  max-width:100%;
  width:100%;
}

.down_header_no_shadow {
  box-shadow: none;
}

.search_nav_wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: none;
}

.nav_link_header {
  color: #342a5e;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size:1rem;
}

a.nav_link_header {
  font-size:1rem;
}

.nav_link_header_solutions {
  color: #342a5e;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size:1rem;
}


.nav_link_header:hover {
  color: var(--couleur-texte--bleu-tech-4);
}

.down_header_nav_links_wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image {
  width: 191px;
}

.cta_header_wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}



.nav_link_up_header {
  color: var(--couleur-texte--texte-500);
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size:1rem;
}

.nav_link_up_header:hover {
  color: var(--couleur-texte--bleu-tech-4);
}


.nav_link_up_header-langue {
  color: var(--couleur-texte--texte-500);
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size:1rem;
}

.nav_link_up_header-langue:hover {
  color: var(--couleur-texte--bleu-tech-4);
}

.cta_primary-header {
  background-color: var(--couleur-texte--texte-900);
  border-radius: 40px;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  padding: 0.81rem 20px;
  color: white;
  text-decoration: none;
  font-size:1rem;
  min-width: 124 px;
}

.cta_primary-header a{
  font-size:1rem;
}

.cta_primary-header:hover {
  background-color: #4a3c87;
  border: 2px #000;
  box-shadow: 0 0 0 2px #926afe;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.big_search_bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 40px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 455px;
  display: none;
}

.solutions-nav-wrapper.show {
  display: flex;
}




.div-block-14 {
  grid-column-gap: 2.56rem;
  grid-row-gap: 2.56rem;
  background-color: #f9fafb;
  border: .75rem #000;
  border-radius: .75rem;
  margin-top: 1.56rem;
  padding: 1.25rem;
  display: flex;
  transition: border 0.3s ease; /* Animation douce */
}

.div-block-14:hover {
  box-shadow: 0 0 0 1px #9747FF;
  background-color: #F2F4F7;
color: #9747FF; /* Applique la nouvelle couleur */
}

.div-block-14-verti:hover{
 box-shadow: 0 0 0 1px #9747FF;
  background-color: #F2F4F7;
}

.div-block-14-verti:hover .cta-secondary-icon {
color: #9747FF; /* Applique la nouvelle couleur */
}

.div-block-14-verti:hover .div-block-19 a {
color: #9747FF; /* Applique la nouvelle couleur */
}


.div-block-14:hover .cta-secondary-icon{
  color: #9747FF; /* Applique la nouvelle couleur */
}

.div-block-14:hover .div-block-19 a{
  color: #9747FF; /* Applique la nouvelle couleur */
}




.div-block-15 {
  grid-row-gap: 8rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.div-block-16-copy{
 grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex-flow: column;
  width: 20.7rem;
  max-width: none;
  display: flex;
}


.div-block-15-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(84px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: grid;
}

.div-block-16 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  max-width: 100%;
  display: flex;
}

.solutions-container {
  grid-column-gap: 0.31rem;
  grid-row-gap: .1875rem;
  flex-flow: row;
  align-items: center;
  display: flex;
  text-decoration:none;
}


.div-block-18 {
  flex-flow: column;
  padding-left: 2.6875rem;
  display: flex;
}

.icon-menu {
  border-radius: .3125rem;
  width: 2.5rem;
  height: 2.5rem;
  transition: transform 0.3s ease;
}



.cta-secondary-icon {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #101828;
  justify-content: center;
  align-items: baseline;
  width: auto;
  max-width: none;
  padding: .81rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  text-decoration: none;
  display: flex;
}

.div-block-19 a {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #101828;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: .81rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  font-size:14px;
}

.cta-secondary-icon-text-link {
  font-weight: 700;
  text-decoration: none;
}

.text-block-9, .text-block-10 {
  text-decoration: none;
}

.cta-secondary-icon-text {
  font-weight: 700;
  font-weight: 700;
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

.image-8 {
  border-radius: .75rem;
  width: 100%;
  max-width: none;
}

.div-block-19 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-20 {
  max-width: 100%;
}

.navlink-mega-menu {
  color: var(--couleur-texte--texte-500);
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-decoration: none;
  margin-left: 4px;
  margin-bottom:0.19rem;

}

.navlink-mega-menu:hover {
  color: var(--couleur-texte--bleu-tech-4);
  border-left: 1px solid #6b2cff;
  border-radius: 0;
  padding-left: 5px;
}

/* Conteneur parent de "Langues" */
.lang-container {
  position: relative; /* Positionne l'enfant .lang-dropdown par rapport à ce conteneur */
}

/* Conteneur principal de la liste */
.lang-dropdown {
  display: none; /* Masqué par défaut */
  position: absolute; /* Positionne la liste par rapport au conteneur parent */
  top: 100%; /* Juste en dessous du lien "Langues" */
  left: -22px; /* Aligné à gauche du lien */
  width: 130px;
  height: 126px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 12px;
  border: 1px solid var(--Couleur---Texte-Texte-300, #D0D5DD);
  background-color: #fff;
  z-index: 10; /* S'assurer qu'il apparaît au-dessus des autres éléments */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optionnel : ajoute une ombre */
  justify-content: center;
}

/* Élément de la liste */
.dropdown-item {
    align-items: center;
    align-self: stretch;
    background: var(--White, #fff);
    border-radius: 8px;
    display: flex;
    gap: 16px;
    padding: 0;
    justify-content: center;
}

/* Conteneur du texte */
.text-wrapper {
  display: flex;
  width: 53px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.text-wrapper div {
  display: flex;
  height: 19px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}



.title_navlink_mega_menu {
  color: #101828;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.title_navlink_mega_menu:hover {
  color: #101828;
}

.title_navlink_mega_menu-hover {
  color: #6b2cff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.title_navlink_mega_menu-hover:hover {
  color: #101828;
}

.icon-menu-hover {
  background-color: #f2f4f7;
  background-image: linear-gradient(25deg, #342a5e, #6b2cff 44.76%, #926afe 62.32%, #04cdc8 98%);
  border-radius: .3125rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: .1875rem .46875rem;
}

  
.header-mobile {
    display: none;
  }


/***STYLES MOBILES***/


@media screen and (max-width: 768px) { 
  .header_wrapper {
display:none;
}
  
.header-mobile {
    position: fixed;    /* Fixe le header en haut */
    top: 0;             /* Aligne le header en haut de la page */
    left: 0;
    right: 0;
    border-bottom: 1px solid #e4e7ec;
    flex-flow: column;
    justify-content: space-between;
    align-items: left;
    min-height: 4.5rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    z-index: 1000;
    background-color:white;
    overflow-y: auto;
    max-height:100vh;
  }

  .image-29 {
    width:  37vw;
  }

  .burger-icon, .search-burger-container {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .burger-icon {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: .6rem;
    display: flex;
    position: relative;
    
  }

  .burger-line {
    background-color: #5b6579;
    border-radius: 6px;
    width: 20px;
    min-height: 2px;
    max-height: none;
    padding-bottom: 0;
    padding-right: 0;
  }
  
  
  .burger-icon.active .burger-line:nth-child(1) {
  transform:translateY(8.2px) rotate(45deg) translateX(1px);
    background-color: #6B2CFF;
}
.burger-icon.active .burger-line:nth-child(2) {
  opacity: 0; /* Cache la ligne centrale */
}
.burger-icon.active .burger-line:nth-child(3) {
  transform:translateY(-3.5px) rotate(-45deg) translateX(1.5px);
  background-color: #6B2CFF;
}

/* Transition pour une animation fluide */
.burger-line {
  transition: all 0.3s ease;
}
  

  .image-30 {
    padding: .63rem;
  }

  .mobile-header-logo-burger-zone {
    border-bottom: 1px solid #e4e7ec;
    justify-content: space-between;
    align-items: center;
    height: 4.5rem;
    padding-left: 1rem;
    padding-right: .75rem;
    display: flex;
  }

  .nav-link-container-mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: 3rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
  }

  .nav-link-mobile-bloc {
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  
    .nav-link-mobile-bloc-fefe-2 {
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .nav-link-wrapper-mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 100%;
    margin-top: .75rem;
    margin-bottom: .75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: none;
  }
  
  .nav-link-wrapper-mobile {
    display: none;
  
}

/* Menu actif (quand la classe active est ajoutée) */
.nav-link-wrapper-mobile.active {
  display: flex; /* Affiche le menu */
  background-color: white;
  grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    width: 100%;
    margin-top: .75rem;
    margin-bottom: .75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

  .chevron {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    position: relative;
  }

  .chevron-line {
    background-color: #9fa5b1;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 16px;
    max-width: none;
    height: 2px;
    max-height: none;
    display: block;
  }

  .chevron-line-one {
    background-color: #9fa5b1;
    border-radius: 6px;
    width: 20px;
    height: 4px;
    max-height: none;
    padding-bottom: 0;
    padding-right: 0;
    transform: rotateX(45deg)rotateY(45deg)rotateZ(0);
  }

  .chevron-line-two {
    background-color: #9fa5b1;
    border-radius: 6px;
    width: 20px;
    height: 4px;
    max-height: none;
    padding-bottom: 0;
    padding-right: 0;
    transform: rotateX(-45deg)rotateY(45deg)rotateZ(0);
  }

  
  .footer-header-mobile {
    display: none; /* Par défaut, l'élément est caché */
    transition: all 0.3s ease; /* Animation fluide */
}

.footer-header-mobile.active {
    display:flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 1rem;
}

  .contactez-nous-mobile-wrapper {
    padding: .75rem 1.25rem;
    text-decoration: none;
  }

  .contactez-nous-mobile {
    color: #101828;
    margin-top: 1rem;
    font-family: Satoshi, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
  }

  .nav_link_header-mobile {
    color: var(--couleur-texte--texte-500);
    text-decoration: none;
  }
  

   .nav_link_header-mobile-langue {
    color: var(--couleur-texte--texte-500);
    text-decoration: none;
  }


  .image-31 {
    margin-left: .56rem;
  }

  .div-block-52 {
    display: flex;
  }

  .list-item-mobile {
    flex-flow: column;
    list-style-type: none;
  }

  .list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }

  .mega-menu-mobile {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    border: 1px solid #e4e7ec;
    border-radius: .75rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 2.81rem;
    padding: 1.88rem;
    display: none;
    box-shadow: 0 12px 16px -4px #10182808;
  }

.solutions-mobile {
    grid-column-gap: 1.88rem;
    grid-row-gap: 1.88rem;
    border: 1px solid #e4e7ec;
    border-radius: .75rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 2.81rem;
    padding: 1.88rem;
    display: none;
    box-shadow: 0 12px 16px -4px #10182808;
  }


  .nav-link-mega-menu-mobile-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    margin-bottom: 1.5rem;
  }

  .title-nav-link-mega-menu-mobile {
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    font-family: Satoshi, Arial, sans-serif;
    text-decoration:none;
    color: #101828;
  }

.title-nav-link-mega-menu-mobile:hover {
    color: #6B2CFF;
  }

  .navlink-mega-menu_mobile:hover {
    color: var(--couleur-texte--texte-500);
    border-left-style: none;
   font-family: Satoshi, Arial, sans-serif;
    text-decoration:none;
  }
.navlink-mega-menu_mobile {
    color: var(--couleur-texte--texte-500);
    border-left-style: none;
   font-family: Satoshi, Arial, sans-serif;
    text-decoration:none;
  }
  
.search-wrapper-mobile {
    display: none;
}

/* Quand la classe active est ajoutée, la rendre visible */
.search-wrapper-mobile.active {
    display: flex;
    justify-content: center;
  margin-top:0.94rem;

}
  .search-field {
  width: 75vw;
  margin-right: auto;
  margin-left: auto;
  padding: 0.625rem;
  border-radius: 10px;
  border: 0.5px solid #D0D5DD;
  background: #FFF;
  transition: width 0.5s ease;
  font-style: italic;
  color: #333;
  font-family: Satoshi, Arial, sans-serif;
  background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/search.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px; /* Taille de l'image */
  background-position: 10px center; /* Position de l'image (gauche et centrée verticalement) */
  padding-left: 40px; /* Espace pour éviter que le texte ne chevauche l'image */
}

.search-field:focus {
  outline:none;
  border: 0.5px solid #D0D5DD !important;
}

.fleche-menu::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/chevron-down.svg); /* Image initiale */
  display: block;
  width: 40px;  /* Ajustez la taille de l'image */
  height: 40px; /* Ajustez la taille de l'image */
  transition: content 0.3s ease; /* Transition pour un changement fluide */
  margin-top: 3px;
  margin-left: 5px;
}


/* Changer l'image au hover */
.fleche-menu.open::before {
  content: url(//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/menu-icons/chevron-up-violet.svg); /* Image au hover */

}  
 
}
.hero-wrapper-lp-lb {
    align-items: center;
    background-position: 0 0;
    background-size: cover;
    display: flex;
    justify-content: center;
    margin-bottom: 200px;
    min-height: 41.825rem;
    padding-top: 16.13rem;
    flex-direction: column;
    gap: 200px;
    background-image: url("//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/images/Hero%20banner.jpg");

    
}

.title-hero-lp-lb-container {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.hero-container-lp-lb-2 {
    grid-column-gap: 3.92rem;
    grid-row-gap: 10.88rem;
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 80rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

#hs_cos_wrapper_module_173348658929118{
margin-bottom:150px;
}



.lp-lb-h1 {
  color: #101828;
  min-width: 32.6rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.625rem;
}

.lp-lb-form-wrapper{
margin-bottom:0px;
}


#hs_cos_wrapper_module_17334845653026{
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 2rem;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto;
}

.tag-hero-lp-lp {
  color: #fff;
  background-color: #6b2cff;
  border-radius: 1.36363rem;
  justify-content: center;
  align-items: center;
  padding: .34094rem 1.02275rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.36363rem;
  font-weight: 700;
  line-height: 1.36363rem;
  display: flex;
}


.title-hero-lp-lb-container {
  text-align: left; /* Aligne le texte à gauche (ajustable) */
}

.image-header-lp-lp img {
  width: 100%; /* Rend l'image responsive dans sa colonne */
  height: auto; /* Conserve les proportions de l'image */
}


.title-hero-lp-lb-container {
  text-align: left; /* Aligne le texte à gauche (ajustable) */
}

.image-header-lp-lp img {
  width: 100%; /* Rend l'image responsive dans sa colonne */
  height: auto; /* Conserve les proportions de l'image */
}

.h1-blog-lp-lp-violet {
  color: #6b2cff;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 3.125rem;
  line-height: 3.125rem;
}

.tag-container-hero-lp-lb {
  grid-column-gap: 1.14rem;
  grid-row-gap: 1.14rem;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

@media (max-width: 768px) {
  
  .lp-lb-form-wrapper {
    margin-bottom: 5rem;
}
  
  .img-absolute{
display:none;
}
  
  .lp-lb-h1 {
    color: #101828;
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 2.9375rem;
    margin-bottom: 0;
    margin-top: 0;
    min-width:auto;
}
  
  .h1-blog-lp-lp-violet {
    color: #6b2cff;
    font-family: Satoshi,Arial,sans-serif;
    font-size: 2.5rem;
    line-height: 2.9375rem;
}

  }

/* @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    */
/*****************************************/
.tabs-nav {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.94rem;
    border-radius: var(--Radius-corner-radius-40, 2.5rem);
    border: 1px solid var(--Gray-200, #E4E7EC);
    background: var(--Couleur---Brand-Texte-blanc, #FFF);
    padding: 0.38rem;
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    display: flex;
    width: fit-content;
    justify-content: space-between;
    gap: 0.62rem;
}

.tab-button {
    color: var(--Couleur---Texte-Texte-courants, #6E7072);
    text-align: center;
    font-family: Satoshi;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0.62rem 0.81rem;
    cursor: pointer;
}

.tab-button:hover, .tab-button-selected {
    background-color: black;
    color: white !important;
    border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button:hover.btn-purple, .tab-button-selected.btn-purple {
  background: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
}

[data-group="compare-our-packages"], [data-group="compare-our-packages"] table {
  width: 100%;
}

[data-section="signature-electronique"] tr th:nth-of-type(n+2) {
  max-width: 100px;
}

[data-section="parcours-de-signature"] tr th:nth-of-type(n+2) {
  max-width: 100px;
}

[data-section="personnalisation"] tr th:nth-of-type(n+2) {
  max-width: 100px;
}

[data-section="fonctionnalites"] tr th:nth-of-type(n+2) {
  max-width: 100px;
}

[data-section="signature-electronique"] tr td:first-child,
[data-section="parcours-de-signature"] tr td:first-child,
[data-section="personnalisation"] tr td:first-child,
[data-section="fonctionnalites"] tr td:first-child {
  text-align:left;
}

.tableau table {
  overflow: auto;
}

.tableau table th {
  word-wrap:normal;
}


.tooltip-container {
    cursor:help;
    position: relative;
}

.tooltip-text {
    visibility: hidden;
    background-color: #6b3cfc;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 87%; /* Positionne le tooltip au-dessus de l'élément */
    left: 0;
    right: 0;
    max-width: 100%;
    white-space: normal; /* Permet au texte de passer à la ligne */
    opacity: 0;
    transition: opacity 0.3s;
    margin-left: 15px;
    margin-right: 15px;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 768px) {
    .tabs-nav {
      flex-direction: column;
      width: 100%;
    }
  
  [data-section="signature-electronique"] tr th:nth-of-type(n+2) {
    min-width: 120px;
  }

  [data-section="parcours-de-signature"] tr th:nth-of-type(n+2) {
    min-width: 120px;
  }

  [data-section="personnalisation"] tr th:nth-of-type(n+2) {
    min-width: 120px;
  }

  [data-section="fonctionnalites"] tr th:nth-of-type(n+2) {
    min-width: 120px;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  font-weight: 400;
  font-family:Staochi;
  word-break: break-all;
}

.pink-text-link {
    color: #6B2CFF;
    text-decoration: underline; 
    cursor: pointer; 
    font-weight: bold;
}

.h3-mdm{
color: var(--Couleur---Texte-Texte-900, #101828);
text-align: center;

/* Titre - 36px - Medium */
font-family: Satoshi;
font-size: 2.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}


/* Paragraphs */

p {
margin: 0;
  padding: 0;
color: var(--Couleur---Texte-Texte-900, #101828);

/* Texte body - 14px - Regular */
font-family: Satoshi;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}

@media screen and (max-width: 768px) {

  p {
    color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
  padding: 0;
  }
}

/* Anchors */

a {
  cursor: pointer;
  color: #6B2CFF;
font-family: Satoshi;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-underline-position: from-font;
}

.heading-3-225{
color: #000;
font-family: Satoshi;
font-size: 2.25rem;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 2.475rem */
}

.heading-3-225-violet{
color:#6B2CFF;
font-family: Satoshi;
font-size: 2.25rem;
font-style: normal;
font-weight: 500;
line-height: 110%;
}

/* Headings */

h1 {
color:#0C0C0C;

/* Titre -  50px - Bold */
font-family: Satoshi;
font-size: 3.125rem;
font-style: normal;
font-weight: 700;
line-height: 3.125rem;
margin: 0;
  padding: 0;
}


h2 {
color: #101828;
font-family: Satoshi;
font-size: 3.125rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
  padding: 0;
}

h3 {
color:#101828;
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
  padding: 0;
}

h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

.h3-thin {
overflow: hidden;
color: var(--Couleur---Texte-Texte-700, #344054);
text-align: center;
text-overflow: ellipsis;
font-family: Satoshi;
font-size: 1.25rem ;
font-style: normal;
font-weight: 500;
line-height: 147%; /* 1.8375rem */
text-transform: uppercase;
margin: 0;
padding: 0;
}


h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}
/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;

}


.title-home-blog {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 69.4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-top:12rem;
  gap:1.25rem;
  padding-left:2.5rem;
  padding-right:2.5rem;
}

.bold-text-3-165{
color: var(--couleur-texte--bleu-tech-4);
    font-family: Satoshi, Arial, sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
}



.title_text {
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.83px;
}

@media (max-width: 768px) {
  
  .bold-text-3-165{
color: var(--couleur-texte--bleu-tech-4);
    font-family: Satoshi, Arial, sans-serif;
    font-size: 1.65rem;
    font-weight: 500;
}

  
  h2 {
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 2.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
  padding: 0;
}

h1 {
color: var(--Couleur---Texte-Noir---Texte---titre, #0C0C0C);

font-family: Satoshi;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 2.9rem;
margin: 0;
  padding: 0;
}
 }
@font-face {
  font-family: 'Satoshi';
  src: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/fonts/Satoshi-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/fonts/Satoshi-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Satoshi';
  src: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/fonts/Satoshi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.blog-dates {
  color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 171.429% */
}

.text-block-demo-blog {
  color: #fff;
  text-align: center;
  font-family: Satoshi, Arial, sans-serif;
  line-height: 1.5rem;
}

.blog-cta-image {
  max-width: 100%; 
  height: auto; 
  border-top-left-radius: 15px;  
  border-top-right-radius: 15px; 
}


.cta-lastpost-section {
  display: flex;
  width: 69.4rem;
  gap: 1.875rem;
  align-items: flex-start;
}

.column {
  /* Styles communs */
  height: 100%; /* Hauteur de la colonne selon ton besoin */
}

.last-post-wrapper {
  width: 39.8125rem;
  background-color: white; /* Juste pour la visibilité */
}

.demo-cta-blog-wrapper{
  width: 27.5625rem;
  background-color: lightgreen; /* Juste pour la visibilité */
}

.blog-tabs {
display: flex;
  justify-content: center;
  width:34.9rem;
  background-color: lightblue;
  margin-left:auto;
  margin-right:auto;
  margin-top:2.94rem;
  padding:0.38rem;
  gap:0.5rem;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
border: 1px solid var(--Gray-200, #E4E7EC);
background: var(--Couleur---Brand-Texte-blanc, #FFF);

/* Shadow 1 */
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  
}

button {
  all: unset; /* Supprime tous les styles par défaut */
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.tab-button-blog {
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
color:#6E7072 !important;
display: flex;
padding: 0.625rem 0.875rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
  background-color:white;
}

.tab-button-blog:focus {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}

.tab-button-blog:hover {
  background-color:black;
  color: white !important;
  border-radius: var(--Radius-corner-radius-40, 2.5rem);
}
.info-article-blog{
 display: flex;
padding: 1.875rem;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
}

.blog-post-primary-cta-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  max-width: 1110px;
  margin-bottom: 4.69rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.69rem;
  display: flex;
 
}

.last-post-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: .9375rem;
  flex-flow: column;
  max-width: 39.8125rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);

}

.demo-cta-blog-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #342a5e;
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 27.5625rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 1rem;
  display: flex;
}

.cta-white-blog {
  color: #000;
  background-color: #fff;
  border-radius: 2.5rem;
  flex-flow: row;
  justify-content: center;
  width: 100%;
  max-width: 12.3125rem;
  padding: .8125rem 1.25rem;
  font-family: Satoshi, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  text-decoration: none; 
}

.h3-blog-home {
  color: white !important;
  text-align: center;
  max-width: 22.17rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 1.875rem !important;
  line-height: 2.8125rem !important;
}

@font-face {
  font-family: 'Satoshi';
  src: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/fonts/Satoshi-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/fonts/Satoshi-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Satoshi';
  src: url('//144784947.fs1.hubspotusercontent-eu1.net/hubfs/144784947/raw_assets/public/GoodflagTheme/fonts/Satoshi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}


/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}