:root {
  --_primitives---color--spring-green: #00ff97;
  --_spacing-sizing---page-padding--padding-global: 4rem;
  --_color-schemes---color-scheme-5--background: var(--_primitives---color--cod-gray-darkest);
  --_color-schemes---color-scheme-5--text: var(--_primitives---color--white);
  --_typography---text-sizes--text-regular: 1rem;
  --_spacing-sizing---section-padding--padding-section-large: 7rem;
  --_typography---text-sizes--heading-1: 4.5rem;
  --_typography---text-sizes--text-medium: 1.125rem;
  --_spacing-sizing---section-padding--padding-section-medium: 5rem;
  --_spacing-sizing---max-width--max-width-medium: 35rem;
  --_primitives---color--neutral-darkest: #000;
  --_primitives---color--white: #fff;
  --_spacing-sizing---container--container-large: 80rem;
  --_spacing-sizing---max-width--max-width-large: 48rem;
  --_color-schemes---color-scheme-5--accent: var(--_primitives---color--spring-green);
  --_typography---text-sizes--heading-5: 1.75rem;
  --_typography---text-sizes--text-large: 1.375rem;
  --_color-schemes---color-scheme-2--text: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-4--background: var(--_primitives---color--spring-green);
  --_typography---text-sizes--heading-2: 3.25rem;
  --_typography---text-sizes--heading-6: 1.375rem;
  --_typography---text-sizes--heading-4: 2.25rem;
  --_color-schemes---color-scheme-5--border: var(--_primitives---color--white);
  --_ui-styles---radius--medium: 0rem;
  --_color-schemes---color-scheme-5--foreground: var(--_primitives---color--cod-gray-darkest);
  --_typography---text-sizes--heading-3: 2.75rem;
  --_color-schemes---color-scheme-4--text: var(--_primitives---color--neutral-darkest);
  --_typography---text-sizes--text-small: .875rem;
  --_color-schemes---color-scheme-1--text: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-1--foreground: var(--_primitives---color--white);
  --_primitives---color--cod-gray-darkest: #050505;
  --_ui-styles---radius--large: 0rem;
  --_color-schemes---color-scheme-1--background: var(--_primitives---color--white);
  --_color-schemes---color-scheme-1--accent: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-1--border: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-2--border: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-2--accent: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-2--foreground: var(--_primitives---color--spring-green-lightest);
  --_color-schemes---color-scheme-2--background: var(--_primitives---color--spring-green-lightest);
  --_color-schemes---color-scheme-3--accent: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-3--border: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-3--text: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-3--foreground: var(--_primitives---color--neutral-lightest);
  --_color-schemes---color-scheme-3--background: var(--_primitives---color--neutral-lightest);
  --_color-schemes---color-scheme-4--border: var(--_primitives---color--neutral-darkest);
  --_color-schemes---color-scheme-4--foreground: var(--_primitives---color--spring-green);
  --_color-schemes---color-scheme-4--accent: var(--_primitives---color--neutral-darkest);
  --_primitives---opacity--white-10: #ffffff1a;
  --_primitives---opacity--transparent: #fff0;
  --_primitives---opacity--neutral-darkest-10: #0000001a;
  --_primitives---opacity--neutral-darkest-40: #0006;
  --_primitives---opacity--white-50: #ffffff80;
  --_primitives---opacity--neutral-darkest-50: #00000080;
  --_primitives---opacity--neutral-darkest-60: #0009;
  --_primitives---opacity--white-30: #ffffff4d;
  --_primitives---opacity--white-60: #fff9;
  --_primitives---opacity--neutral-darkest-30: #0000004d;
  --_primitives---opacity--white-15: #ffffff26;
  --_primitives---opacity--neutral-darkest-20: #0003;
  --_primitives---opacity--white-20: #fff3;
  --_primitives---opacity--neutral-darkest-15: #00000026;
  --_primitives---opacity--neutral-darkest-5: #0000000d;
  --_primitives---opacity--white-5: #ffffff0d;
  --_primitives---opacity--white-40: #fff6;
  --_ui-styles---stroke--border-width: .125rem;
  --_ui-styles---stroke--divider-width: .125rem;
  --_primitives---color--neutral-light: #b2b2b2;
  --_primitives---color--neutral-lightest: #f2f2f2;
  --_primitives---color--neutral-lighter: #d8d8d8;
  --_primitives---color--neutral-darker: #191919;
  --_primitives---color--spring-green-lighter: #ccffea;
  --_primitives---color--neutral-dark: #4c4c4c;
  --_primitives---color--neutral: #7f7f7f;
  --_primitives---color--spring-green-lightest: #e5fff4;
  --_primitives---color--spring-green-darkest: #004c2d;
  --_primitives---color--cod-gray-light: #585858;
  --_primitives---color--cod-gray-lightest: #e7e7e7;
  --_primitives---color--cod-gray-darker: #060606;
  --_primitives---color--cod-gray: #111;
  --_primitives---color--spring-green-light: #4cffb6;
  --_primitives---color--cod-gray-dark: #0d0d0d;
  --_primitives---color--cod-gray-lighter: #cfcfcf;
  --_primitives---color--spring-green-dark: #00cc78;
  --_primitives---color--spring-green-darker: #00663c;
  --_spacing-sizing---container--container-small: 48rem;
  --_spacing-sizing---container--container-medium: 64rem;
  --_spacing-sizing---max-width--max-width-small: 30rem;
  --_spacing-sizing---max-width--max-width-xxlarge: 80rem;
  --_spacing-sizing---max-width--max-width-xlarge: 64rem;
  --_spacing-sizing---max-width--max-width-xsmall: 25rem;
  --_spacing-sizing---max-width--max-width-xxsmall: 20rem;
  --_ui-styles---radius--small: 0rem;
  --_spacing-sizing---section-padding--padding-section-small: 3rem;
  --_typography---text-sizes--text-tiny: .75rem;
}

body {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.company-logo {
  overflow: hidden;
}

.button-style {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--spring-green);
  background-color: var(--_primitives---color--spring-green);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 18px;
  text-decoration: none;
  display: flex;
}

.placeholder-logo {
  overflow: hidden;
}

