*, *: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 {
  margin: 0;
}

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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


:root {
  --header-height: 94px;
  --content-max-width: 1400px;
  --content-padding-x: 54px;
  --content-padding-y: 60px;
  --flex-gap: 24px;
  --flex-gap-l: 32px;
  --flex-gap-xl: 60px;
  --space-element-y: 22px;
  --space-element-y-l: 32px;
  --space-element-y-xl: 40px;
  --space-element-y-xxl: 60px;
  --padding-sm: 22px;
  --padding-md: 28px;
  --padding: 32px;
  --padding-l: 40px;
  --padding-xl: 48px;
  --border-radius-md: 18px;
  --border-radius-l: 26px;
}

@media (max-width: 1400px) {
  :root {
    --content-padding-x: 36px;
  }
}

@media (max-width: 1200px) {
  :root {
    --flex-gap: 20px;
    --flex-gap-l: 28px;
    --flex-gap-xl: 54px;
    --space-element-y-xl: 32px;
    --space-element-y-xxl: 50px;
  }
}

@media (max-width: 1050px) {
  :root {
    --header-height: 84px;
    --padding-md: 24px;
    --padding-xl: 36px;
    --space-element-y: 16px;
    --space-element-y-l: 24px;
  }
}

@media (max-width: 576px) {
  :root {
    --flex-gap-xl: 40px;
  }
}

.column-body {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-max-width);
  position: relative;
  padding-left: var(--padding);
  padding-right: var(--padding);
  /* background: green; */
}

.column-body-padding-x {
  padding-left: var(--content-padding-x);
  padding-right: var(--content-padding-x);
}

.content-padding {
  padding: var(--padding);
  /* background: orange; */
}

.section-padding-y {
  padding-top: var(--space-element-y-xl);
  padding-bottom: var(--space-element-y-xl);
}

.padding-top-unset {
  /* padding-top: unset !important; */
}

@media (max-width: 576px) {
  .column-body {
    padding-left: unset;
    padding-right: unset;
  }
  .content-padding {
    padding: var(--padding) 0;
  }
  .column-body-padding-x {
    padding-left: 22px;
    padding-right: 22px;
  }
}
:root {
  --color-primary: #073763;
  --color-secondary: #fc6250;
  --grey-100: #f0f3f6;
  --grey-200: #e2e7eb;
  --grey-300: #c3cfda;
  --blue-100: #e9edf1;
  --blue-150: #839bb1;
  --blue-200: #8199af;
  --orange-100: #fef7f3;
  --orange-400: #fc6250;
  --orange-300: #f47832;
}
:root {
  --text-size-sm: 14px;
  --text-size-sm2: 16px;
  --text-size-sm3: 18px;
  --text-size-md: 21px;
  --text-size-md2: 24px;
  --text-size-l: 28px;
  --text-size-xl: 50px;
  --text-size-xxl: 56px;
  --text-size-xxxxl: 120px;
  --line-height-sm: 20px;
  --line-height-sm3: 24px;
  --line-height-md: 28px;
  --line-height-md2: 31px;
  --line-height-l: 36px;
  --line-height-xl: 66px;
  --line-height-xxl: 72px;
}

@media (max-width: 1200px) {
  :root {
    --text-size-sm: 13px;
    --text-size-sm2: 15px;
    --text-size-sm3: 17px;
    --text-size-md: 18px;
    --text-size-md2: 21px;
    --text-size-l: 24px;
    --text-size-xl: 39px;
    --text-size-xxl: 45px;
    --text-size-xxxxl: 94px;
    --line-height-sm: 18px;
    --line-height-sm3: 22px;
    --line-height-md: 27px;
    --line-height-md2: 30px;
    --line-height-l: 31px;
    --line-height-xl: 46px;
    --line-height-xxl: 52px;
  }
}

@media (max-width: 992px) {
  :root {
    --text-size-sm: 12px;
    --text-size-sm2: 14px;
    --text-size-sm3: 16px;
    --text-size-md: 16px;
    --text-size-md2: 19px;
    --text-size-l: 22px;
    --text-size-xl: 35px;
    --text-size-xxl: 38px;
    --text-size-xxxxl: 80px;
    --line-height-sm: 16px;
    --line-height-sm3: 20px;
    --line-height-md: 25px;
    --line-height-md2: 28px;
    --line-height-l: 29px;
    --line-height-xl: 40px;
    --line-height-xxl: 45px;
    --text-size-xxxxl: 80px;
  }
}

@media (max-width: 576px) {
  :root {
    --text-size-xxl: 32px;
    --line-height-xxl: 40px;
  }
}

@media (max-width: 420px) {
  :root {
    --text-size-xxl: 28px;
    --line-height-xxl: 36px;
  }
}

@media (max-width: 350px) {
  :root {
    --text-size-xxl: 24px;
    --text-size-md: 14px;
    --text-size-md2: 16px;
    --text-size-l: 19px;
    --text-size-xxxxl: 60px;
    --line-height-md: 20px;
    --line-height-md2: 24px;
    --line-height-l: 25px;
    --line-height-xxl: 32px;
  }
}

.btn-header {
  padding: 0 44px;
  height: 46px;
  font-size: var(--text-size-sm) !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-secondary);
  color: white;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 44px;
}

.btn .btn-text {
  flex: 1;
  text-align: center;
}

.btn-text-icon {
  gap: 28px;
}

.btn-text-icon > img {
  width: 34px !important;
}

.btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  width: 44px;
  height: 44px;
}

.btn-icon img {
  width: 24px !important;
}

.btn-icon-xl {
  width: 56px;
  height: 56px;
  border-radius: 14px;
}

.btn-icon-xl img {
  width: 28px !important;
}

.btn-icon-xl-padding img {
  width: 20px !important;
}

.btn-xl {
  height: 80px;
  border-radius: 12px;
}

@media (max-width: 1400px) {
  .btn {
    padding: 0 30px;
  }

  .btn-header {
    height: 44px;
    padding: 0 30px;
  }
}

@media (max-width: 1100px) {
  .btn {
    padding: 0 16px;
  }

  .btn-header {
    height: 38px;
  }
  .btn-xl {
    padding: 0 30px;
  }
}

@media (max-width: 992px) {
  .btn-text-icon > img {
    width: 28px !important;
  }
  .btn-xl {
    height: 70px;
    border-radius: 12px;
  }
  .btn-text-icon {
    gap: 14px;
  }
}
@media (max-width: 576px) {
  .btn-text-icon > img {
    width: 26px !important;
  }
}

.btn-primary {
  background: var(--color-primary);
}

.btn-secondary {
  background: var(--color-secondary);
}

.btn-white-secondary {
  color: var(--color-secondary);
  background: white;
}

.btn-white-primary {
  color: var(--color-primary);
  background: white;
}

.btn-orange-300 {
  background: var(--orange-300);
}

.btn-outline-grey {
  border: 2px solid var(--blue-200);
}

.btn-footer-contact {
  padding: unset !important;
  justify-content: unset !important;
  background: unset !important;
  gap: 10px !important;
}

