/* 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;