.accueil-desktop {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.navbar-2 {
  width: 100%;
  height: 72px;
  padding-right: var(--_spacing-sizing---page-padding--padding-global);
  padding-left: var(--_spacing-sizing---page-padding--padding-global);
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 394px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.column {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-style {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text {
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.actions {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.header-23 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.medium-length-hero-headline-goes-here {
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-1);
  text-align: center;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri {
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.logo-1 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-medium) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 24px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.heading20 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-medium);
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.gallery-1 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-style-2 {
  color: var(--_primitives---color--neutral-darkest);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.button-style-3 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--spring-green);
  background-color: var(--_primitives---color--spring-green);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 20px;
  text-decoration: none;
  display: flex;
}

.button-style-4 {
  grid-column-gap: 8px;
  border: 2px solid var(--_primitives---color--white);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 20px;
  text-decoration: none;
  display: flex;
}

.button-style-5 {
  color: var(--_primitives---color--white);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.container-2 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.column-2 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.actions-2 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.container-3 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-3 {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.benef-desktop {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.layout {
  grid-row-gap: 80px;
  background-color: #050505;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 112px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-4 {
  width: var(--_spacing-sizing---container--container-large);
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.container-4.is-mobile-size {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.component {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.realisation_screen {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tagline-wrapper {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tagline {
  color: var(--_primitives---color--spring-green);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.heading-2 {
  color: #fff;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.actions-3 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-style-6 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--spring-green);
  background-color: var(--_primitives---color--spring-green);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-style-7 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.timeline-item {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.timeline-item.is-benef {
  margin-top: 40px;
}

.content-style-5 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.relume {
  object-fit: cover;
  overflow: hidden;
}

.heading-3 {
  color: #fff;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.text {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.container-5 {
  width: var(--_spacing-sizing---container--container-large);
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.container-5.is-mobile-size {
  width: 100%;
}

.section-title {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tagline-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.content-style-6 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.heading-4 {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-2 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-style-7 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.row {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: stretch stretch;
  width: auto;
  text-decoration: none;
  display: grid;
}

.column-4 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.placeholder-image {
  object-fit: cover;
}

.heading-5 {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.text-3 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button-style-8 {
  grid-column-gap: 8px;
  border: 2px solid var(--_primitives---color--neutral-darkest);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.effect-xxsmall {
  box-shadow: 0 1px 2px #0000000d;
}

.effect-xsmall {
  box-shadow: 0 1px 2px #0000000f, 0 1px 3px #0000001a;
}

.effect-small {
  box-shadow: 0 2px 4px -2px #0000000f, 0 4px 8px -2px #0000001a;
}

.effect-medium {
  box-shadow: 0 4px 6px -2px #00000008, 0 12px 16px -4px #00000014;
}

.effect-large {
  box-shadow: 0 8px 8px -4px #00000008, 0 20px 24px -4px #00000014;
}

.effect-xlarge {
  box-shadow: 0 24px 48px -12px #0000002e;
}

.effect-xxlarge {
  box-shadow: 0 32px 64px -12px #00000024;
}

.text-headingh1 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 120%;
}

.text-headingh2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 120%;
}

.text-headingh3 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 120%;
}

.text-headingh4 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 130%;
}

.text-headingh5 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 140%;
}

.text-headingh6 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 140%;
}

.text-headingtagline {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

.text-textlargelight {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 150%;
}

.text-textlargenormal {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 150%;
}

.text-textlargemedium {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 150%;
}

.text-textlargesemi-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 150%;
}

.text-textlargebold, .text-textlargeextra-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 150%;
}

.text-textlargelink {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.text-textmediumlight {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 150%;
}

.text-textmediumnormal {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.text-textmediummedium {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.text-textmediumsemi-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 150%;
}

.text-textmediumbold, .text-textmediumextra-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
}

.text-textmediumlink {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.text-textregularlight {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
}

.text-textregularnormal {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.text-textregularmedium {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}

.text-textregularsemi-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}

.text-textregularbold, .text-textregularextra-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}

.text-textregularlink {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.text-textsmalllight {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 300;
  line-height: 150%;
}

.text-textsmallnormal {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 150%;
}

.text-textsmallmedium {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 150%;
}

.text-textsmallsemi-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 150%;
}

.text-textsmallbold, .text-textsmallextra-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 150%;
}

.text-textsmalllink {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.text-texttinylight {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 300;
  line-height: 150%;
}

.text-texttinynormal {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
}

.text-texttinymedium {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 150%;
}

.text-texttinysemi-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  line-height: 150%;
}

.text-texttinybold, .text-texttinyextra-bold {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  line-height: 150%;
}

.text-texttinylink {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.menu {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.navbar {
  background-color: #050505;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 72px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.container-nav-menu {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-style-8 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 394px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.company-logo-2 {
  overflow: hidden;
}

.logo_dark {
  object-fit: cover;
}

.nav-menu-old {
  grid-column-gap: 32px;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.link-style-2 {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.actions-4 {
  grid-column-gap: 16px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-style-9 {
  grid-column-gap: 8px;
  background-color: #00ff97;
  border: 1px solid #00ff97;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 18px;
  text-decoration: none;
  display: flex;
}

.button-style-10 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.hero-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.header-style {
  grid-row-gap: 80px;
  background-color: #050505;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 112px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-7 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  text-decoration: none;
  display: flex;
}

.column-6 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.content-style-9 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  text-decoration: none;
  display: flex;
}

.title_hero {
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Host Grotesk, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.text_hero {
  color: var(--_color-schemes---color-scheme-5--accent);
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: var(--_typography---text-sizes--heading-5);
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text_hero.is-home {
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
}

.text_hero.is-home.palatino {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.text_hero.is-hero {
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
}

.actions-5 {
  grid-column-gap: 30px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-top: -10px;
  text-decoration: none;
  display: flex;
}

.actions-5.cta_landing_first {
  flex-flow: row;
}

.button-style-11 {
  grid-column-gap: 8px;
  color: var(--_color-schemes---color-scheme-2--text);
  background-color: #00ff97;
  border: 1px solid #00ff97;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button-style-11.is-pack-cta {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.button-style-11.is-pack-cta.w--current {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.button-style-11.btn_vid {
  padding-left: 45px;
  padding-right: 45px;
}

.button-style-12 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.button-style-13 {
  grid-column-gap: 8px;
  border: 2px solid #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.button-style-14 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.clients {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.logo {
  grid-row-gap: 24px;
  background-color: #050505;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.logo._1.logos-home {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.container-8 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -61px;
  text-decoration: none;
  display: flex;
}

.heading-6 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-4--background);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.content-style-10 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.placeholder-logo-2 {
  z-index: 3;
  object-fit: contain;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  overflow: hidden;
}

.benefices {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 575px;
  padding-top: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.layout-121 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.timeline {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 32px;
  text-decoration: none;
  display: flex;
}

.button-style-15 {
  color: var(--_primitives---color--neutral-darkest);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.relume-2 {
  overflow: hidden;
}

.tagline-3 {
  color: var(--_color-schemes---color-scheme-4--background);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.heading-7 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.heading-8 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-6);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.heading-8.is-title-green {
  color: var(--_primitives---color--spring-green);
}

.text-4 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.process {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.layout-239 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-style-16 {
  color: var(--_primitives---color--neutral-darkest);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.tagline-4 {
  color: var(--_primitives---color--spring-green);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.heading-9 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.heading-9.is-320 {
  font-weight: 400;
}

.text-5 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.heading-10 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-4--background);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-5);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.text-6 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.videos {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gallery-10 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-title-2 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.heading-11 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-7 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.realisation_line_home {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-column-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.chiffres {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.layout-237 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-9 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-title-3 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tagline-5 {
  color: var(--_primitives---color--spring-green);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.heading-12 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.row-2 {
  width: 100%;
  height: 276px;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-column-gap: 48px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.column-7 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-13 {
  width: 100%;
  color: var(--_primitives---color--spring-green);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-4);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
  display: block;
  position: relative;
}

.text-8 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.check {
  width: var(--_typography---text-sizes--heading-5);
  color: var(--_color-schemes---color-scheme-4--background);
  overflow: hidden;
}

.tarifs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.pricing-18 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.price {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.list-item {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-style-17 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--spring-green);
  background-color: var(--_primitives---color--spring-green);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.button-style-18 {
  color: var(--_primitives---color--neutral-darkest);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.container-10 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-title-4 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tagline-6 {
  color: var(--_primitives---color--spring-green);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.heading-14 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.column-8 {
  grid-row-gap: 32px;
  border: 2px solid var(--_color-schemes---color-scheme-5--border);
  border-radius: var(--_ui-styles---radius--medium);
  background-color: var(--_color-schemes---color-scheme-5--foreground);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 810px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.column-8.is-pack1.is_428_pack1 {
  border-radius: 20px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  height: auto;
}

.column-8.is_428_pack2.is_390_pack2 {
  border-radius: 20px;
  align-self: stretch;
  height: auto;
}

.content-style-12 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-15 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-4--background);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-3);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.price-2 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-1);
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-9 {
  color: #fff;
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-10 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.actions-6 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 55px;
  text-decoration: none;
  display: flex;
}

.actions-6.is_320_btn1 {
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 175px;
}

.actions-6.is_320_btn1.break1024 {
  margin-top: 60px;
}

.actions-6.is_320_btn2.is_390_btn2 {
  margin-top: 76px;
}

.actions-6.is_320_btn2.is_390_btn2.btn3 {
  margin-top: 140px;
}

.column-9 {
  grid-row-gap: 32px;
  border: 2px solid var(--_color-schemes---color-scheme-5--border);
  border-radius: var(--_ui-styles---radius--medium);
  background-color: var(--_color-schemes---color-scheme-5--foreground);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 810px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.column-9.is-pack-3.is_428_pack3 {
  border-radius: 20px;
  align-self: stretch;
  height: auto;
}

.content-style-13 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.keyboard_arrow_up {
  max-width: var(--_typography---text-sizes--heading-4);
  overflow: hidden;
}

.faq {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.faq-10 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.accordion-list {
  border-style: solid;
  border-width: 0 0 2px;
  border-color: var(--_color-schemes---color-scheme-5--border);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.accordion {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.accordion.is-first-q {
  margin-top: 0;
}

.question {
  grid-column-gap: 24px;
  border-style: solid;
  border-width: 2px 0 0;
  border-color: var(--_color-schemes---color-scheme-5--border);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.answer {
  grid-column-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-11 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-title-5 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.heading-16 {
  width: 100%;
  color: var(--_primitives---color--spring-green);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-11 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.content-style-14 {
  grid-column-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.question-2 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-12 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-5--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-style-15 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-medium);
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-16 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.call {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.cta-25 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-4--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-style-19 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--spring-green);
  background-color: var(--_primitives---color--spring-green);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.button-style-20 {
  color: var(--_primitives---color--neutral-darkest);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-regular);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.button-style-21 {
  grid-column-gap: 8px;
  border: 2px solid var(--_primitives---color--neutral-darkest);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
}

.container-12 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-17 {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.heading-17 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-4--text);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.text-13 {
  width: 100%;
  color: var(--_color-schemes---color-scheme-4--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-13.is-mail {
  font-size: 1rem;
  font-weight: 500;
}

.facebook, .instagram, .x {
  overflow: hidden;
}

.linkedin {
  cursor: pointer;
  overflow: hidden;
}

.youtube {
  overflow: hidden;
}

.footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer-4 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-medium) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-4--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.links {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.bnfices, .procd, .ralisations {
  color: var(--_color-schemes---color-scheme-4--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.social-links {
  grid-column-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.credits {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._2024-greenbird-tous-droits-rservs {
  color: var(--_color-schemes---color-scheme-4--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.politique-de-confidentialit, .conditions-gnrales, .paramtres-cookies {
  color: var(--_color-schemes---color-scheme-4--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.container-13 {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.content-style-18 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.logo-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tarifs-2, .faq-2 {
  color: var(--_color-schemes---color-scheme-4--text);
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.row-3 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.navigation {
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  mix-blend-mode: normal;
  background-color: #050505d6;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  top: 0;
}

.navigation-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand {
  width: 13%;
}

.button {
  background-color: var(--_primitives---color--spring-green);
  color: var(--_color-schemes---color-scheme-1--text);
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  font-size: 16px;
  font-weight: 500;
}

.button.hide-tablet {
  border-radius: 30px;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: .8rem;
  font-weight: 600;
}

.navigation-link {
  color: var(--_color-schemes---color-scheme-5--text);
  font-size: var(--_typography---text-sizes--text-regular);
  cursor: pointer;
  padding-right: 20px;
  font-weight: 700;
}

.navigation-link.w--current {
  color: var(--_color-schemes---color-scheme-5--text);
}

.navigation-link.is-end.link-call-mobile {
  display: none;
}

.navigation-link.is-audiovisuel {
  color: var(--_color-schemes---color-scheme-4--background);
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  line-height: 23px;
}

.container-14 {
  width: var(--_spacing-sizing---container--container-large);
  max-width: var(--_spacing-sizing---container--container-large);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.container-14.is-tablet {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.images_anim {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -90px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.images_anim.is-mobile-portrait {
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.gallery-1-2 {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-5--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gallery-1-2.is-gif-mobile {
  max-width: var(--_spacing-sizing---container--container-large);
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.image {
  border-radius: 15px;
  align-self: center;
  max-width: 90%;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.image.img-bg {
  width: 2014px;
  max-width: none;
  height: 1335px;
  max-height: none;
  margin-top: -330px;
  position: absolute;
}

.text-span {
  color: #43fe97;
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-weight: 400;
}

.image-2 {
  width: 3rem;
}

.logos-quote-divider {
  border-bottom: 1px solid #e4ebf3;
  padding: 60px 30px;
  position: relative;
}

.container-15 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.clients-wrapper-two {
  justify-content: space-between;
  align-items: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.clients-info-two {
  flex-direction: column;
  align-items: flex-start;
  max-width: 350px;
  display: flex;
}

.clients-quote-two {
  margin-top: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.clients-divider {
  background-color: #e4ebf3;
  width: .125rem;
  height: 5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  position: relative;
}

.clients-divider.is-divider2 {
  margin-top: 67px;
}

.clients-info {
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.clients-info-image {
  object-fit: cover;
  width: 50px;
  height: 50px;
  margin-right: 24px;
}

.clients-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.image-3 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 10px;
}

.image-4, .image-5 {
  object-fit: cover;
  border-radius: 10px;
}

.image-6 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-position: 50% 0%;
  position: static;
  overflow: clip;
}

.number {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  color: #eee;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  font-size: 6vw;
  line-height: 1;
  display: flex;
}

.text-block {
  color: var(--_primitives---color--spring-green);
  font-family: Host Grotesk, sans-serif;
  font-size: var(--_typography---text-sizes--heading-1);
  font-weight: 600;
  display: flex;
  position: relative;
}

.image-7 {
  max-width: var(--_typography---text-sizes--heading-4);
}

.link {
  color: var(--_color-schemes---color-scheme-1--text);
  text-decoration: none;
  -webkit-text-decoration-color: var(--_color-schemes---color-scheme-2--text);
  text-decoration-color: var(--_color-schemes---color-scheme-2--text);
  font-weight: 600;
}

.body {
  background-color: var(--_color-schemes---color-scheme-5--background);
}

.image-9, .image-10, .image-11, .image-12, .image-13, .image-14 {
  border-radius: 10px;
}

.italic-text, .bold-text, .italic-text-2 {
  color: var(--_color-schemes---color-scheme-4--background);
}

.link-2 {
  color: var(--_color-schemes---color-scheme-2--text);
}

.color-1 {
  background-color: var(--_color-schemes---color-scheme-4--background);
  opacity: 1;
  filter: blur(200px);
  border-radius: 100%;
  align-self: center;
  width: 70vw;
  height: 40vw;
  margin-bottom: -12vw;
  margin-left: 12vw;
  margin-right: 12vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bg-noise {
  z-index: 1;
  opacity: .15;
  mix-blend-mode: soft-light;
  filter: blur(.4px);
  background-image: url('../images/bg-noise.png');
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cursor-hover {
  opacity: 0;
  position: absolute;
}

.bg-asset {
  z-index: 10;
  pointer-events: none;
  position: fixed;
  inset: 0%;
}

.heading-style-h1 {
  font-size: 9em;
  font-weight: 500;
  line-height: 1;
}

.heading-style-h1.text-weight-black.line-height_88 {
  line-height: .88;
}

.draggable-card {
  cursor: none;
  border-radius: .4375em;
  justify-content: center;
  align-items: center;
  width: 24em;
  height: 25em;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.draggable-card.is-third {
  z-index: 4;
  transform: rotate(-2.5deg);
}

.draggable-card.is-second {
  z-index: 5;
  transform: rotate(.64deg);
}

.draggable-card.is-fifth {
  z-index: 2;
  transform: rotate(2deg);
}

.draggable-card.is-sixth {
  z-index: 1;
  transform: rotate(-6deg);
}

.draggable-card.is-fourth {
  z-index: 3;
}

.draggable-card.is-first {
  z-index: 7;
  transform: rotate(-6deg);
}

.bottom-content {
  position: absolute;
  bottom: 2.8em;
}

.primary-button {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #efeeec;
  cursor: pointer;
  background-color: #2e2f3b1a;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  padding: 1.2em 2.4em;
  line-height: 1;
  text-decoration: none;
  transition: background-color .25s;
  display: flex;
  position: absolute;
}

.primary-button:hover {
  background-color: #2e2f3b66;
}

.container-16 {
  width: 100%;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
}

.copyright_link {
  transition: opacity .25s;
}

.copyright_link:hover {
  opacity: .8;
}

.hero-home {
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: flex;
  overflow: clip;
}

.text-size-regular {
  font-size: .875em;
}

.drag-images-button {
  color: #2e2f3b;
  background-color: #efeeec;
  border-radius: .5em;
  padding: .5em 1em .5em .75em;
}

.drag-images-button.is-cards {
  z-index: 2;
  opacity: 0;
  white-space: nowrap;
  border-top-right-radius: 6.25em;
  border-bottom-right-radius: 6.25em;
  border-bottom-left-radius: 6.25em;
  position: absolute;
  top: 2em;
  left: 2em;
}

.navbar-component {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.navbar-3 {
  z-index: 9999;
  background-color: #0000;
  padding-top: 2.38em;
  padding-left: 4em;
  padding-right: 4em;
  position: absolute;
  inset: 0% 0% auto;
}

.cursor-default {
  opacity: 0;
  position: absolute;
}

.cursor-fixed {
  z-index: 2147483647;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0%;
}

.brand-2 {
  color: #efeeec;
}

.bg-video {
  width: 100%;
  height: 100%;
}

.bg-grid {
  z-index: 0;
  opacity: .15;
  background-image: url('../images/bg-grid.svg');
  background-position: 0 100%;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: relative;
}

.cursor-grab {
  opacity: 0;
  position: absolute;
}

.copyright-wrapper {
  z-index: 99999999;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  opacity: .5;
  display: flex;
}

.copyright-wrapper.opacity_100.hide-desktop {
  display: none;
}

.hero-heading {
  z-index: 0;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 50em;
  display: flex;
  position: relative;
}

.opacity_50 {
  opacity: .5;
}

.primary-button__text {
  z-index: 2;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1em;
  line-height: 1.3;
  position: relative;
}

.international_image {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
  height: 100%;
}

.insta_link {
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
}

.navigation_nav-menu {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.features_image {
  object-fit: cover;
  width: 100%;
  height: 17.3125rem;
}

.cta_section {
  background-image: linear-gradient(#0006, #0006), url('../images/33_133.webp');
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.navigation_logo-link {
  color: #1e1e1e;
}

.footer_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.insta_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation_logo {
  color: #1e1e1e;
  height: 2.22906rem;
}

.text-color-alternate {
  color: #fff;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.container-medium-2 {
  width: 100%;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
}

.header-video {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.padding-section-xlarge {
  height: 100%;
  padding-top: 15rem;
  padding-bottom: 11rem;
}

.footer_rsx_wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.text-size-regular-2 {
  font-size: 1.125rem;
  font-weight: 400;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.align-center {
  justify-content: center;
  align-items: center;
}

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

.features_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  justify-items: stretch;
  display: grid;
  position: static;
}

.footer_left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.spacer-medium {
  width: 100%;
  padding-top: 1.5rem;
}

.locale {
  background-color: #fff;
  padding: .2rem 1rem;
}

.heading-style-footer {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
}

.navigation_link {
  color: #1e1e1e;
  text-transform: uppercase;
  padding: 0;
  font-size: .9375rem;
  font-weight: 600;
  transition: all .1s;
}

.navigation_link:hover {
  color: #1e1e1e66;
  text-decoration: underline;
}

.navigation_link.w--current {
  color: #1e1e1e;
  text-decoration: underline;
}

.footer_text {
  color: #fff;
  text-align: center;
  font-size: .875rem;
}

.heading-18 {
  font-size: 3rem;
}

.footer_link-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_link {
  color: #fff;
  text-transform: none;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 130%;
}

.button-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #1e1e1e;
  border: 1px solid #1e1e1e;
  width: auto;
  padding: .75rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  transition: all .4s cubic-bezier(.316, .007, .25, 1);
}

.button-2:hover {
  color: #1e1e1e;
  background-color: #1e1e1e00;
  border: 1px solid #1e1e1e;
}

.button-2.is-small {
  text-transform: none;
  padding: .5rem 1.25rem;
}

.button-2.is-secondary {
  color: #1e1e1e;
  background-color: #fff;
  border: .0625rem solid #fff;
}

.button-2.is-secondary:hover {
  color: #fff;
  background-color: #fff0;
  border-style: solid;
}

.button-2.is-ghost {
  background-color: #fff0;
  border: .0625rem solid #fff;
}

.button-2.is-ghost:hover {
  background-color: #fff;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.footer-5 {
  background-color: #1e1e1e;
}

.hebergement_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer_separator {
  background-color: #fff;
  height: .0625rem;
  margin-top: 11rem;
  margin-bottom: 2rem;
}

.navigation_right {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hebergement_image {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
  height: 100%;
}

.international_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.max-width-medium {
  z-index: 10;
  width: 100%;
  max-width: 57rem;
  margin-top: 0;
  position: relative;
}

.features_item {
  border: 1px solid #0000001a;
}

.header-video_background-video {
  z-index: 4;
  opacity: .2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer_right {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  display: flex;
}

.text-size-small {
  font-size: 1rem;
}

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

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.locale-link.w--current {
  text-decoration: none;
}

.header-video_background {
  z-index: 5;
  background-color: #0000009e;
  position: absolute;
  inset: 0%;
}

.max-width-small {
  width: 100%;
  max-width: 40rem;
}

.line-title {
  background-color: #1e1e1e;
  width: 3.4375rem;
  height: .125rem;
}

.line-title.align-center {
  background-color: #1e1e1e;
}

.navigation_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation-2 {
  z-index: 40;
  -webkit-text-stroke-color: #0000000d;
  background-color: #fff;
  border: .0625rem solid #0000000d;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: fixed;
  inset: 0% 0% auto;
}

.padding-small {
  padding: 1.25rem;
}

.text-block-2 {
  align-self: center;
}

.body-2 {
  background-color: var(--_color-schemes---color-scheme-5--background);
}

.logo-intro {
  width: 13em;
  height: 13em;
  margin: auto auto 100px;
  display: block;
  position: static;
}

.bold-text-2 {
  color: var(--_color-schemes---color-scheme-5--text);
  display: block;
}

.hero-heading-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-17 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.code-embed-2, .video_min {
  border-radius: 10px;
}

.italic-text-5, .italic-text-7, .italic-text-8, .italic-text-9, .italic-text-10, .italic-text-11 {
  color: var(--_color-schemes---color-scheme-4--background);
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.italic-text-12 {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.is-coming.is-link {
  color: var(--_color-schemes---color-scheme-5--text);
}

.is-italic-palatino {
  color: var(--_color-schemes---color-scheme-5--accent);
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

.link-3 {
  text-decoration: none;
  -webkit-text-decoration-color: var(--_color-schemes---color-scheme-5--accent);
  text-decoration-color: var(--_color-schemes---color-scheme-5--accent);
}

.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;
}

.body-4 {
  background-color: var(--_color-schemes---color-scheme-5--background);
}

.pdf_embed {
  overflow: clip;
}

.div-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.apple-carousel_marker {
  cursor: pointer;
  background-color: #0000;
  border: .5rem solid #0000;
  border-radius: 999px;
  padding: 0;
}

.apple-carousel_content {
  opacity: 0;
  text-align: center;
  margin-top: 2rem;
  transition: opacity .4s;
}

.apple-carousel_marker-wrapper {
  justify-content: center;
  gap: .5rem;
  margin-top: 3rem;
  display: flex;
}

.apple-carousel_marker-progress {
  opacity: 0;
  transform-origin: 0;
  transform: scaleX(var(--carousel-autoplay-progress, 0));
  background-color: #000;
  position: absolute;
  inset: 0;
}

.apple-carousel_marker-fill {
  background-color: #d2d2d7;
  border-radius: 999px;
  width: .5rem;
  height: .5rem;
  transition: width .4s, background-color .4s;
  position: relative;
  overflow: hidden;
}

.text-weight-semibold {
  font-weight: 600;
}

.heading-style-h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.apple-carousel_item {
  opacity: .4;
  scroll-snap-align: center;
  filter: blur(8px);
  flex-shrink: 0;
  width: 70vw;
  max-width: 50rem;
  transition: transform .6s cubic-bezier(.25, 1, .5, 1), opacity .6s, filter .6s;
  transform: scale(.85);
}

.apple-carousel_item.carousel-item-active {
  opacity: 1;
  filter: blur();
  transform: scale(1);
}

.apple-carousel_track {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  width: 100vw;
  min-width: 100%;
  scroll-padding: var(--carousel-gutter);
  padding-left: var(--carousel-gutter);
  padding-right: var(--carousel-gutter);
  gap: 2rem;
  margin-left: calc(50% - 50vw);
  display: flex;
  overflow-x: scroll;
}

.apple-carousel_image-wrapper {
  aspect-ratio: 16 / 9;
  background-color: #f5f5f7;
  border-radius: 1.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.apple-carousel_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.padding-section-large-2 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section-3 {
  overflow: hidden;
}

.slider_subtxt {
  color: #fffc;
  font-size: .75rem;
  font-weight: 500;
}

.slider_wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mask {
  width: 302px;
  height: 462px;
  overflow: visible;
}

.slider_img {
  z-index: -1;
  box-sizing: border-box;
  object-fit: cover;
  object-position: 50% 50%;
  width: 302px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: inline-flex;
  inset: -112px 4% auto auto;
}

.slider_link-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px;
  align-items: flex-end;
  width: 100%;
  max-width: 230px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-decoration: none;
  display: flex;
}

.slide {
  margin-right: 16px;
}

.right-arrow {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: inline-flex;
  inset: -112px 0% auto auto;
}

.slider_card {
  width: 100%;
  height: 100%;
  box-shadow: none;
  cursor: pointer;
  background-color: #00000040;
  justify-content: center;
  align-items: flex-end;
  transition: all .5s;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.slider_card:hover {
  box-shadow: 0 2px 10px #00000080;
}

.slider_card-txt-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.slider_subtitle {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
}

.container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-2 {
  display: none;
}

.slider_main-wrap {
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

.padding-global-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  width: 100%;
  min-height: 462px;
  display: flex;
  overflow: visible;
}

.section_slider {
  flex-flow: column;
  justify-content: center;
  min-height: 100svh;
  display: flex;
}

.copy-button {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.circle-container {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 125px;
  max-width: 100vw;
  height: 125px;
  max-height: 100vw;
  display: flex;
  position: relative;
}

.circle-text {
  z-index: 10;
  color: #434a6b;
  text-align: center;
  text-transform: uppercase;
  font-family: Merriweather, serif;
  font-size: 1rem;
  font-weight: 300;
  position: relative;
  overflow: visible;
}

.neumorphism-circle {
  border: 2px none undefined;
  color: #6d7494;
  text-transform: uppercase;
  background-color: #e9eaef;
  background-image: url('../images/arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-attachment: scroll;
  border-radius: 99999px;
  width: 100px;
  height: 100px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .2s ease-in-out;
  position: absolute;
  left: auto;
  box-shadow: 1px 1px 21px #d4d7e6, 10px 10px 30px #d0d3e2, -5px -4px 15px #ffffffd9, 1px 5px 14px #686e8c80, 1px 2px 8px #686e8c80, 0 4px 4px #686e8c80, inset 12px 14px 60px #686e8c26, inset -3px -3px 22px #ffffff80, inset -18px -18px 25px #fff3, inset -2px -3px 5px #ffffff80;
}

.neumorphism-circle:hover {
  box-shadow: 1px 1px 21px #d4d7e6;
}

@media screen and (min-width: 1280px) {
  .container-5.is-mobile-size {
    width: 100%;
  }

  .column-6 {
    grid-row-gap: 0px;
  }

  .content-style-9 {
    grid-row-gap: 20px;
    padding-bottom: 0;
  }

  .title_hero {
    font-weight: 400;
  }

  .text_hero {
    margin-bottom: 40px;
  }

  .text_hero.is-home {
    color: var(--_color-schemes---color-scheme-5--text);
    font-family: Inter, sans-serif;
    font-size: var(--_typography---text-sizes--text-medium);
  }

  .text_hero.is-home.palatino {
    font-family: Inter, sans-serif;
    font-weight: 400;
  }

  .text_hero.is-hero {
    color: var(--_color-schemes---color-scheme-5--text);
    font-family: Inter, sans-serif;
    font-size: var(--_typography---text-sizes--text-medium);
  }

  .actions-5 {
    grid-column-gap: 16px;
    margin-top: 0;
  }

  .actions-5.cta_landing_first {
    flex-flow: row;
  }

  .button-style-11 {
    font-size: .9rem;
    font-weight: 600;
  }

  .heading-6 {
    color: var(--_color-schemes---color-scheme-4--background);
  }

  .placeholder-logo-2 {
    object-fit: contain;
  }

  .heading-7, .heading-9, .heading-9.is-320, .heading-12, .heading-14 {
    font-weight: 400;
  }

  .actions-6.is_320_btn1 {
    margin-top: 0;
  }

  .actions-6.is_320_btn1.is-video-page {
    margin-top: 20px;
  }

  .actions-6.is_320_btn1.is-land-page {
    margin-top: 120px;
  }

  .actions-6.is_320_btn2.is_390_btn2.btn3 {
    margin-top: 140px;
  }

  .actions-6.is_320_btn2.is_390_btn2.btn3.is-land-page {
    margin-top: 40px;
  }

  .actions-6.is_320_btn2.is_390_btn2.is-video-page {
    margin-top: 0;
  }

  .actions-6.is_320_btn2.is_390_btn2.is-land-page {
    margin-top: 25px;
  }

  .text-11 {
    font-weight: 400;
  }

  .navigation-link.is-audiovisuel {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    line-height: 23px;
  }

  .images_anim.is-mobile-portrait {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .gallery-1-2.is-gif-mobile {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .image {
    align-self: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-15 {
    min-width: auto;
    max-width: 90%;
  }

  .color-1 {
    background-color: var(--_color-schemes---color-scheme-4--background);
    align-self: center;
  }

  .max-width-medium {
    margin-top: 0;
  }

  .header-video_background-video {
    opacity: .2;
  }

  .text-block-2 {
    align-self: center;
  }

  .body-2 {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .logo-intro {
    width: 13em;
    height: 13em;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .italic-text-5, .italic-text-7 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .italic-text-8 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
  }

  .italic-text-9, .italic-text-10, .italic-text-11 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .italic-text-12 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .is-italic-palatino {
    color: var(--_color-schemes---color-scheme-5--accent);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .div-block-2 {
    background-color: var(--_color-schemes---color-scheme-5--accent);
  }
}

@media screen and (min-width: 1440px) {
  .realisation_screen {
    z-index: 10;
    position: relative;
  }

  .title_hero {
    font-weight: 400;
    line-height: 100%;
  }

  .text_hero {
    color: var(--_color-schemes---color-scheme-5--text);
    margin-bottom: 40px;
  }

  .text_hero.is-home, .text_hero.is-hero {
    font-family: Inter, sans-serif;
    font-size: var(--_typography---text-sizes--text-medium);
  }

  .actions-5.cta_landing_first {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .button-style-11 {
    outline-offset: -3px;
    transform-origin: 50%;
    text-align: center;
    cursor: pointer;
    mix-blend-mode: normal;
    outline: 3px #fff;
    padding-left: 30px;
    padding-right: 30px;
    font-size: .9rem;
    font-weight: 600;
    transform: none;
  }

  .heading-6 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-size: 1rem;
  }

  .placeholder-logo-2 {
    aspect-ratio: auto;
    -webkit-text-fill-color: inherit;
    object-fit: contain;
    background-clip: border-box;
    width: 20%;
    padding-left: 0;
    padding-right: 0;
  }

  .benefices.is-mobile-paysage {
    aspect-ratio: auto;
    object-fit: fill;
  }

  .timeline {
    z-index: 10;
    position: relative;
  }

  .heading-7 {
    font-weight: 400;
  }

  .heading-9, .heading-9.is-320 {
    font-family: Host Grotesk, sans-serif;
    font-weight: 400;
  }

  .text-5, .heading-10.is_320 {
    font-weight: 400;
  }

  .heading-12 {
    font-family: Host Grotesk, sans-serif;
    font-weight: 400;
  }

  .heading-14 {
    font-weight: 400;
  }

  .actions-6.is_320_btn1 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .actions-6.is_320_btn1.is-land-page {
    margin-top: 65px;
  }

  .actions-6.is_320_btn2.is_390_btn2 {
    margin-top: 13px;
  }

  .actions-6.is_320_btn2.is_390_btn2.btn3 {
    margin-top: 0;
  }

  .actions-6.is_320_btn2.is_390_btn2.btn3.is-video-page {
    margin-top: 13px;
  }

  .actions-6.is_320_btn2.is_390_btn2.btn3.is-land-page {
    margin-top: 20px;
  }

  .actions-6.is_320_btn2.is_390_btn2.is-video-page {
    margin-top: 30px;
  }

  .text-11, .heading-17 {
    font-weight: 400;
  }

  .text-13 {
    font-weight: 500;
  }

  .navigation-link.is-audiovisuel {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .images_anim.is-mobile-portrait {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .gallery-1-2.is-gif-mobile {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .image {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .link-2 {
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--_color-schemes---color-scheme-2--text);
    text-decoration-color: var(--_color-schemes---color-scheme-2--text);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-decoration-style: solid;
  }

  .color-1 {
    background-color: var(--_color-schemes---color-scheme-4--background);
    opacity: .8;
    align-self: center;
    width: 60vw;
    margin-bottom: -21vw;
    margin-left: 22vw;
    margin-right: 22vw;
  }

  .section-2 {
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .header-video {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .max-width-medium {
    margin-top: 0;
  }

  .header-video_background-video {
    opacity: .13;
    filter: blur(3px) grayscale();
  }

  .text-block-2 {
    color: var(--_color-schemes---color-scheme-5--text);
    align-self: center;
  }

  .logo-intro {
    object-fit: fill;
    width: 13em;
    height: 13em;
    max-height: 100%;
    margin: auto auto 100px;
    display: block;
    position: static;
  }

  .bold-text-2 {
    object-fit: fill;
    display: block;
  }

  .hero-heading-left {
    background-color: var(--_color-schemes---color-scheme-5--background);
    border: 1px #000;
    margin-top: 70px;
  }

  .margin-bottom-24px {
    color: var(--_color-schemes---color-scheme-5--text);
  }

  .body-3 {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .heading-19 {
    color: var(--_color-schemes---color-scheme-5--text);
  }

  .text-span-2 {
    vertical-align: sub;
  }

  .italic-text-3, .text-span-3 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
  }

  .bold-text-3 {
    font-weight: 400;
  }

  .italic-text-4 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .text-span-4, .text-span-5 {
    color: var(--_color-schemes---color-scheme-4--background);
  }

  .text-span-6, .text-span-7 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .text-span-8 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .video, .code-embed {
    border-radius: 10px;
  }

  .video_miniature {
    border-radius: 10px;
    max-width: 100%;
    display: block;
  }

  .code-embed-2 {
    width: 100%;
    max-width: 100%;
  }

  .div-block {
    width: 31em;
    max-width: 100%;
    height: 25em;
  }

  .video_min {
    width: 100%;
  }

  .text-span-9 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
  }

  .italic-text-5 {
    color: var(--_color-schemes---color-scheme-4--background);
  }

  .italic-text-6 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14 {
    color: var(--_color-schemes---color-scheme-4--background);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .text-span-15 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .text-span-16 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: var(--_typography---text-sizes--heading-5);
  }

  .is-coming {
    color: var(--_color-schemes---color-scheme-5--accent);
  }

  .italic-text-13, .italic-text-14 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .pdf_embed {
    flex-flow: row;
    margin-top: 70px;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .container-4 {
    flex-flow: row;
    width: 100%;
  }

  .component {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .content-style-4 {
    margin-top: -20px;
  }

  .container-5 {
    width: 100%;
  }

  .section-title {
    width: 90%;
  }

  .content-style-7 {
    justify-content: flex-start;
    align-items: center;
  }

  .row {
    grid-row-gap: 80px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .title_hero {
    line-height: 110%;
  }

  .text_hero {
    width: 70%;
  }

  .text_hero.is-home {
    font-size: var(--_typography---text-sizes--text-medium);
  }

  .text_hero.is-home.palatino {
    justify-content: center;
    align-items: flex-start;
  }

  .text_hero.is-hero {
    font-size: var(--_typography---text-sizes--text-medium);
  }

  .button-style-11.btn_vid {
    padding-left: 45px;
    padding-right: 45px;
  }

  .content-style-10 {
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .content-style-10.is-768 {
    justify-content: center;
    align-items: center;
  }

  .placeholder-logo-2 {
    object-fit: contain;
    width: 20%;
    margin-left: 5px;
    margin-right: 5px;
  }

  .placeholder-logo-2.is-768 {
    object-fit: contain;
    width: 20%;
  }

  .benefices {
    margin-top: 270px;
  }

  .text-4 {
    margin-top: -10px;
  }

  .realisation_line_home {
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .container-9 {
    width: 100%;
  }

  .content-style-14 {
    flex-flow: column;
  }

  .nav-menu {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .brand {
    width: 17%;
  }

  .brand.w--current {
    width: 23%;
  }

  .button.hide-tablet {
    display: none;
  }

  .navigation-link {
    border-top: 1px solid var(--_color-schemes---color-scheme-5--border);
    text-align: right;
  }

  .navigation-link.is-end {
    border-bottom: 1px solid var(--_color-schemes---color-scheme-5--border);
  }

  .navigation-link.is-end.link-call-mobile {
    background-color: var(--_color-schemes---color-scheme-4--background);
    color: var(--_color-schemes---color-scheme-1--text);
    font-family: Inter, sans-serif;
    display: block;
  }

  .container-14.is-tablet {
    width: 100%;
    max-width: none;
    padding-left: 50px;
  }

  .image {
    max-width: 90%;
  }

  .image.img-bg {
    width: 130%;
    max-width: 130%;
    height: auto;
    margin-top: -200px;
  }

  .container-15 {
    max-width: 728px;
  }

  .clients-quote-two {
    font-size: 28px;
    line-height: 36px;
  }

  .icon {
    color: var(--_color-schemes---color-scheme-4--background);
  }

  .navigation-burger {
    background-color: #00ff9700;
  }

  .navigation-burger.w--open {
    border: 1px none var(--_color-schemes---color-scheme-5--text);
    color: #3330;
    background-color: #00ff9700;
  }

  .image-8 {
    font-size: 17px;
  }

  .bottom-content {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 2.8em;
  }

  .drag-images-button {
    color: #2e2f3b;
    background-color: #efeeec;
    border-radius: .5em;
    padding: .5em 1em .5em .75em;
  }

  .navbar-3 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .cursor-fixed {
    display: none;
  }

  .copyright-wrapper {
    position: relative;
    bottom: auto;
  }

  .copyright-wrapper.opacity_100 {
    opacity: 100;
  }

  .copyright-wrapper.opacity_100.hide-desktop {
    display: block;
  }

  .international_image {
    max-height: 32rem;
  }

  .insta_link {
    font-size: 1rem;
  }

  .navigation_nav-menu {
    background-color: #1e1e1e;
  }

  .features_image {
    height: 28rem;
  }

  .cta_section {
    background-color: #0006;
    background-image: linear-gradient(#0006, #0006), url('../images/33_133.webp');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .footer_wrapper {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    flex-flow: column;
  }

  .insta_list {
    grid-template-columns: 1fr 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .header-video {
    height: 100vh;
    padding-top: 4rem;
  }

  .padding-section-xlarge {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .text-size-regular-2 {
    font-size: 1rem;
  }

  .features_grid {
    grid-template-columns: 1fr;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .navigation_link {
    color: #fff;
    padding: 1.5rem;
  }

  .navigation_link:lang(en) {
    color: #fff;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hebergement_grid {
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .navigation-menu-button {
    color: #1e1e1e;
    border: .0625rem solid #000;
  }

  .navigation-menu-button.w--open {
    background-color: #1e1e1e;
  }

  .footer_separator {
    margin-top: 5rem;
    display: flex;
  }

  .hebergement_image {
    max-height: 32rem;
  }

  .international_grid {
    flex-flow: column-reverse wrap;
    grid-template-columns: 1fr;
    display: flex;
  }

  .max-width-medium {
    max-width: 90%;
  }

  .max-width-small {
    max-width: 30rem;
  }

  .hide-tablet {
    display: none;
  }

  .text-block-2 {
    color: var(--_color-schemes---color-scheme-5--text);
    align-self: center;
  }

  .logo-intro {
    margin-top: auto;
    margin-bottom: 100px;
  }

  .container-17 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .italic-text-15 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .text_hero.is-home {
    font-size: var(--_typography---text-sizes--text-large);
  }

  .text_hero.is-hero {
    font-size: var(--_typography---text-sizes--text-medium);
  }

  .actions-5.cta_landing_first {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: -10px;
  }

  .button-style-11.btn_vid {
    padding-left: 45px;
    padding-right: 45px;
  }

  .content-style-10 {
    grid-column-gap: 50px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }

  .content-style-10.is-768 {
    grid-column-gap: 20px;
    grid-row-gap: 2px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: grid;
  }

  .placeholder-logo-2 {
    width: 25%;
  }

  .placeholder-logo-2.is-mobile-landscape {
    object-fit: contain;
    width: 90%;
  }

  .benefices {
    margin-top: 150px;
  }

  .logos-quote-divider {
    padding: 60px 15px;
  }

  .clients-wrapper-two {
    flex-direction: column;
  }

  .clients-info-two {
    max-width: none;
    margin-bottom: 40px;
  }

  .clients-grid {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 15px;
  }

  .draggable-card {
    width: 14em;
    height: 15em;
  }

  .features_image {
    height: 22rem;
  }

  .cta_section {
    background-image: linear-gradient(#0006, #0006), url('../images/33_133.webp');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-xlarge {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .button-group {
    padding-top: .75rem;
  }

  .spacer-medium {
    padding-top: .5rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .footer_separator {
    margin-top: 5rem;
  }

  .footer_right {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-width-small {
    max-width: 27rem;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .apple-carousel_item {
    width: 85vw;
  }

  .apple-carousel_track {
    gap: 1rem;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  .container-4 {
    width: 120%;
    max-width: 960px;
  }

  .container-4.is-mobile-size {
    max-width: var(--_spacing-sizing---container--container-large);
  }

  .component {
    max-width: var(--_spacing-sizing---container--container-large);
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .realisation_screen {
    grid-row-gap: 15px;
  }

  .content-style-4 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .content-style-4.txt-vid {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .actions-3 {
    flex-flow: row;
    justify-content: space-between;
    align-self: center;
    align-items: center;
  }

  .timeline-item {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
  }

  .content-style-5 {
    grid-row-gap: 16px;
  }

  .container-5.is-mobile-size {
    width: 120%;
  }

  .content-style-6 {
    width: 100%;
    margin-top: 0;
  }

  .content-style-6.is_320 {
    width: 100%;
  }

  .content-style-7 {
    grid-row-gap: 60px;
    margin-top: -10px;
  }

  .row {
    grid-row-gap: 60px;
  }

  .column-4 {
    grid-row-gap: 20px;
  }

  .header-style._23 {
    padding-bottom: 80px;
  }

  .header-style._23.vid_projets {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .container-7 {
    width: 130%;
    max-width: var(--_spacing-sizing---container--container-large);
    grid-row-gap: 60px;
    margin-top: 0;
  }

  .content-style-9 {
    justify-content: flex-start;
    align-items: center;
  }

  .title_hero {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 2rem;
    font-weight: 600;
  }

  .text_hero {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
  }

  .text_hero.is-home {
    font-size: var(--_typography---text-sizes--text-regular);
  }

  .text_hero.is-home.palatino {
    margin-bottom: 0;
  }

  .text_hero.is-hero {
    font-size: var(--_typography---text-sizes--text-regular);
    margin-top: 30px;
  }

  .actions-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .actions-5.cta_landing_first {
    margin-top: 30px;
  }

  .actions-5.cta_landing_first.cta_links {
    z-index: 10;
    position: relative;
  }

  .button-style-11 {
    color: var(--_color-schemes---color-scheme-5--background);
    text-align: center;
    font-size: .9rem;
    font-weight: 500;
  }

  .button-style-11.is-pack-cta {
    text-align: center;
    padding-top: 15px;
  }

  .button-style-11.is-pack-cta.is_320_btn3 {
    margin-top: 0;
  }

  .button-style-11.is-pack-cta.is-428-pack-btn1 {
    text-align: center;
    margin-top: 0;
  }

  .button-style-11.btn_vid {
    padding-left: 45px;
    padding-right: 45px;
  }

  .button-style-11.is-link-1 {
    padding-left: 54px;
    padding-right: 54px;
  }

  .button-style-12 {
    font-size: .9rem;
  }

  .button-style-13 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .button-style-13.is-link-2 {
    justify-content: center;
    align-items: center;
    padding-left: 75px;
    padding-right: 75px;
  }

  .button-style-13.is-link-3 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .clients {
    position: static;
  }

  .container-8 {
    width: 100%;
  }

  .heading-6 {
    width: 140%;
    font-size: 1rem;
  }

  .content-style-10 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    place-items: center stretch;
    width: 120%;
    padding: 0;
    display: grid;
  }

  .placeholder-logo-2 {
    object-fit: contain;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    position: static;
  }

  .placeholder-logo-2.is-mobile-landscape {
    margin-top: -10px;
  }

  .benefices {
    margin-top: 0;
  }

  .benefices.is-mobile-paysage {
    margin-top: 190px;
  }

  .timeline {
    margin-top: 0;
  }

  .heading-7 {
    font-size: var(--_typography---text-sizes--heading-5);
    text-align: center;
    align-self: auto;
  }

  .heading-8.is-title-green {
    margin-top: 10px;
  }

  .text-4.is_320 {
    font-size: .9rem;
    font-weight: 400;
  }

  .layout-239 {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .heading-9, .heading-9.is-320 {
    font-size: var(--_typography---text-sizes--heading-5);
    font-weight: 600;
  }

  .text-5 {
    font-size: 1rem;
  }

  .heading-10 {
    font-size: var(--_typography---text-sizes--heading-6);
  }

  .heading-10.is_320 {
    width: 100%;
    margin-left: 0;
  }

  .text-6 {
    font-size: var(--_typography---text-sizes--text-regular);
    margin-top: -15px;
  }

  .text-6.is_320 {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    font-size: .9rem;
  }

  .videos {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 0;
  }

  .gallery-10.page_videos {
    grid-row-gap: 80px;
    background-color: #000;
    margin-bottom: -100px;
  }

  .realisation_line_home {
    grid-column-gap: 32px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: -10px;
  }

  .layout-237 {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .container-9 {
    width: 130%;
  }

  .heading-12 {
    font-size: var(--_typography---text-sizes--heading-5);
    font-weight: 600;
  }

  .row-2 {
    grid-column-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 470px;
  }

  .column-7 {
    grid-row-gap: 0px;
    margin-bottom: 40px;
  }

  .pricing-18 {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .list {
    grid-row-gap: 10px;
    margin-bottom: 0;
  }

  .container-10 {
    width: 130%;
  }

  .heading-14 {
    font-size: var(--_typography---text-sizes--heading-5);
    font-weight: 600;
  }

  .column-8 {
    height: 760px;
    padding-bottom: 32px;
  }

  .column-8.is-pack1 {
    height: 710px;
  }

  .column-8.is-pack1.is_428_pack1 {
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .column-8.is_428_pack2 {
    height: 47.5rem;
  }

  .column-8.is_428_pack2.is_390_pack2 {
    height: auto;
  }

  .content-style-12 {
    height: auto;
    margin-bottom: 0;
  }

  .price-2 {
    font-size: var(--_typography---text-sizes--heading-2);
  }

  .actions-6, .actions-6.is_320_btn1, .actions-6.is_320_btn2, .actions-6.is_320_btn2.is_390_btn2, .actions-6.is_320_btn2.is_390_btn2.btn3.is-video-page, .actions-6.is_320_btn2.is_390_btn2.btn3.is-land-page {
    margin-top: 0;
  }

  .column-9.is-pack-3 {
    height: 700px;
  }

  .column-9.is-pack-3.is_428_pack3 {
    height: auto;
  }

  .faq-10 {
    background-color: var(--_color-schemes---color-scheme-5--background);
  }

  .container-11 {
    width: 130%;
  }

  .text-11 {
    font-size: var(--_typography---text-sizes--heading-5);
    font-weight: 600;
  }

  .container-12 {
    width: 130%;
  }

  .container-12.is-link-call {
    grid-row-gap: 70px;
  }

  .heading-17 {
    font-size: var(--_typography---text-sizes--heading-5);
  }

  .text-13 {
    color: var(--_color-schemes---color-scheme-2--text);
  }

  .text-13.is-mail {
    margin-top: -60px;
  }

  .footer {
    flex-flow: column;
    display: flex;
  }

  .footer-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .footer-4.is-link-footer {
    grid-row-gap: 50px;
  }

  .links {
    grid-column-gap: 30px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    display: flex;
    position: absolute;
  }

  .links.is_320_footer_link {
    grid-column-gap: 10px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .social-links {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin-top: 100px;
    position: absolute;
  }

  .credits {
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 60px;
  }

  ._2024-greenbird-tous-droits-rservs {
    text-align: center;
    margin-top: 40px;
    position: static;
  }

  ._2024-greenbird-tous-droits-rservs.is_320_mentions {
    font-size: .6rem;
  }

  .container-13 {
    grid-row-gap: 50px;
    flex-flow: column;
    width: 130%;
    max-width: 130%;
    height: 100px;
    display: flex;
  }

  .content-style-18 {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    position: static;
  }

  .logo-2 {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin-top: -10px;
    position: absolute;
  }

  .row-3 {
    justify-content: center;
    align-items: flex-start;
    position: static;
  }

  .navigation.is-link-nav {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: -50px;
    display: flex;
    position: relative;
  }

  .navigation-wrapper {
    flex-flow: row;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .brand {
    width: 50%;
    padding-left: 20px;
  }

  .brand.w--current {
    width: 50%;
    margin-top: 0;
    padding-left: 20px;
    position: static;
  }

  .navigation-link.is-end.link-call-mobile {
    border: 1px solid var(--_color-schemes---color-scheme-4--background);
    background-color: var(--_color-schemes---color-scheme-4--background);
    color: var(--_color-schemes---color-scheme-1--text);
    font-family: Inter, sans-serif;
    display: block;
  }

  .container-14.is-tablet {
    padding-left: 0;
  }

  .container-14.is-tablet.is-link-nav {
    margin-top: 10px;
  }

  .images_anim {
    margin-top: -92px;
    margin-bottom: -200px;
    position: static;
  }

  .images_anim.is-mobile-portrait {
    margin-top: 0;
  }

  .gallery-1-2 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .gallery-1-2.is-gif-mobile {
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: -49px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .image {
    z-index: 2;
    width: 90%;
    margin-top: 0;
    display: block;
    position: absolute;
  }

  .image.img-bg {
    z-index: 1;
    width: 170%;
    max-width: 180%;
    margin-top: -57px;
    position: static;
    overflow: clip;
  }

  .image-2 {
    margin-bottom: 10px;
  }

  .container-15 {
    max-width: none;
  }

  .clients-quote-two {
    font-size: 24px;
    line-height: 32px;
  }

  .clients-divider.is_320 {
    height: 9rem;
  }

  .clients-info-image {
    margin-right: 16px;
  }

  .clients-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .number {
    margin-bottom: -10px;
    padding-top: 0;
    font-size: 8vw;
  }

  .icon {
    color: var(--_color-schemes---color-scheme-4--background);
  }

  .navigation-burger {
    background-color: #00ff9700;
  }

  .image-8 {
    width: 100%;
  }

  .image-8.is-links-logo {
    width: 50%;
    margin-top: 10px;
  }

  .body {
    background-color: #000;
  }

  .link-2 {
    color: #000;
  }

  .color-1.is-mobile-portrait {
    margin-top: 0;
  }

  .page-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: block;
  }

  .insta_link {
    font-size: .8rem;
  }

  .features_image {
    height: 11rem;
  }

  .cta_section {
    background-image: linear-gradient(#0006, #0006), url('../images/33_133.webp');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .insta_list {
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-regular-2 {
    font-size: .8rem;
  }

  .button-group {
    padding-top: .75rem;
  }

  .button-group.align-center {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .spacer-medium {
    line-height: .75rem;
  }

  .footer_text {
    text-align: left;
  }

  .heading-18 {
    font-size: 2rem;
  }

  .button-2 {
    font-size: .8rem;
  }

  .max-width-medium {
    align-self: stretch;
  }

  .header-video_background-video {
    opacity: 100;
    flex-flow: row;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
  }

  .footer_right {
    flex-flow: column;
  }

  .text-size-small {
    font-size: .8rem;
  }

  .padding-global-2 {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    padding-left: 5.55rem;
    padding-right: 5.55rem;
    display: flex;
  }

  .max-width-small {
    max-width: 14rem;
  }

  .logo-intro {
    width: 13em;
    margin-top: auto;
    margin-bottom: 80px;
  }

  .container-17 {
    max-width: none;
  }

  .div-block-3 {
    flex-flow: column;
  }

  .link-block {
    flex-flow: row;
    justify-content: space-around;
    align-self: auto;
    align-items: flex-start;
    display: flex;
  }

  .apple-carousel_card {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .apple-carousel_marker-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .apple-carousel_item.carousel-item-active {
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    width: 90vw;
    display: flex;
  }

  .apple-carousel_track {
    justify-content: space-between;
    align-items: center;
  }

  .apple-carousel_image-wrapper {
    aspect-ratio: 9 / 16;
  }

  .container-large {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .page-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .section-3 {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .slider_wrap {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    overflow: visible;
  }

  .mask {
    width: 350px;
    height: 769px;
  }

  .left-arrow {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: 1;
    background-color: #fff0;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    position: absolute;
    top: -36px;
    right: 11%;
    overflow: hidden;
  }

  .slide {
    margin-right: 5px;
  }

  .right-arrow {
    top: -36px;
  }

  .slider_card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }

  .slider_main-wrap {
    align-self: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider {
    justify-content: space-between;
    align-items: flex-start;
    min-height: 672px;
  }

  .section_slider {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 90svh;
    display: flex;
  }

  .div-block-4 {
    width: 100%;
  }

  .slide-nav {
    color: #00ff97;
    text-overflow: clip;
    white-space: nowrap;
    border-radius: 1px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    font-size: 11px;
    line-height: 20px;
    display: block;
    position: absolute;
    inset: auto 0% -18%;
    overflow: hidden;
  }

  .text-span-17 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-weight: 400;
  }

  .text-span-18 {
    color: var(--_color-schemes---color-scheme-5--accent);
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  }

  .circle-text {
    color: var(--_color-schemes---color-scheme-5--accent);
    font-family: Inter, sans-serif;
  }

  .neumorphism-circle {
    color: var(--_color-schemes---color-scheme-1--foreground);
  }

  .background_header {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .image-16 {
    box-sizing: border-box;
    width: 100%;
    overflow: clip;
  }

  .background-video {
    width: 100%;
    position: absolute;
  }

  .code-embed-3 {
    position: relative;
  }

  .code-embed-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--_color-schemes---color-scheme-5--accent);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--_color-schemes---color-scheme-5--accent);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--_color-schemes---color-scheme-5--accent);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--_color-schemes---color-scheme-5--accent);
    border-radius: 0;
    flex-flow: row;
    justify-content: center;
    align-self: auto;
    align-items: stretch;
    width: 100%;
    height: 621px;
    padding-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .code-embed-5, .code-embed-6, .code-embed-7 {
    border: 1px solid var(--_color-schemes---color-scheme-5--accent);
    border-radius: 1px;
    width: 100%;
    height: 621px;
  }
}