.btn-footer-contact .btn-text {
  flex: unset !important;
  text-align: unset !important;
}
.btn-footer-contact img {
  width: 20px !important;
  margin-right: 8px;
}
.card-grey {
  background: var(--grey-100);
}

.card-xl {
  border-radius: var(--border-radius-l);
  padding: 80px;
}

@media (max-width: 1200px) {
  .card-xl {
    padding: 54px;
  }
}

@media (max-width: 576px) {
  .card-xl {
    padding: 50px 24px;
  }
}
input {
	width: 100% !important;
	font-size: var(--text-size-md);
	border: unset;
	border-bottom: 1px solid var(--grey-300);
	padding: 10px 0px;
}

/* input focus */
input:focus {
	outline: none;
	border-bottom: 1px solid var(--color-primary);
}

/* input type=submit */
input[type="submit"] {
	background-color: var(--orange-400);
	display: inline-block;
	cursor: pointer;
	color: white;
	width: unset !important;
	padding: 26px 44px;
	border-radius: 14px;
}

select {
	width: 100%;
	font-size: var(--text-size-md);
	border: unset;
	border-bottom: 1px solid var(--grey-300);
	padding: 10px 0px;
}

select:focus {
	outline: none;
	border-bottom: 1px solid var(--color-primary);
}

textarea {
	width: 100%;
	font-size: var(--text-size-md);
	border: unset;
	border: 1px solid var(--grey-300);
	padding: 20px;
	margin-top: 20px;
	height: 170px;
}

textarea:focus {
	outline: none;
	border: 1px solid var(--color-primary);
}

label {
	font-size: var(--text-size-md);
	color: var(--color-primary);
}

form {
	all: unset !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--flex-gap-xl) !important;
}

form .form-columns-1 {
	all: unset !important;
	width: 100% !important;
}

form .form-columns-2 {
	all: unset !important;
	display: flex !important;
	gap: var(--flex-gap-xl) !important;
	width: 100% !important;
}

ul.hs-error-msgs {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.hs-error-msgs li label {
	color: red !important;
	font-size: var(--text-size-sm) !important;
	padding-top: 10px !important;
}

@media (max-width: 550px) {
	form .form-columns-2 {
		flex-direction: column !important;
	}
	.hs-form-field {
		width: 100% !important;
	}
}


form .legal-consent-container .hs-richtext{
	font-size: 13px !important;
}

form .legal-consent-container .hs-form-booleancheckbox span{
	font-size: 15px !important;
	color: #000000;
}

form ul.inputs-list{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

form ul.inputs-list .hs-form-booleancheckbox-display{
	display: flex;
}

form ul.inputs-list .hs-form-booleancheckbox-display input{
	width: 13px !important;
	height: 13px;
	margin-top: 2px;
}
.modal {
  z-index: 1000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
}

.modal > .modal-content {
  width: 80%;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.title-xxl {
    font-size: var(--text-size-xxl);
    line-height: var(--line-height-xxl);
    font-weight: 700;
}
        
/* ---------------------------------------- */
/* ------------------- HERO --------------- */
/* ---------------------------------------- */

.home-hero {
  display: flex;
  gap: var(--flex-gap-xl);
  align-items: center;
}

.home-hero > .content {
  flex: 9;
}

.home-hero > .content > .content-wrapper {
  padding-right: 60px;
}

.home-hero > .content h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.home-hero > .content p {
  color: var(--color-primary);
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
  margin-top: var(--space-element-y);
}

.home-hero > .content .content-infos {
  background: var(--grey-100);
  padding: var(--padding-xl);
  border-radius: var(--border-radius-l);
  border-top-right-radius: unset;
  margin-top: var(--padding-l);
}

.home-hero > .content .content-infos h2 {
  color: var(--color-primary);
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
}

.home-hero > .content .content-infos > .infos-list {
  margin-top: var(--space-element-y);
}

.home-hero > .content .content-infos > .infos-list .dnd-column {
  display: flex !important;
  flex-direction: column;
  gap: var(--space-element-y-l) !important;
}

.home-hero > .visual {
  flex: 6;
}

.home-hero > .visual .dnd-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-element-y-l);
}

.home-hero > .visual .row-fluid img {
  width: 100% !important;
}

.home-hero > .visual .row-fluid button img {
  width: unset !important;
}

@media (max-width: 1200px) {
  .home-hero > .content > .content-wrapper {
    padding-right: 30px;
  }
}

@media (max-width: 992px) {
  .home-hero {
    flex-direction: column-reverse;
  }
  .home-hero > .visual {
    flex: unset;
    max-width: 400px;
  }
  .home-hero > .content h1 {
    text-align: center;
  }
  .home-hero > .content p {
    text-align: center;
  }
  .home-hero > .content > .content-wrapper {
    padding-right: unset;
  }

  .home-hero > .content .content-infos p {
    text-align: left;
  }
}

@media (max-width: 576px) {
  .home-hero > .visual {
    flex: unset;
    max-width: 360px;
  }
}

/* ---------------------------------------- */
/* ------------ THE TRUST US -------------- */
/* ---------------------------------------- */

.trust-us-section {
  padding-bottom: 140px !important;
}

.trust-us-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  text-align: center;
}

.trust-us-section .hs-image__grid__list {
  margin: unset !important;
  gap: 16px !important;
  margin-top: 70px !important;
  justify-content: space-between !important;
}

.trust-us-section .hs-image__grid__list__item {
  flex-basis: unset !important;
  aspect-ratio: unset !important;
  width: 29%;
  height: 170px !important;
  border-radius: var(--border-radius-l);
  overflow: hidden;
  background: white;
}

.trust-us-section .hs-image__grid__list__item button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: var(--padding-sm);
}

.trust-us-section .hs-image__grid__list__item button img {
  aspect-ratio: unset !important;
  height: unset !important;
  width: unset !important;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 1200px) {
  .trust-us-section {
    padding-bottom: 108px !important;
  }

  .trust-us-section .hs-image__grid__list {
    gap: 50px !important;
  }

  .trust-us-section .hs-image__grid__list__item {
    height: 155px !important;
  }
}

@media (max-width: 992px) {
  .trust-us-section {
    padding-bottom: 80px !important;
  }
  .trust-us-section .hs-image__grid__list {
    margin-top: 58px !important;
    gap: 36px !important;
  }

  .trust-us-section .hs-image__grid__list__item {
    height: 140px !important;
  }
}

@media (max-width: 776px) {
  .trust-us-section .hs-image__grid__list__item {
    width: 45%;
  }
}

