:root {
  --font-title: "Funnel Display", sans-serif;
  --_colors---secondary: #0fb;
  --font-body: "Inter Tight", sans-serif;
  --_font-sizes---text-body: 20px;
  --_grid---6c: 464px;
  --_spacing---large: 40px;
  --_colors---background: #f4f0f0;
  --_colors---dark: #3c002d;
  --_radius---medium: 24px;
  --_colors---outline: #d9d9d9;
  --_grid---12c: 928px;
  --_radius---extra-large: 40px;
  --_font-sizes---title-3: 48px;
  --_font-sizes---title-1: 120px;
  --_spacing---section-margin: 120px;
  --_spacing---extra-large: 80px;
  --_colors---medium: #aa90a2;
  --_spacing---small: 16px;
  --_radius---large: 32px;
  --_font-sizes---title-2: 80px;
  --_spacing---medium: 24px;
  --_font-sizes---title-4: 32px;
  --_colors---primary: #3c002d;
  --_colors---light: white;
  --_font-sizes---title-5: 24px;
  --_spacing---xxl: 120px;
  --_spacing---side-margin: 48px;
  --_spacing---extra-small: 8px;
  --_font-sizes---label: 0px;
  --_font-sizes---text-button: 0px;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

h1 {
  font-family: var(--font-title);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 120px;
  font-weight: 700;
  line-height: 90px;
  position: static;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

a {
  color: var(--_colors---secondary);
  text-decoration: none;
}

.text-body {
  font-family: var(--font-body);
  font-size: var(--_font-sizes---text-body);
  line-height: 1.2em;
  display: block;
}

.hero-container {
  width: var(--_grid---6c);
  grid-column-gap: var(--_spacing---large);
  grid-row-gap: var(--_spacing---large);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.body {
  background-color: var(--_colors---background);
  font-family: var(--font-body);
  color: var(--_colors---dark);
}

.button {
  z-index: 400;
  border-radius: var(--_radius---medium);
  background-color: var(--_colors---secondary);
  font-family: var(--font-title);
  color: var(--_colors---dark);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding: 11px 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button:where(.w-variant-0c53a6cb-3870-a0a7-aefe-e8ee5c16f0fa) {
  border: 1px solid var(--_colors---outline);
  background-color: #fff0;
}

.button:hover {
  transform: translate(0, -2px);
  box-shadow: 0 4px 8px #3c002d26;
}

.section-hero {
  max-width: var(--_grid---12c);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "."
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  place-items: stretch stretch;
  margin: 180px auto 80px;
  display: flex;
}

.offer-card {
  padding: var(--_spacing---large);
  grid-column-gap: var(--_spacing---large);
  grid-row-gap: var(--_spacing---large);
  border-radius: var(--_radius---extra-large);
  background-color: #fff;
  background-image: radial-gradient(circle farthest-side at 0 0, #0fb3, #d6ff9800 30%);
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: inset 0 2px 16px -16px #03ffbb, 0 20px 40px #0003;
}

.offer-card:hover {
  box-shadow: inset 0 0 16px -8px #03ffbb, 0 20px 40px #0003;
}

.title-3 {
  font-family: var(--font-title);
  font-size: var(--_font-sizes---title-3);
  font-weight: 700;
  line-height: 1em;
}

.title-1 {
  font-family: var(--font-title);
  font-size: var(--_font-sizes---title-1);
  font-weight: 700;
  line-height: 1em;
}

.offer-card-top {
  grid-column-gap: var(--_spacing---large);
  grid-row-gap: var(--_spacing---large);
}

.button-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--_colors---outline);
  border-radius: var(--_radius---extra-large);
  color: var(--_colors---dark);
  justify-content: flex-start;
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  padding: 11px 11px 11px 16px;
  text-decoration: none;
  display: flex;
}

.text-button {
  font-family: var(--font-title);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.text-button.text-color-dark.hover-low {
  transition: opacity .2s;
}

.text-button.text-color-dark.hover-low:hover {
  opacity: .8;
}

.section-services {
  max-width: var(--_grid---12c);
  margin: var(--_spacing---section-margin) auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template: "."
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-items: center;
  display: flex;
}

.bg-circles {
  z-index: -1;
  max-width: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bg-stars {
  z-index: -1;
  -webkit-backdrop-filter: drop-shadow(0 40px 80px #3c002d3d);
  backdrop-filter: drop-shadow(0 40px 80px #3c002d3d);
  max-width: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section-logos {
  max-width: var(--_grid---12c);
  grid-column-gap: var(--_spacing---extra-large);
  grid-row-gap: var(--_spacing---extra-large);
  color: var(--_colors---medium);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.o-40 {
  opacity: .4;
}

.navbar {
  max-width: var(--_grid---12c);
  background-color: #0000;
  justify-content: space-between;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_radius---extra-large);
  background-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px 24px;
  display: flex;
  box-shadow: 0 20px 40px #0000000a;
}

.brand.w--current {
  box-shadow: none;
  background-color: #fff0;
  padding-right: 32px;
  transform: scale(1.2);
}

.brand-logo {
  font-family: var(--font-title);
  color: var(--_colors---dark);
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.nav-menu {
  border: 1px solid var(--_colors---background);
  border-radius: var(--_radius---extra-large);
  background-color: #fff;
  box-shadow: 0 20px 40px #0000000a;
}

.nav-link {
  margin: var(--_spacing---small);
  font-family: var(--font-title);
  color: var(--_colors---dark);
  padding: 11px 24px;
  font-size: 18px;
  line-height: 26px;
  transition: all .2s;
}

.nav-link:where(.w-variant-50445fed-16d5-cc7c-e479-626de115f867) {
  margin-top: var(--_spacing---small);
  margin-bottom: var(--_spacing---small);
  margin-left: var(--_spacing---small);
  border-radius: var(--_radius---extra-large);
  background-color: var(--_colors---background);
  color: var(--_colors---dark);
}

.nav-link:where(.w-variant-eae7f7df-ee0f-2ce4-fad4-b801e532b1fd) {
  border-radius: var(--_radius---extra-large);
  background-color: var(--_colors---secondary);
  color: var(--_colors---dark);
  font-weight: 700;
  text-decoration: none;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.nav-link:hover {
  border-radius: var(--_radius---large);
  background-color: var(--_colors---background);
}

.nav-link:hover:where(.w-variant-eae7f7df-ee0f-2ce4-fad4-b801e532b1fd) {
  background-color: var(--_colors---secondary);
  transform: translate(0, -2px);
  box-shadow: 0 4px 8px #3c002d1a;
}

.nav-link.w--current {
  border-radius: var(--_radius---large);
  background-color: var(--_colors---background);
  color: var(--_colors---dark);
}

.nav-link.w--current:where(.w-variant-eae7f7df-ee0f-2ce4-fad4-b801e532b1fd) {
  background-color: var(--_colors---secondary);
}

.section-confiance {
  max-width: var(--_grid---12c);
  margin-top: var(--_spacing---section-margin);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_radius---extra-large);
  background-image: url('../images/banner_1.avif');
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 64px 32px;
  display: flex;
  overflow: visible;
}

.gap-24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.gap-24._w-40 {
  width: 40%;
}

.gap-24._w-30 {
  width: 30%;
}

.flex-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--_radius---extra-large);
}

.section-expertises {
  box-sizing: border-box;
  padding: var(--_spacing---section-margin) 0px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#f4f0f0, #f8c7da);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-2 {
  font-family: var(--font-title);
  font-size: var(--_font-sizes---title-2);
  font-weight: 700;
  line-height: 1em;
}

.expertise {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 100%;
  justify-content: flex-start;
  align-items: center;
}

.expertise.p-large {
  padding-right: var(--_spacing---medium);
  padding-left: var(--_spacing---medium);
}

.fiche-jean {
  background-color: #fff;
  background-image: url('../images/expert.avif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40px;
  width: 100%;
  box-shadow: 0 20px 40px #65235429;
}

.title-4 {
  font-family: var(--font-title);
  color: var(--_colors---dark);
  font-size: var(--_font-sizes---title-4);
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
}

.label {
  font-family: var(--font-body);
  color: var(--_colors---medium);
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.flex-block-6 {
  padding: 32px;
}

.image-4 {
  margin-bottom: 32px;
  margin-left: 32px;
}

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

.text-bold {
  font-weight: 700;
}

.p-large {
  padding: var(--_spacing---large);
}

.p-large.bg-white.r-40.flex-16.testimony {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffffbf;
  border: 1px solid #ffffff80;
}

.bg-white {
  background-color: #fff;
}

.r-40 {
  border-radius: var(--_radius---extra-large);
}

.section-webinars {
  padding-top: var(--_spacing---section-margin);
  padding-bottom: var(--_spacing---section-margin);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

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

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

.p-medium {
  padding: var(--_spacing---medium);
}

.text-color-medium {
  color: var(--_colors---medium);
}

.text-color-medium.hover-opacity-8 {
  transition: opacity .2s;
}

.text-color-medium.hover-opacity-8:hover {
  opacity: .8;
}

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

.max-w-800 {
  max-width: 800px;
}

.v-center {
  grid-column-gap: var(--_spacing---small);
  grid-row-gap: var(--_spacing---small);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-thumbnail {
  aspect-ratio: 2 / 3;
  border-radius: var(--_radius---medium);
  background-image: linear-gradient(180deg, #3c002d00 76%, var(--_colors---primary)), url('../images/VideoThumbnail.avif');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 20rem;
  display: flex;
}

.video-thumbnail.p-medium {
  background-image: none;
  position: relative;
}

.video-thumbnail.p-medium.r-40 {
  border-radius: var(--_radius---extra-large);
  padding: 24px;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
}

.video-thumbnail.p-medium.r-40:hover {
  transform: translate(0, -2px);
  box-shadow: 0 4px 8px #0003;
}

.title-5 {
  font-family: var(--font-title);
  font-size: var(--_font-sizes---title-5);
  font-weight: 700;
  line-height: 1em;
}

.flex-gap-small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.position-absolute {
  position: absolute;
}

.position-absolute.fill-100 {
  object-fit: fill;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.position-absolute.fill-100.fade-gradiant {
  z-index: 1;
  background-image: linear-gradient(180deg, #3c002d00 60%, var(--_colors---primary));
}

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

.left-arrow {
  border-radius: var(--_radius---large);
  background-color: var(--_colors---dark);
  width: 32px;
  height: 32px;
  font-size: 16px;
  inset: -50px 40px auto auto;
}

.right-arrow {
  border-radius: var(--_radius---large);
  background-color: var(--_colors---dark);
  width: 32px;
  height: 32px;
  font-size: 16px;
  position: absolute;
  inset: -50px 0% auto auto;
}

.slide-nav {
  width: 180px;
  margin: 0 auto 0 0;
  position: absolute;
  top: -50px;
  left: 0;
}

.text-color-light {
  color: var(--_colors---light);
}

.section-contact {
  width: var(--_grid---12c);
  max-width: var(--_grid---12c);
  margin: var(--_spacing---xxl) auto;
  grid-column-gap: var(--_spacing---xxl);
  grid-row-gap: var(--_spacing---xxl);
  color: var(--_colors---light);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-color-dark {
  color: var(--_colors---dark);
}

.text-field {
  border: 2px solid var(--_colors---background);
  border-radius: var(--_radius---large);
  color: var(--_colors---dark);
  flex: 1;
  margin-bottom: 0;
  padding: 24px;
  transition: all .2s;
}

.text-field:focus {
  border-style: solid;
  border-color: var(--_colors---medium);
}

.text-field::placeholder {
  color: var(--_colors---medium);
}

.text-field.h-112 {
  height: 112px;
}

.form-block {
  flex: 1;
}

.slide {
  margin-right: 16px;
}

.slider {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ddd0;
  flex-flow: column;
  width: 100%;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.webinar-list {
  padding-top: 8px;
  padding-right: var(--_spacing---side-margin);
  padding-bottom: 8px;
  padding-left: var(--_spacing---side-margin);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  scrollbar-width: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  overflow: auto;
}

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

.footer {
  margin-left: var(--_spacing---side-margin);
  padding-top: 24px;
  padding-bottom: 24px;
}

.flex-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

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

.mask {
  border-radius: var(--_radius---large);
  transition: all .4s;
}

.section-expertises-content {
  max-width: var(--_grid---12c);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-left: auto;
  margin-right: auto;
}

.stars {
  z-index: -1;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.image-5 {
  flex: none;
}

.image-6 {
  object-fit: contain;
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-wrap {
  z-index: 1000;
  background-image: linear-gradient(#fff6, #0000);
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0% 0% auto;
}

.header {
  z-index: 800;
  max-width: var(--_grid---12c);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.progressive-blur_panel {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur_wrap {
  z-index: 500;
  pointer-events: none;
  height: 5rem;
  position: fixed;
  inset: 0% 0% auto;
  overflow: clip;
}

.section-purple {
  background-color: var(--_colors---dark);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  padding-top: 16px;
  padding-bottom: 64px;
  position: relative;
}

.section-purple.mt-77 {
  margin-top: 77px;
}

.section-creatives {
  z-index: 801;
  position: relative;
}

.background-video {
  object-fit: cover;
  background-image: radial-gradient(circle at 0 100%, #3c002dcc 40%, #0000 70%);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 700px;
  display: flex;
  position: relative;
  overflow: clip;
}

.text-block {
  max-width: var(--_grid---6c);
}

.flex-block-7 {
  margin: 32px;
}

.dimmer {
  z-index: 0;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0;
}

.popup-detail---overlay {
  z-index: 1200;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #11010d66;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.popup-detail---content {
  max-width: var(--_grid---6c);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: var(--_radius---extra-large);
  background-color: var(--_colors---light);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 32px;
  display: flex;
  position: relative;
}

.close-popup {
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 32px 32px auto auto;
  transform: rotate(45deg);
}

.section-usecase {
  margin-top: 64px;
  margin-bottom: 64px;
  position: relative;
}

.chip-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  display: flex;
}

.chip {
  background-color: var(--_colors---light);
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.usecase-carousel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
  overflow: hidden;
}

.fader-left {
  background-image: linear-gradient(90deg, #f4f0f0, #0000);
  width: 100px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.fader-right {
  background-image: linear-gradient(270deg, #f4f0f0, #0000);
  width: 100px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.overlay {
  z-index: 800;
  pointer-events: none;
  background-color: #0f010ccc;
  display: none;
  position: fixed;
  inset: 0%;
}

.fiche-william {
  background-color: #fff;
  background-image: url('../images/William_1.avif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40px;
  width: 100%;
  box-shadow: 0 20px 40px #65235429;
}

.experts {
  width: var(--_grid---6c);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
}

.tally-form {
  background-color: var(--_colors---light);
  border-radius: 32px;
  flex: 1;
  padding: 4px 24px 6px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footer-container {
  width: var(--_grid---12c);
  border-top: 1px solid var(--_colors---medium);
  border-radius: 1px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
}

.gap-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.rich-text h2 {
  margin-bottom: 8px;
}

@media screen and (min-width: 1440px) {
  body {
    --_grid---6c: 624px;
    --_grid---12c: 1280px;
  }

  .navbar {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_spacing---large: 24px;
    --_spacing---section-margin: 68px;
    --_spacing---extra-large: 32px;
    --_spacing---small: 16px;
    --_spacing---medium: 8px;
    --_spacing---xxl: 64px;
    --_spacing---side-margin: 64px;
    --_spacing---extra-small: 8px;
    --_font-sizes---text-body: 16px;
    --_font-sizes---title-3: 40px;
    --_font-sizes---title-1: 60px;
    --_font-sizes---title-2: 40px;
    --_font-sizes---title-4: 32px;
    --_font-sizes---title-5: 24px;
    --_font-sizes---label: 0px;
    --_font-sizes---text-button: 0px;
    --_grid---6c: 336px;
    --_grid---12c: 704px;
  }

  .hero-container {
    align-items: stretch;
    width: 100%;
  }

  .section-hero {
    margin-top: 120px;
  }

  .offer-card {
    flex: 0 auto;
    width: 100%;
  }

  .section-services {
    flex-flow: column;
  }

  .bg-circles {
    display: none;
  }

  .bg-stars {
    max-width: var(--_grid---6c);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .bg-stars.star-1 {
    position: relative;
  }

  .nav-menu, .nav-link {
    display: none;
  }

  .nav-link:where(.w-variant-eae7f7df-ee0f-2ce4-fad4-b801e532b1fd) {
    align-items: center;
    margin: 0;
    display: flex;
  }

  .section-confiance {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .section-expertises {
    flex-flow: column;
  }

  .title-2.text-size-fixed {
    --_font-sizes---text-body: 20px;
    --_font-sizes---title-3: 48px;
    --_font-sizes---title-1: 120px;
    --_font-sizes---title-2: 80px;
    --_font-sizes---title-4: 32px;
    --_font-sizes---title-5: 24px;
    --_font-sizes---label: 0px;
    --_font-sizes---text-button: 0px;
  }

  .p-large.bg-white.r-40.flex-16.testimony {
    height: 100%;
  }

  .section-contact {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
  }

  .text-field {
    border: 2px solid var(--_colors---background);
    transition: all .2s;
  }

  .text-field:focus {
    border: 2px solid var(--_colors---medium);
  }

  .slider {
    width: 100%;
  }

  .webinar-list {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-expertises-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .stars {
    width: var(--_grid---12c);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 120px;
  }

  .image-6 {
    max-width: 20em;
  }

  .background-video {
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_grid---6c: 464px;
    --_grid---12c: 928px;
  }

  .section-hero {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-services {
    margin-left: 24px;
    margin-right: 24px;
  }

  .bg-stars {
    max-width: 75%;
  }

  .section-logos, .navbar {
    margin-left: 24px;
    margin-right: 24px;
  }

  .section-confiance {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border-radius: 0;
    flex-flow: column;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 24px;
  }

  .gap-24 {
    flex-flow: column;
  }

  .gap-24._w-40 {
    width: 100%;
  }

  .gap-24._w-30 {
    width: auto;
  }

  .flex-16 {
    flex-flow: column;
  }

  .section-expertises {
    flex-flow: column;
    padding-left: 24px;
    padding-right: 24px;
  }

  .fiche-jean {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .section-contact {
    flex-flow: column;
    align-items: stretch;
    width: auto;
    max-width: 100%;
    margin-left: 24px;
    margin-right: 24px;
  }

  .section-expertises-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: 24px;
    margin-right: 24px;
  }

  .stars {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .fiche-william {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .footer-container {
    width: auto;
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_spacing---large: 24px;
    --_spacing---section-margin: 68px;
    --_spacing---extra-large: 32px;
    --_spacing---small: 16px;
    --_spacing---medium: 8px;
    --_spacing---xxl: 64px;
    --_spacing---side-margin: 16px;
    --_spacing---extra-small: 8px;
    --_grid---6c: 464px;
    --_grid---12c: 928px;
  }

  .hero-container {
    width: 100%;
  }

  .offer-card {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .bg-stars {
    max-width: 75%;
  }

  .section-confiance {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    margin-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-expertises {
    flex-flow: column;
  }

  .fiche-jean {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .text-color-medium.r-xs-d-none {
    display: none;
  }

  .section-contact {
    margin-left: 24px;
    margin-right: 24px;
  }

  .slider {
    width: 100%;
    height: 30em;
  }

  .stars {
    width: 100%;
  }

  .header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .background-video {
    height: 500px;
  }

  .popup-detail---content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    padding-top: 64px;
  }

  .fiche-william {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .experts {
    flex-flow: column;
    width: 100%;
  }

  .gap-16.r-xs-flex-b {
    flex: none;
    justify-content: space-between;
  }

  .gap-16.r-xs-my-auto {
    margin-left: auto;
    margin-right: auto;
  }
}

#w-node-cb623928-4646-d5b9-a189-e31cb86a6e7a-29d075d4 {
  grid-area: 1 / 2 / 2 / 7;
}

#w-node-f0c51ad5-a3b4-49a9-0eae-34de29a4cb61-29d075d4, #w-node-f3221b50-708e-c928-852b-a1b0d4f30233-29d075d4 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}