@media (max-width: 576px) {
  .trust-us-section .hs-image__grid__list {
    align-items: center !important;
  }
  .trust-us-section .hs-image__grid__list__item {
    width: 87%;
    height: 160px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .cta-banner-home-first {
    padding-bottom: unset !important;
  }
  .trust-us-section-mobile {
    padding-top: unset !important;
  }
}
/* ---------------------------------------- */
/* ---------- SOFTWARE BENEFITS ----------- */
/* ---------------------------------------- */
.software-benefits-section {
}
.software-benefits-section .wrapper {
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.software-benefits-section .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  text-align: center;
}

.software-benefits-section .benefits-KPI {
  margin-top: calc(var(--space-element-y-xl) * 2);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.software-benefits-section .video {
  margin-top: calc(var(--space-element-y-xl) * 2);
  border-radius: var(--border-radius-l);
  overflow: hidden;
}

@media (max-width: 756px) {
  .software-benefits-section .benefits-KPI {
    flex-direction: column;
    gap: 60px;
    align-items: center;
  }
}

@media (max-width: 576px) {
  .software-benefits-section .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ---------------------------------------- */
/* -------------- IN PRACTICE ------------- */
/* ---------------------------------------- */

.home-in-practice {
}

/* ---------------------------------------- */
/* ------------ THE TRUST US -------------- */
/* ---------------------------------------- */

/* ---------------------------------------- */
/* -------------- KNOW MORE --------------- */
/* ---------------------------------------- */

.home-know-more-section {
}
.home-know-more-section > .wrapper {
}
.home-know-more-section .title h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.home-know-more-section .cards-video {
  margin-top: var(--space-element-y-xl);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.home-know-more-section .show-more {
  display: flex;
  justify-content: flex-end;

  margin-top: calc(var(--space-element-y-xl) * 2);
}

@media (max-width: 992px) {
  .home-know-more-section .cards-video {
    flex-direction: column;
    flex-wrap: unset;
    gap: 40px;
    align-items: center;
  }
}

/* ---------------------------------------- */
/* --------------- FEATURES --------------- */
/* ---------------------------------------- */

.home-features-section {
  background: var(--grey-100);
  position: relative;
}

.home-features-section .notch-img {
  position: absolute;
  bottom: -42px;
  left: 50%;
  transform: translateX(-50%);
}

.home-features-section .notch-img img {
  display: block;
  line-height: 0;
  width: 130px !important;
}
.home-features-section .notch-img .hs_cos_wrapper_type_linked_image {
  display: block;
}

@media (max-width: 992px) {
  .home-features-section .notch-img {
    bottom: -32px;
  }
  .home-features-section .notch-img img {
    width: 100px !important;
  }
}

/* ---------------------------------------- */
/* ------------------ FAQ ----------------- */
/* ---------------------------------------- */

.home-faq-section {
  padding-top: calc(var(--space-element-y-xl) * 2);
  padding-bottom: calc(var(--space-element-y-xl) * 2);
}
.home-faq-section > .title h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl) !important;
  line-height: var(--line-height-xxl) !important;
}

.home-faq-section .faq-section {
  margin-top: var(--space-element-y-xl);
}

@media (max-width: 576px) {
  .home-faq-section {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* ---------------------------------------- */
/* ------------------- HERO --------------- */
/* ---------------------------------------- */

.software-hero {
  display: flex;
  flex-direction: column;
}

.software-hero .illustration {
  width: 52%;
  margin-left: auto;
  margin-right: auto;
}

.software-hero .illustration img {
  width: 100% !important;
}

.software-hero .texts {
  margin-top: var(--space-element-y-xl);
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
  color: var(--color-primary);
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}
.software-hero .texts h1 {
  margin-top: 8px;
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}
.software-hero .texts .subtitle {
  font-weight: 400 !important;
  font-size: var(--text-size-md2);
  line-height: var(--line-height-md2);
}

@media (max-width: 992px) {
  .software-hero .illustration {
    width: 70%;
  }
  .software-hero .texts {
    max-width: 80%;
  }
}

.software-hero .kpis {
  display: flex;
  gap: var(--flex-gap-xl);
  justify-content: space-between;
}

.software-hero .kpi {
  display: flex;
  align-items: flex-end;
  gap: var(--flex-gap);
  height: 160px;
}

.software-hero .kpi .number {
  display: flex;
  align-items: flex-end;
  gap: 2px;
}

.software-hero .kpi .number > .text {
  color: var(--orange-400) !important;
  font-size: var(--text-size-xxxxl) !important;
  line-height: calc(var(--line-height-xxl) * 1.16);
  font-weight: 700 !important;
}

.software-hero .kpi .number > .unit {
  color: var(--orange-400);
  font-size: var(--text-size-xxl) !important;
  line-height: var(--line-height-l);
  font-weight: 300 !important;
  padding-bottom: 2px;
}

.software-hero .kpi > .text {
  font-size: var(--text-size-md);
  line-height: var(--line-height-md) !important;
  color: var(--color-primary);
  max-width: 250px;
  transform: translateY(5px);
  flex: 1;
}

.software-hero .kpi1 > .text {
  width: 180px;
}
.software-hero .kpi2 > .text {
  width: 250px;
}

.software-hero .kpis .kpi1 {
  background: url("https://www.placedelaformation.com/hubfs/TMS-Landing-Page/Images/kpi1.png");
  background-repeat: no-repeat;
  background-size: 170px;
  background-position: 0% 100%;
  padding-left: 190px;
}

.software-hero .kpis .kpi2 {
  background: url("https://www.placedelaformation.com/hubfs/TMS-Landing-Page/Images/kpi2.png");
  background-repeat: no-repeat;
  background-size: 190px;
  background-position: 100% 80%;
  padding-right: 100px;
}

@media (max-width: 1350px) {
  .software-hero .kpis {
    gap: 16px;
  }
  .software-hero .kpis .kpi1 {
    background-size: 150px;
    padding-left: 150px;
  }
  .software-hero .kpis .kpi2 {
    background-size: 170px;
    padding-right: 60px;
  }
}

@media (max-width: 1200px) {
  .software-hero .kpis .kpi2 {
    padding-right: 80px;
  }
  .software-hero .kpi2 > .text {
    width: 200px;
  }
}

@media (max-width: 1100px) {
  .software-hero .kpis {
    flex-direction: column;
    align-items: center;
  }
  .software-hero .kpis .kpi1 {
    background-size: 150px;
    padding-left: 150px;
  }
  .software-hero .kpi1 > .text {
    width: 150px;
  }
  .software-hero .kpis .kpi2 {
    background-size: 190px;
    padding-right: 120px;
  }
}

@media (max-width: 992px) {
  .software-hero .kpi1 > .text {
    width: 135px;
  }
}

@media (max-width: 576px) {
  .software-hero .kpis {
    margin-top: var(--space-element-y-xl);
    gap: var(--flex-gap-xl);
  }
  .software-hero .kpi {
    flex-direction: column;
    height: unset;
    padding-top: 190px;
    background: purple;
    align-items: center;
  }
  .software-hero .kpis .kpi1 {
    background-size: 170px;
    background-position: top center;
    padding-left: unset;
  }
  .software-hero .kpis .kpi2 {
    background-size: 190px;
    background-position: top center;
    padding-right: unset;
    padding-top: 160px;
  }
  .software-hero .kpi1 > .text {
    width: unset;
    text-align: center;
  }
  .software-hero .kpi2 > .text {
    width: unset;
    text-align: center;
  }
}

/* ---------------------------------------- */
/* ----------------- ADVANTAGES ----------- */
/* ---------------------------------------- */

.software-advantages {
}
.software-advantages .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  text-align: center;
}

.software-advantages .advantages {
  margin-top: var(--space-element-y-xl);
  display: flex;
  flex-direction: column;
  gap: var(--flex-gap);
}

@media (max-width: 700px) {
  .software-advantages .advantages {
    margin-top: var(--space-element-y);
  }
}

/* ---------------------------------------- */
/* ----------------- SEND DEMO ------------ */
/* ---------------------------------------- */
.software-demo {
}

.software-demo .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.software-demo form {
  margin-top: var(--space-element-y-xl) !important;
}
.software-demo .submitted-message {
  font-size: var(--text-size-md2) !important;
  line-height: var(--line-height-md2) !important;
  color: var(--color-primary) !important;
}
/* ---------------------------------------- */
/* ------------------- HERO --------------- */
/* ---------------------------------------- */

.trust-hero {
}

.trust-hero h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  max-width: 72%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.trust-hero .trust-us {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: var(--space-element-y-xl);
}

.trust-hero .show-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 50px;
}

@media (max-width: 992px) {
  .trust-hero h1 {
    max-width: 94%;
  }
  .trust-hero .show-more {
    margin-top: 40px;
  }
}

@media (max-width: 576px) {
  .trust-hero .wrapper {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .trust-hero .show-more {
    margin-right: 32px;
  }
}

/* ---------------------------------------- */
/* -------------- TESTIMONIALS ------------ */
/* ---------------------------------------- */

.trust-testimonials {
  padding-bottom: calc(var(--space-element-y-xl) * 3) !important;
}
.trust-testimonials > h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.trust-testimonials .testimonials {
  display: flex;
  gap: var(--flex-gap);
  margin-top: var(--space-element-y-xl);
}

.trust-testimonials .testimonials .col {
  flex: 1;
}

.trust-testimonials .testimonials .col .dnd-column {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--flex-gap) !important;
}

@media (max-width: 700px) {
  .trust-testimonials .testimonials {
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  .trust-testimonials {
    padding-left: var(--padding) !important;
    padding-right: var(--padding) !important;
  }
}

/* ---------------------------------------- */
/* ----------------- PARTNAIRS ------------ */
/* ---------------------------------------- */

.trust-partnairs {
}
.trust-partnairs h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.trust-partnairs p {
  color: var(--color-primary) !important;
  font-size: var(--text-size-md) !important;
  line-height: var(--line-height-md) !important;
  margin-top: var(--space-element-y-l) !important;
}

.trust-partnairs .logos .menu {
  margin-top: var(--space-element-y-xxl);
  display: flex;
  justify-content: space-between;
}
.trust-partnairs .logos .menu button {
  color: var(--color-primary);
  background: transparent !important;
  padding: 20px 50px;
  border-radius: 5000px !important;
  font-size: var(--text-size-md2);
  font-weight: 700;
  cursor: pointer;
}

.trust-partnairs .logos .menu button.active {
  background: var(--color-primary) !important;
  color: white;
}

.trust-partnairs .logos-grid .hs-image__grid__list {
  margin: unset !important;
  gap: 16px !important;
  margin-top: 20px !important;
  justify-content: flex-start !important;
}

.trust-partnairs .logos-grid .hs-image__grid__list__item {
  flex-basis: unset !important;
  aspect-ratio: unset !important;
  width: 23.5%;
  height: 170px !important;
  overflow: hidden;
  background: white;
}

.trust-partnairs .logos-grid .hs-image__grid__list__item button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: var(--padding-sm);
}

.trust-partnairs .logos-grid .hs-image__grid__list__item button img {
  aspect-ratio: unset !important;
  height: unset !important;
  width: unset !important;
  max-width: 100%;
  max-height: 100%;
}

.trust-partnairs .logos .show-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}

@media (max-width: 1200px) {
  .trust-partnairs .logos .menu button {
    padding: 17px 30px;
  }
}

@media (max-width: 992px) {
  .trust-partnairs .logos-grid .hs-image__grid__list__item {
    width: 30%;
    height: 140px !important;
  }
}

@media (max-width: 700px) {
  .trust-partnairs .logos .menu button {
    padding: 15px 25px;
    font-size: var(--text-size-md);
  }
}

@media (max-width: 576px) {
  .trust-partnairs {
    padding-left: var(--padding) !important;
    padding-right: var(--padding) !important;
  }
  .trust-partnairs .logos .menu {
    flex-wrap: wrap;
    justify-content: unset;
  }
  .trust-partnairs .logos-grid .hs-image__grid__list__item {
    width: 45%;
    height: 130px !important;
  }
}
/* ---------------------------------------- */
/* ------------------- HERO --------------- */
/* ---------------------------------------- */

.who-hero {
}
.who-hero h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  max-width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.who-hero p {
  display: block;
  color: var(--color-primary);
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
  max-width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--space-element-y);
}

.who-hero .illu {
  margin-top: var(--space-element-y);
  width: 100%;
}

.who-hero .illu img {
  width: 100% !important;
}

@media (max-width: 992px) {
  .who-hero h1 {
    max-width: 84%;
  }
  .who-hero p {
    max-width: 84%;
  }
}

/* ---------------------------------------- */
/* --------------- OUR VISION ------------- */
/* ---------------------------------------- */
.who-vision {
}
.who-vision .title-section h2 {
  color: var(--color-primary) !important;
  font-size: var(--text-size-xxl) !important;
  line-height: var(--line-height-xxl) !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.who-vision .visions {
  display: flex;
  gap: 110px;
  justify-content: center;
  margin-top: 16px;
}
.who-vision .vision {
  width: 450px;
}

.who-vision .vision .illu {
  display: flex;
  justify-content: center;
}

.who-vision .vision .illu img {
  width: 200px !important;
}

.who-vision .vision.vision2 .illu img {
  width: 110px !important;
}

.who-vision .vision h3 {
  color: var(--color-primary) !important;
  font-size: var(--text-size-l) !important;
  line-height: var(--text-size-l) !important;
  margin-top: var(--space-element-y) !important;
  text-align: center;
}
.who-vision .vision p {
  color: var(--color-primary) !important;
  font-size: var(--text-size-md) !important;
  line-height: var(--line-height-md) !important;
  margin-top: var(--space-element-y) !important;
  text-align: center;
}

.who-vision .button-contact {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--space-element-y-xl) * 1.3);
}

@media (max-width: 992px) {
  .who-vision {
    padding-left: var(--padding);
    padding-right: var(--padding);
  }
  .who-vision .visions {
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-top: var(--space-element-y-xl);
  }
}

@media (max-width: 576px) {
  .who-vision .vision {
    width: 100%;
  }
}

/* ---------------------------------------- */
/* ---------------- OUR STORY ------------- */
/* ---------------------------------------- */

.our-story-section {
}

.our-story-section .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.our-story-section .story {
  position: relative;
  padding-top: var(--space-element-y);
}

.our-story-section .story hr {
  background: repeating-linear-gradient(
    to right,
    var(--orange-400),
    var(--orange-400) 2px,
    transparent 1px,
    transparent 20px
  );
  border: none;
  height: 2px;
  position: relative;
  margin-top: 70px;
}

.our-story-section .story .milestones {
  display: flex;
  justify-content: space-between;
  gap: var(--flex-gap);
}

@media (max-width: 992px) {
  .our-story-section {
    padding-left: var(--padding);
    padding-right: var(--padding);
  }

  .our-story-section .story {
    margin-top: var(--space-element-y-xl);
  }

  .our-story-section .story hr {
    display: none;
  }
  .our-story-section .story .milestones {
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
}

/* ---------------------------------------- */
/* ---------------- OUR VALUES ------------ */
/* ---------------------------------------- */

.our-values-section {
}
.our-values-section .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  text-align: center;
}

.our-values-section .values {
  margin-top: var(--space-element-y-xl);
  background: var(--grey-100);
  border-radius: var(--border-radius-l);
  padding: calc(var(--content-padding-y) * 1.35) var(--content-padding-y);
}

.our-values-section .values .dnd-column {
  display: flex;
  flex-direction: column;
  gap: var(--flex-gap-xl);
}

.our-values-section .values .value-image-text {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 992px) {
  .our-values-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .our-values-section .values {
    border-radius: unset;
    padding: var(--content-padding-y);
  }
}

@media (max-width: 576px) {
  .our-values-section .values .value-image-text {
    width: 100%;
  }
}

/* ---------------------------------------- */
/* -------------------- TEAM -------------- */
/* ---------------------------------------- */

.team-section {
  padding-bottom: calc(var(--space-element-y-xl) * 2);
}
.team-section .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  text-align: center;
}

.team-section .team {
  margin-top: var(--space-element-y-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-element-y-xl);
}

.team-section .team .contributors-wrapper {
  display: flex;
  gap: var(--flex-gap-xl);
}
.team-section .team .contributors-wrapper .contributors {
  flex: 1;
}

.team-section .team .section {
}
.team-section .team .section h3 {
  color: var(--color-primary);
  font-size: var(--text-size-xl);
  font-weight: 700;
}

@media (max-width: 992px) {
  .team-section .team .contributors-wrapper {
    flex-wrap: wrap;
    gap: 30px 6%;
    justify-content: flex-start;
  }
  .team-section .team .contributors-wrapper .contributors {
    flex: unset;
    width: 47%;
  }
}

@media (max-width: 576px) {
  .team-section {
    padding-left: 24px;
    padding-right: 24px;
  }
  .team-section .team .contributors-wrapper .contributors {
    width: 100%;
  }
}
.blog-title h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  padding-bottom: var(--space-element-y-xl);
}

.blog-list-page .hs-blog-post-listing__post {
  background: white;
  border-radius: 30px;
  padding: 30px 50px;
}

.blog-list-page .hs-blog-post-listing__post-image-wrapper {
  display: block;
  all: unset !important;
  max-width: 250px !important;
  max-height: 250px !important;
}
.blog-list-page .hs-blog-post-listing__post-image-wrapper img {
  display: block;
  all: unset !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.blog-list-page .hs-blog-post-listing__post-title {
  all: unsset !important;
  font-size: var(--text-size-md) !important;
  color: var(--color-primary) !important;
  line-height: var(--line-height-md) !important;
  font-weight: 500 !important;
  text-decoration: unset !important;
  margin-top: 24px !important;
  cursor: pointer !important;
}
.blog-list-page .hs-blog-post-listing__post-title a {
  all: unset !important;
}

.blog-list-page .hs-blog-post-listing__post-author {
  display: none;
}
.blog-list-page .hs-blog-post-listing__post-author a {
  all: unset !important;
}

.blog-list-page .hs-blog-post-listing__post-description {
  color: var(--blue-150) !important;
  font-size: var(--text-size-sm) !important;
  line-height: var(--line-height-sm) !important;
}

.blog-list-page .hs-blog-post-listing__post-button {
  all: unset !important;
  margin-top: 12px !important;
  color: var(--color-secondary) !important;
  font-size: var(--text-size-md) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.blog-list-page .hs-blog-post-listing__post-button svg {
  width: 50px;
  stroke-width: 2;
}

.blog-list-page .hs-pagination {
  margin-top: var(--space-element-y-xl) !important;
  padding-bottom: var(--space-element-y-xl) !important;
}

.blog-list-page .hs-pagination .hs-pagination__link {
  all: unset !important;
  color: var(--color-secondary) !important;
  font-size: var(--text-size-md) !important;
  line-height: var(--line-height-md) !important;
  font-weight: 500 !important;
  text-decoration: unset !important;
  cursor: pointer !important;
  padding: 20px !important;
}

@media (max-width: 576px) {
  .blog-list-page {
    padding: 0 24px;
  }
}
.blog-post-page {
}
.blog-post-page .wrapper {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  border-radius: 30px;
  max-width: 950px;
  margin-left: auto !important;
  margin-right: auto !important;
  background: white;
  color: var(--color-primary) !important;
}
.blog-post-page .blog-post {
  padding: 0 90px;
}
@media (max-width: 992px) {
  .blog-post-page .blog-post {
    padding: 0 0px;
  }
}
.blog-post-page .blog-post h1 {
  padding-bottom: 5px;
}
.blog-post-page {
}

.blog-post-page img {
  max-width: 100%;
  height: unset !important;
  min-height: unset !important;
  max-height: unset !important;
}

.blog-post-page .wrapper .content-wrapper p {
  /* line-height: var(--line-height-md) !important; */
  line-height: 1.3 !important;
}

.blog-post-page .wrapper .content-wrapper p a {
  color: var(--color-secondary) !important;
  text-decoration: none !important;
}
.blog-post-page .wrapper .content-wrapper h2 a {
  color: var(--color-secondary) !important;
  text-decoration: none !important;
}
.blog-post-page .wrapper .content-wrapper .custom-orange-button {
  color: white !important;
  text-decoration: none !important;
}
.blog-post-page .wrapper .content-wrapper .custom-orange-button:hover {
  color: var(--orange-300) !important;
}

.blog-post-page .social-media_rs ul {
  list-style-type: none;
  padding-left: 0;
}

.blog-post-page .social-media_rs ul li {
  padding: 0px 5px;
  display: inline-block;
}

.blog-post-page .social-media_rs ul li img {
  width: 20px;
}
.contact-section {
}
.contact-section .title-section h2 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.contact-section .infos {
  padding-top: var(--space-element-y-l);
  display: flex;
  gap: var(--flex-gap-xl);
}

.contact-section .infos .btn.button-phone {
  width: 300px;
  gap: 20px !important;
  text-align: unset !important;
}

.contact-section .infos .button-phone .btn {
  font-size: var(--text-size-md) !important;
  font-weight: 700 !important;
  border-radius: var(--border-radius-md) !important;
}

.contact-section .infos .button-phone .btn-text-icon img {
  width: 28px !important;
}

.contact-section .infos .adress {
}
.contact-section .infos .adress .location-icon {
}
.contact-section .infos .adress .location-icon img {
}
.contact-section .infos .adress .text {
  font-size: var(--text-size-md2);
  line-height: var(--line-height-md2);
  color: var(--color-primary);
}

.contact-section .form {
  margin-top: calc(var(--space-element-y-xl) * 2);
}

.contact-section .submitted-message {
  font-size: var(--text-size-md2) !important;
  line-height: var(--line-height-md2) !important;
  color: var(--color-primary) !important;
}
@media (max-width: 775px) {
  .contact-section .infos {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.partnairs-page {
}
.partnairs-page h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.partnairs-page p {
  color: var(--color-primary) !important;
  font-size: var(--text-size-md) !important;
  line-height: var(--line-height-md) !important;
  margin-top: var(--space-element-y-l) !important;
}

.partnairs-page .logos .menu {
  margin-top: var(--space-element-y-xxl);
  display: flex;
  justify-content: space-between;
}
.partnairs-page .logos .menu button {
  color: var(--color-primary);
  background: transparent !important;
  padding: 20px 50px;
  border-radius: 5000px !important;
  font-size: var(--text-size-md2);
  font-weight: 700;
  cursor: pointer;
}

.partnairs-page .logos .menu button.active {
  background: var(--color-primary) !important;
  color: white;
}

.partnairs-page .logos-grid .hs-image__grid__list {
  margin: unset !important;
  gap: 16px !important;
  margin-top: 20px !important;
  justify-content: flex-start !important;
}

.partnairs-page .logos-grid .hs-image__grid__list__item {
  flex-basis: unset !important;
  aspect-ratio: unset !important;
  width: 23.5%;
  height: 170px !important;
  overflow: hidden;
  background: white;
  padding: var(--padding-sm);
    display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.partnairs-page .logos-grid .hs-image__grid__list__item a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
max-width:100% !important;
  max-height:100% !important;
}



.partnairs-page .logos-grid .hs-image__grid__list__item img {
  aspect-ratio: unset !important;
  height: unset !important;
  width: unset !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit:contain !important; 
}

.partnairs-page .logos .show-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}

@media (max-width: 1200px) {
  .partnairs-page .logos .menu button {
    padding: 17px 30px;
  }
}

@media (max-width: 992px) {
  .partnairs-page .logos-grid .hs-image__grid__list__item {
    width: 30%;
    height: 140px !important;
  }
}

@media (max-width: 700px) {
  .partnairs-page .logos .menu button {
    padding: 15px 25px;
    font-size: var(--text-size-md);
  }
}

@media (max-width: 576px) {
  .partnairs-page {
    padding-left: var(--padding) !important;
    padding-right: var(--padding) !important;
  }
  .partnairs-page .logos .menu {
    flex-wrap: wrap;
    justify-content: unset;
  }
  .partnairs-page .logos-grid .hs-image__grid__list__item {
    width: 45%;
    height: 130px !important;
  }
}
.get-plaquette-page {
}
.get-plaquette-page h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.get-plaquette-page .get-plaquette-form {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.get-plaquette-page .submitted-message {
  font-size: var(--text-size-md2) !important;
  line-height: var(--line-height-md2) !important;
  color: var(--color-primary) !important;
}
.clients-list-page h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.clients-list-page .logos .hs-image__grid__list {
  margin: unset !important;
  gap: 16px !important;
  margin-top: 20px !important;
  justify-content: flex-start !important;
}

.clients-list-page .logos .hs-image__grid__list__item {
  flex-basis: unset !important;
  aspect-ratio: unset !important;
  width: 23.5%;
  height: 170px !important;
  overflow: hidden;
  background: white;
}

.clients-list-page .logos .hs-image__grid__list__item button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: var(--padding-sm);
}

.clients-list-page .logos .hs-image__grid__list__item button img {
  aspect-ratio: unset !important;
  height: unset !important;
  width: unset !important;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 992px) {
  .clients-list-page .logos .hs-image__grid__list__item {
    width: 30%;
    height: 140px !important;
  }
}

@media (max-width: 576px) {
  .clients-list-page .logos .hs-image__grid__list__item {
    width: 45%;
    height: 130px !important;
  }
}
.business-block-page {
}
.business-block-page .wrapper {
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.business-block-page h3 {
  color: var(--color-primary) !important;
}

.business-block-page .wrapper .mt {
  margin-top: 40px;
}
.business-block-page .wrapper .form-title {
  padding-bottom: 20px;
}

.business-block-page
  .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text {
  text-align: center !important;
}

.business-block-page .wrapper .hs_cos_wrapper_type_module {
  margin-top: 40px;
}
.business-block-page img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.business-block-page .wrapper form .actions {
  display: flex;
  align-items: center;
  text-align: center;
}

.business-block-page .wrapper form .actions input[type="submit"] {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.business-block-page .wrapper form .grecaptcha-badge {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.business-block-page .wrapper h1 {
  font-size: var(--text-size-xl);
  line-height: var(--line-height-xl);
  color: var(--color-primary);
}
.glossaire-block-page {
  color: var(--color-primary);
}

.glossaire-block-page a {
  color: var(--color-secondary);
  text-decoration: none;
}

.glossaire-block-page img {
  margin-top: 30px;
}

.glossaire-block-page p {
  line-height: 1.3;
}
.partnair-page .content {
  display: flex;
  gap: var(--flex-gap-xl);
}

.partnair-page .content h1 {
  color: var(--color-primary);
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
}

.partnair-page .content h2 {
  color: var(--color-primary);
  font-size: var(--text-size-l);
  line-height: var(--line-height-l);
  margin-top: var(--space-element-y) !important;
}

.partnair-page .content ul,
ol {
  margin-top: var(--space-element-y) !important;
  color: var(--color-primary) !important;
  font-weight: 400 !important;
  font-size: var(--text-size-md2);
  line-height: var(--line-height-md2);
}

.partnair-page .content p {
  color: var(--color-primary) !important;
  font-weight: 400 !important;
  font-size: var(--text-size-md2);
  line-height: var(--line-height-md2);
  margin-top: var(--space-element-y) !important;
}

.partnair-page .content .left {
  flex: 4;
  border-right: 1px solid var(--grey-200);
  padding-right: var(--padding-sm);
}

.partnair-page .content .left .logo-partner {
  width: 100%;
  height: 250px;
}

.partnair-page .content .left .logo-partner .hs_cos_wrapper_type_linked_image {
  display: block !important;
  width: 100% !important;
  height: 250px !important;
}

.partnair-page .content .left .logo-partner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

.partnair-page .content .left .details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.partnair-page .content .right {
  flex: 8;
  padding-top: var(--padding-l);
}

.partnair-page .content .right .description {
}
.partnair-page .content .right .formTitle {
  margin-top: var(--padding-xl);
}

.partnair-page .content .right .form {
  padding-bottom: var(--padding);
  margin-top: var(--padding-l);
}

@media (max-width: 576px) {
  .partnair-page .content {
    flex-direction: column;
  }

  .partnair-page .content .left {
    flex: unset;
    padding-right: unset;
    border-right: unset;
    border-bottom: 1px solid var(--grey-200);
    padding-bottom: var(--padding-l);
  }
  .partnair-page .content .right {
    flex: unset;
    padding-top: unset;
  }
}

.banner-CTA {
  position: relative;
  margin-top: 20px;
}

.banner-CTA-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 140px;
  padding-top: var(--space-element-y);
  padding-bottom: var(--space-element-y);
}

.banner-CTA-blue {
  background-color: var(--color-primary);
}

.banner-CTA-orange {
  background-color: var(--orange-400);
}

.banner-CTA .notch-img {
  position: absolute;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
}

.banner-CTA .notch-img img {
  display: block;
  line-height: 0;
  width: 130px !important;
}
.banner-CTA .notch-img .hs_cos_wrapper_type_linked_image {
  display: block;
}

.btn-banner-CTA {
  width: 350px;
  text-align: center;
}

@media (max-width: 992px) {
  .banner-CTA-wrapper {
    gap: 30px;
  }
  .banner-CTA .notch-img {
    top: -21px;
  }
  .banner-CTA .notch-img img {
    width: 100px !important;
  }

  .btn-banner-CTA {
    width: 300px;
    text-align: center;
  }
}

@media (max-width: 700px) {
  .banner-CTA-wrapper {
    flex-direction: column;
    gap: var(--space-element-y);
    padding-top: calc(var(--space-element-y) * 1.5);
  }
}

@media (max-width: 576px) {
}
.blog-newsletter {
  background: var(--orange-300);
}

.blog-newsletter .wrapper {
}

.blog-newsletter .wrapper .title h2 {
  color: white !important;
  font-size: var(--text-size-md2) !important;
  line-height: var(--line-height-md2) !important;
  font-weight: 400;
}

.blog-newsletter .wrapper form {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.blog-newsletter .wrapper form .hs-email {
  flex: 1;
}

.blog-newsletter .wrapper form .hs-email input {
  background: transparent !important;
  border-bottom: 1px solid white !important;
  font-weight: 400 !important;
}

.blog-newsletter .wrapper form .hs-email input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1 !important;
}

.blog-newsletter .wrapper form input[type="submit"] {
  background: white !important;
  color: var(--orange-300);
  cursor: pointer !important;
}
.blog-newsletter .wrapper .submitted-message {
  color: white !important;
  font-size: var(--text-size-md) !important;
  line-height: var(--line-height-md) !important;
}

@media (max-width: 576px) {
  .blog-newsletter .wrapper {
    padding: 40px 24px;
  }
  .blog-newsletter .wrapper form {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    gap: 30px !important;
  }
  .blog-newsletter .wrapper .title h2 {
    text-align: center !important;
  }
  .blog-newsletter .wrapper form .hs-email input {
    max-width: unset !important;
    width: 100% !important;
  }
}
footer.footer {
  background: var(--color-primary);
}

footer.footer .content {
  display: flex;
  flex-direction: row;
  padding-top: var(--space-element-y) !important;
  padding-bottom: var(--space-element-y) !important;
  gap: 90px;
}

footer.footer .content .infos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer.footer .content .infos .logos {
}
footer.footer .content .infos .logos .logo {
  width: 250px;
}

footer.footer .content .infos .logos .logo img {
  width: 100% !important;
}

footer.footer .content .infos .logos .social-medias {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  margin-top: 10px;
  gap: 20px;
}

footer.footer .content .infos .newsletter {
  /* margin-top: var(--space-element-y); */
}

footer.footer .content .infos .newsletter .submitted-message {
  color: white !important;
  font-size: var(--text-size-md) !important;
  line-height: var(--line-height-md) !important;
}
footer.footer .content .infos .newsletter h4 {
  color: white;
  font-size: var(--text-size-md2);
  font-weight: 500;
  padding-bottom: 20px;
}

footer.footer .content .infos .newsletter form {
  gap: 20px !important;
}
footer.footer .content .infos .newsletter form input {
  border: unset !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  min-width: 100% !important;
}
/* input placeholder */
footer.footer .content .infos .newsletter form input::placeholder {
  color: var(--grey-300) !important;
}
footer.footer .content .infos .newsletter form input[type="submit"] {
  padding: 16px 40px !important;
  width: unset !important;
}

footer.footer .content .menu {
  display: flex;
  justify-content: space-between;
  flex: 1;
  gap: var(--flex-gap-xl);
}

footer.footer .content .menu .column {
  padding-top: 110px;
  flex: 1;
}

footer.footer .content .menu .column .title h2 {
  color: white !important;
  font-size: var(--text-size-xxl) !important;
  line-height: var(--line-height-xxl) !important;
}

footer.footer .content .menu .link-menu {
}
footer.footer .content .menu nav {
}
footer.footer .content .menu nav ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-element-y-l);
  padding-inline-start: unset !important;
}
footer.footer .content .menu nav ul li {
  list-style: none;
}
footer.footer .content .menu nav ul li a {
  text-decoration: unset;
  color: white;
  font-size: var(--text-size-md);
}

footer.footer .content .menu .contact-menu {
  /* background: green; */
  display: flex;
  flex-direction: column;
  gap: 16px;
}

footer.footer .content .menu .contact-menu .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: var(--flex-gap);
}

footer.footer .content .menu .contact-menu {
  color: white;
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
}

footer.footer .content .menu .contact-menu .contact-infos {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

footer.footer .content .menu .contact-menu .contact-infos .info-line {
}

@media (max-width: 1300px) {
  footer.footer .content {
    gap: 70px;
  }
}
@media (max-width: 1200px) {
  footer.footer .content .menu nav {
    padding-top: 5px;
  }
}

@media (max-width: 1150px) {
  footer.footer .content {
    flex-direction: column;
  }
  footer.footer .content .infos {
    /* max-width: 300px; */
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--flex-gap-xl);
  }
  footer.footer .content .infos .newsletter {
    margin-top: 16px;
  }
  footer.footer .content .infos .logos .logo {
    margin-left: auto;
    margin-right: auto;
  }
  footer.footer .content .menu .column {
    padding-top: unset;
    flex: unset;
  }
  footer.footer .content .menu {
    justify-content: center;
  }
}

@media (max-width: 720px) {
  footer.footer .content .infos {
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  footer.footer .content .infos .logos .logo {
    width: 220px;
  }

  footer.footer .content .menu {
    flex-direction: column;
    align-items: center;
  }
  footer.footer .content .menu .column .title h2 {
    text-align: center;
  }

  footer.footer .content .menu .link-menu {
    text-align: center;
  }
  footer.footer .content .menu .contact-menu .contact-infos {
    text-align: center;
  }
}



footer .newsletter form .legal-consent-container .hs-richtext{
	color: #ffffff;
	font-size: 13px;
}
.global-faq {
}

.global-faq .dnd-section .dnd-column {
  display: flex;
  flex-direction: column;
  gap: var(--flex-gap);
}
.features-section {
  background-image: url(https://5823756.fs1.hubspotusercontent-na1.net/hubfs/5823756/TMS-Landing-Page/Images/background-features.svg);
  background-repeat: no-repeat;
  background-size: 950px;
  background-position: top;
}

.features-section .features {
  display: flex;
  gap: var(--flex-gap-xl);
  padding-top: 480px;
  padding-bottom: var(--space-element-y-xl);
}

.features-section .features .feature {
  flex: 1;
}

.features-section .features .feature h3 {
  color: var(--color-primary);
  font-size: var(--text-size-md2);
  line-height: var(--line-height-md2);
  font-weight: 700;
}

.features-section .features .feature .p {
  color: var(--color-primary) !important;
  font-size: var(--text-size-md);
  line-height: var(--line-height-md);
  padding-top: var(--space-element-y);
}

@media (max-width: 1100px) {
  .features-section {
    background-size: 800px;
  }
  .features-section .features {
    padding-top: 400px;
  }
}

@media (max-width: 992px) {
  .features-section {
    background-size: 550px;
  }

  .features-section .features {
    flex-direction: column;
    padding-top: 290px;
    padding-left: 24px;
    padding-right: 24px;
    align-items: center;
  }
  .features-section .features .feature {
    flex: 1;
    max-width: 500px;
  }
}
.header {
  position: fixed;
  top: 46px;
  width: 100%;
  max-width: var(--content-max-width);
  transform: translateX(-50%);
  left: 50%;
  padding-left: var(--padding);
  padding-right: var(--padding);
  z-index: 100;
  transition: top 0.3s;
}

.header > .header-wrapper {
  display: flex;
  height: var(--header-height);
  max-height: var(--header-height);
  justify-content: space-between;
  padding: 12px 42px;
  border-radius: 16px;
  background: white;
  box-shadow: 4px 5px 25px rgba(139, 147, 255, 0.55);
  gap: 16px;
}

.header > .header-wrapper > .left {
  display: flex;
  align-items: center;
  gap: 60px;
}

.header > .header-wrapper > .left > .logo a {
  text-decoration: unset !important;
  line-height: unset !important;
}
.header > .header-wrapper > .left > .logo img {
  display: block;
  width: unset !important;
  height: 72px !important;
  aspect-ratio: unset !important;
}

.header > .header-wrapper > .left > nav ul {
  display: flex;
  gap: 46px;
  align-items: center;
  padding-inline-start: unset !important;
}

.header > .header-wrapper > .left > nav li {
  list-style: none;
}
.header > .header-wrapper > .left > nav a {
  text-decoration: unset;
  color: var(--color-primary);
  font-size: var(--text-size-sm);
  font-weight: 500;
}

.header > .header-wrapper > .right {
  display: flex;
  align-items: center;
}
.header > .header-wrapper > .right .desktop-buttons {
  display: flex;
  align-items: center;
}

.header > .header-wrapper > .right .btn.connexion-button {
  gap: 12px !important;
  padding: 0 20px !important;
}
.header > .header-wrapper > .right .btn.connexion-button img {
  width: 14px !important;
}

.header > .header-wrapper > .right .mobile-menu-button {
  display: none;
}
.header > .header-wrapper > .right .mobile-menu-button svg {
  width: 32px;
  stroke: var(--color-primary);
  cursor: pointer;
}

.mobile-menu {
  position: fixed;
  top: -120dvh;
  left: 0;
  right: 0;
  height: 100dvh;
  background: white;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  transition: top 0.19s ease-in-out;
}

.mobile-menu .close-menu {
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
}
.mobile-menu .close-menu svg {
  width: 32px;
  stroke: var(--color-primary);
  cursor: pointer;
}

.mobile-menu .mobile-auth-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.mobile-menu .mobile-auth-buttons .connexion-button-mobile {
  gap: 12px !important;
  padding: 0 20px !important;
}

.mobile-menu .mobile-auth-buttons .btn {
  width: 200px !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  border: 2px solid var(--color-secondary) !important;
}

.mobile-menu .mobile-menu-links ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-inline-start: unset !important;
  margin-top: 50px;
}
.mobile-menu .mobile-menu-links ul li {
  list-style: none;
  text-align: center;
}

.mobile-menu .mobile-menu-links ul li a {
  font-size: var(--text-size-l);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
}

@media (max-width: 1400px) {
  .header > .header-wrapper {
    padding: 6px 24px;
  }
  .header > .header-wrapper > .left {
    gap: 40px;
  }

  .header > .header-wrapper > .left > nav ul {
    gap: 26px;
  }

  .header > .header-wrapper > .left > .logo img {
    height: 65px !important;
  }

  .header > .header-wrapper > .right .btn.connexion-button {
    padding: 0 15px !important;
  }
}

@media (max-width: 1200px) {
  .header > .header-wrapper > .left {
    gap: 30px;
  }

  .header > .header-wrapper > .left > nav ul {
    gap: 20px;
  }
}

@media (max-width: 1100px) {
  .header > .header-wrapper > .right .btn.connexion-button {
    padding: 0 10px !important;
  }
}

@media (max-width: 1050px) {
  .header > .header-wrapper {
    padding: 6px 20px;
  }
  .header > .header-wrapper > .left {
    gap: 14px;
  }

  .header > .header-wrapper > .left > nav ul {
    gap: 14px;
  }

  .header > .header-wrapper > .left > .logo img {
    height: 60px !important;
  }
}

@media (max-width: 992px) {
  .header > .header-wrapper {
    padding: 12px 32px;
  }
  .header > .header-wrapper > .left > nav {
    display: none;
  }
  .header > .header-wrapper > .right .desktop-buttons {
    display: none;
  }

  .header > .header-wrapper > .right .mobile-menu-button {
    display: block;
  }

  .mobile-menu {
  }
}

@media (max-width: 576px) {
  .header {
    padding: unset;
    top: unset;
  }
  .header > .header-wrapper {
    border-radius: unset;
    padding: 12px 22px;
  }
  .mobile-menu .mobile-auth-buttons {
    flex-direction: column;
  }
}

/* Hide .mobile-menu on printer */
@media print {
  .mobile-menu {
    display: none;
  }
}
.in-practice-section {
  background-image: url("https://5823756.fs1.hubspotusercontent-na1.net/hubfs/5823756/TMS-Landing-Page/Images/background-in-practice.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 40px;
}

.in-practice-section .title h2 {
  color: white;
  font-size: var(--text-size-xxl);
  line-height: var(--line-height-xxl);
  margin-left: 50px;
  padding-top: 40px;
}

.in-practice-section hr {
  background: repeating-linear-gradient(
    to right,
    white,
    white 2px,
    transparent 1px,
    transparent 20px
  );
  border: none;
  height: 2px;
  position: relative;
  margin-top: 70px;
}

.in-practice-section .in-practice-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  transform: translateY(-89px);
}

.in-practice-section .buttons {
  display: flex;
  justify-content: center;
}

@media (max-width: 1200px) {
  .in-practice-section .in-practice-items {
    transform: translateY(-80px);
  }
}

@media (max-width: 992px) {
  .in-practice-section {
    padding-left: 24px;
    padding-right: 24px;
  }
  .in-practice-section .title h2 {
    text-align: center;
    margin-left: unset;
  }
  .in-practice-section hr {
    display: none;
  }

  .in-practice-section .in-practice-items {
    transform: unset;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
  .in-practice-section .buttons {
    margin-top: calc(var(--space-element-y-xl) * 2);
  }
}

body{
    font-family: 'Poppins', sans-serif;
    margin:unset;
}

h1,h2,h3,h4,h5,h6,p{margin:unset;}

button{
    all: unset;
}

#hs-eu-opt-in-buttons button{
    text-align: center !important;
}


.body-padding-top{
    padding-top: 148px;
}

.no-transition {
    transition: none !important;
}

@media (max-width: 1050px) {
    .body-padding-top{
        padding-top: 140px;
    }
}

@media (max-width: 576px) {
    .body-padding-top{
        padding-top: 100px;
    } 
}