:root {
  --black: #171717;
  --light-grey: #e4e4e4;
  --bleu: #0f3254;
  --white: white;
  --border-gray\<deleted\|variable-d65041a8\>: #c5c5c5;
  --grey: #f2f2f2;
  --grey\<deleted\|variable-305a1b7c\>: #818181;
  --jaune: #fbbc04;
  --gris-foncé: #353841;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  border-color: var(--black);
  color: var(--black);
  text-decoration: none;
}

a.w--current {
  border-radius: .4375rem;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--black);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

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

.text-link {
  text-decoration: underline;
}

.max-width-medium {
  width: 100%;
  max-width: 53rem;
}

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

.form-message-error {
  border-radius: .4375rem;
  margin-top: .75rem;
  padding: .75rem;
}

.utility-component {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-form-block {
  background-color: var(--light-grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 5rem;
  display: flex;
}

.utility-form {
  background-color: var(--bleu);
  border-radius: 3rem;
  flex-direction: column;
  align-items: stretch;
  padding: 5rem;
  display: flex;
}

.main-wrapper.max-width-full {
  flex-flow: wrap;
  order: -1;
  justify-content: center;
  align-items: center;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xlarge {
  margin: 4rem;
}

.padding-xxsmall {
  padding: .5rem;
}

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

.margin-top.margin-xxsmall {
  margin: .5rem 0 0;
}

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

.margin-bottom.margin-small {
  margin-top: 0;
  margin-right: 0;
  padding-left: 6rem;
}

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

.margin-bottom.margin-xsmall {
  width: 100%;
  height: 100%;
}

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

.margin-bottom.margin-medium {
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 0;
}

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

.weight-medium {
  font-weight: 500;
}

.text-size-medium {
  font-size: 1.2rem;
  font-weight: 400;
}

.text-size-medium.max-width-small {
  max-width: 35rem;
}

.text-quote {
  border-left: .1875rem solid #000;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 400;
}

.heading-style-h2.weight-medium {
  color: #0f3254;
  font-weight: 500;
}

.styleguide-heading {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  border-radius: 1rem;
  justify-content: flex-start;
  align-self: stretch;
  margin-bottom: 2rem;
  padding: .5rem 1rem;
  font-size: 2rem;
  position: static;
  top: 0;
}

.styleguide-grid-colors {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.heading-style-h6 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.styleguide-item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
  display: flex;
}

.icon-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.styleguide-empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.styleguide-icon-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.heading-style-h5.weight-medium {
  font-weight: 500;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-h1.weight-normal.max-width-large {
  max-width: 50rem;
}

.heading-style-h1.weight-medium {
  color: var(--white);
  padding: 2rem 1rem;
  font-size: 2.1rem;
  font-weight: 300;
  line-height: 1.1;
}

.heading-style-h1.weight-medium.equipe {
  color: var(--bleu);
  font-size: 2.5rem;
  font-weight: 500;
}

.text-size-tiny {
  font-size: .75rem;
}

.button {
  grid-column-gap: .5rem;
  border: 1px solid var(--black);
  background-color: var(--bleu);
  color: var(--white);
  text-align: center;
  text-transform: none;
  border-radius: 100rem;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .35s;
  display: flex;
}

.button:hover {
  background-color: var(--white);
  color: var(--bleu);
}

.button.w--current {
  border-radius: 100rem;
}

.button.is-alternate {
  border-style: solid;
  border-color: var(--white);
  background-color: var(--white);
  color: #000;
}

.button.is-alternate:hover {
  border-color: var(--bleu);
  background-color: var(--bleu);
}

.button.is-navbar {
  background-color: var(--bleu);
}

.button.is-navbar:hover {
  border-width: 4px;
  border-color: var(--bleu);
  background-color: var(--light-grey);
}

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

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

.text-italic {
  font-style: italic;
}

.icon-xxsmall {
  width: 1rem;
  height: 1rem;
}

.styleguide-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1rem;
  display: grid;
}

.styleguide-item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.icon-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.weight-light {
  font-weight: 300;
}

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

.text-size-regular.max-width-medium {
  display: flex;
}

.weight-xbold {
  font-weight: 800;
}

.text-right {
  text-align: right;
  width: 100%;
}

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

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

.heading-style-h3.weight-medium {
  font-weight: 500;
}

.icon-large {
  width: 5rem;
  height: 5rem;
}

.form-input {
  border: 1px solid var(--border-gray\<deleted\|variable-d65041a8\>);
  background-color: var(--white);
  height: auto;
  min-height: 2.75rem;
  color: var(--black);
  border-radius: 100rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .3s;
}

.form-input:hover, .form-input:focus {
  border: 1px solid var(--black);
}

.form-input::placeholder {
  color: #7c7c7c;
}

.styleguide-button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  display: grid;
}

.styleguide-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.styleguide-color {
  justify-content: center;
  align-items: center;
  padding-bottom: 8rem;
  display: flex;
}

.styleguide-color.is-black {
  background-color: var(--black);
  color: var(--black);
}

.styleguide-color.is-white {
  background-color: var(--white);
}

.styleguide-color.is-grey {
  background-color: var(--grey);
}

.styleguide-color.is-green {
  background-color: var(--bleu);
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-end;
  display: flex;
}

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

.text-colour-white {
  color: var(--white);
}

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

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

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

.text-colour-black {
  color: var(--black);
}

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

.styleguide-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.styleguide-subheading {
  z-index: 3;
  background-color: var(--grey);
  color: var(--black);
  margin-bottom: 2rem;
  padding: .5rem 1rem;
  font-size: 2rem;
  position: static;
  top: 2rem;
}

.text-allcaps {
  text-transform: uppercase;
}

.text-align-center {
  text-align: center;
  width: 100%;
}

.styleguide-colors {
  flex-direction: column;
  display: flex;
}

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

.styleguide-elements {
  background-color: var(--grey);
  border-radius: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 3rem;
}

.icon-small {
  width: 2rem;
  height: 2rem;
}

.styleguide-typography {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.rich-text blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.rich-text h2, .rich-text h3, .rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.rich-text h5, .rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.rich-text p {
  margin-bottom: 1rem;
}

.rich-text a {
  text-decoration: underline;
}

.rich-text figcaption {
  border-left: 2px solid var(--black);
  text-align: left;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.icon-medium {
  width: 3rem;
  height: 3rem;
}

.text-size-large {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-size-large.weight-medium {
  color: var(--bleu);
  padding-left: 3%;
  font-size: 1.7rem;
  font-weight: 600;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

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

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

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

.text-span {
  text-transform: none;
}

.button-secondary-small {
  grid-column-gap: .5rem;
  border: 1px solid var(--black);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  border-radius: 100rem;
  align-items: center;
  padding: .5rem 1rem;
  transition: color .3s, border-color .35s, background-color .35s;
  display: flex;
}

.button-secondary-small:hover {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}

.button-secondary-small.is-alternate {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary-small.is-alternate:hover {
  border-color: var(--bleu);
  background-color: var(--bleu);
  color: var(--black);
}

.button-secondary {
  grid-column-gap: .5rem;
  border: 1px solid var(--black);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  border-radius: 100rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .3s, border-color .35s, background-color .35s;
  display: flex;
}

.button-secondary:hover {
  border-color: var(--black);
  background-color: var(--bleu);
  color: var(--white);
}

.button-secondary.is-alternate {
  border-color: var(--white);
  color: var(--white);
}

.button-secondary.is-alternate:hover {
  border-color: var(--bleu);
  background-color: var(--bleu);
  color: var(--black);
}

.button-small {
  grid-column-gap: .5rem;
  border: 1.5px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 100rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .875rem;
  transition: color .35s;
  display: flex;
}

.button-small:hover {
  color: var(--bleu);
}

.button-small.is-alternate {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black);
}

.button-small.is-alternate:hover {
  border-color: var(--bleu);
  background-color: var(--bleu);
}

.button-link {
  grid-column-gap: .5rem;
  border: 1px none var(--black);
  color: var(--black);
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .25rem 0;
  font-size: .875rem;
  line-height: 1;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.button-link:hover {
  color: #5e5e5e;
}

.button-link.is-alternate {
  color: var(--white);
}

.button-link.is-alternate:hover {
  color: var(--bleu);
}

.styleguide-logo {
  width: 100px;
}

.background-grey {
  background-color: var(--grey);
}

.button-wrapper {
  display: flex;
}

.button-arrow {
  width: 1.4rem;
  color: var(--grey\<deleted\|variable-305a1b7c\>);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-arrow.is-white {
  color: var(--white);
}

.utility-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem;
  transition: color .3s;
  display: flex;
}

.utility-button:hover {
  color: var(--bleu);
}

.utility-button.w--current {
  border-radius: 100rem;
}

.styleguide-classes {
  border: 2px solid var(--black);
  border-radius: 3rem;
  padding: 3rem;
}

.styleguide-label {
  color: #1d1d1d;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0000;
  padding: .25rem .5rem .25rem 0;
  font-size: .75rem;
  display: inline-block;
}

.empty-box {
  z-index: -1;
  background-color: #f6f6f6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.container-small {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

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

.styleguide-spacing {
  border: 1px dashed #d3d3d3;
}

.section-padding-small {
  flex: 1;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

.max-width-full {
  width: 100%;
  max-width: none;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-large {
  width: 100%;
  max-width: 65rem;
}

.max-width-large.align-center.domaine {
  flex-flow: column;
  align-items: center;
  display: flex;
}

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

.padding-bottom, .padding-bottom.padding-large, .padding-bottom.padding-small, .padding-bottom.padding-huge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top, .padding-top.padding-xhuge, .padding-top.padding-xxlarge, .padding-top.padding-huge {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical, .padding-vertical.padding-medium {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

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

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

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7rem;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

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

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

.margin-0 {
  margin: 0;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7rem;
}

.hide {
  display: none;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.button-text-item {
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.1;
  display: flex;
}

.button-text-item:hover {
  color: var(--bleu);
}

.button-text-item.text-black {
  color: var(--black);
}

.button-text-item.is-small {
  font-size: .875rem;
}

.text-colour-green {
  color: var(--bleu);
}

.section-hero-header {
  padding-top: 4rem;
}

.hero-header-content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 15%;
  display: grid;
}

.hero-header-content-left {
  overflow: hidden;
}

.license-wrapper {
  grid-row-gap: 4rem;
  background-color: var(--grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 80dvh;
  padding: 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.licenses-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.list-item {
  flex-direction: column;
  align-items: stretch;
  transition: transform .35s;
  display: flex;
}

.list-item:hover {
  transform: translate(0, -1rem);
}

.license-image-wrapper {
  border-radius: .625rem;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

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

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

.link-span {
  text-decoration: underline;
}

.image-reveal-overlay {
  background-color: #fff;
  align-items: flex-start;
  width: 100%;
  height: 0%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.changelog-wrapper {
  grid-row-gap: 4rem;
  background-color: var(--grey);
  border-radius: .625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.changelog-header-content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 5%;
  display: flex;
}

.text-colour-grey {
  color: var(--grey);
}

.navbar-on-page {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-green {
  background-color: var(--bleu);
}

.navbar-link {
  color: var(--black);
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: 1.1rem;
  transition: background-color .3s;
}

.navbar-link:hover {
  background-color: var(--bleu);
  color: var(--white);
}

.navbar-link.w--current {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  border-radius: 100rem;
}

.navbar-menu-button {
  padding: 0;
}

.navbar-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #f8f8f8bf;
  border-radius: 100rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 105rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: .5rem;
  display: flex;
}

.navbar-logo-link {
  padding-left: 0;
}

.navbar-component {
  background-color: #0000;
  align-items: center;
  margin-top: 1.5rem;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-menu-link-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-logo {
  width: 9.5rem;
}

.navbar-button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.navbar-menu {
  align-items: center;
  display: flex;
  position: static;
}

.header-image-wrapper {
  border-radius: 3rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.header-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.header-component {
  flex-direction: column;
  align-items: center;
  margin-top: 2%;
  display: flex;
}

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

.logo-component {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.client-logo {
  height: 2.5rem;
}

.tagline-pill {
  background-color: var(--bleu);
  color: var(--white);
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .35rem .75rem;
  font-size: .875rem;
  line-height: 1.3;
  display: inline-block;
}

.services-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.services-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.service-accordion {
  border: 1px solid var(--black);
  border-radius: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: background-color .3s;
}

.service-accordion:hover {
  background-color: var(--grey);
}

.service-name {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.accordion-icon-wrapper {
  background-color: var(--bleu);
  border-radius: 100rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-left: 1.5rem;
  padding: 4px;
  display: flex;
}

.accordion-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-description {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.service-component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

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

.service-image-wrapper {
  border-radius: 2rem;
  overflow: hidden;
}

.service-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-services {
  margin-left: 5%;
  margin-right: 5%;
}

.section-services.domaine {
  padding-top: 5%;
}

.team-component.equipe {
  margin-top: 3rem;
}

.team-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.team-item {
  background-color: var(--light-grey);
  border-radius: 2rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.team-image-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.team-image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.team-member-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.team-socials {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  background-color: var(--bleu);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: .5rem;
  padding: .25rem 1rem;
  display: flex;
}

.team-social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.member-info-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  color: var(--bleu);
  border-radius: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.team-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.faq-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.faq-accordion {
  border: 1px solid var(--black);
  border-radius: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: background-color .3s;
}

.faq-accordion:hover {
  background-color: var(--grey);
}

.faq-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.faq-icon-wrapper {
  background-color: var(--bleu);
  border-radius: 100rem;
  align-self: flex-start;
  margin-left: 1.5rem;
  padding: 4px;
  display: flex;
}

.faq-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.faq-answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.section-faq {
  margin-left: 5%;
  margin-right: 5%;
}

.faq-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.faq-contact-wrapper {
  background-color: var(--bleu);
  color: var(--black);
  border-radius: 3rem;
  margin-top: 3rem;
  padding: 3rem;
}

.projects-component {
  flex-direction: column;
  align-items: center;
}

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

.project-item {
  border: 1px solid var(--light-grey);
  background-color: var(--light-grey);
  border-radius: 2rem;
  padding: 1rem;
  transition: border-color .3s;
}

.project-item:hover {
  border: 1px solid var(--black);
}

.project-item-link {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.project-image-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.project-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-title-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem 1.25rem;
  display: flex;
}

.project-tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
  display: flex;
}

.project-tag {
  background-color: var(--bleu);
  border-radius: 100rem;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.project-tag.w--current {
  border-bottom: 2px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.project-button-wrapper {
  margin-top: 1.5rem;
  display: flex;
}

.project-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.testimonial-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.testimonial-content {
  background-color: var(--white);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.testimonial-rating-wrapper {
  background-color: var(--bleu);
  border-radius: 100rem;
  margin-bottom: 2rem;
  padding: .4rem 1rem .5rem;
  display: flex;
}

.testimonial-rating-icon {
  color: var(--bleu);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

.testimonial-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--jaune);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-client {
  text-align: left;
  align-items: center;
  display: flex;
}

.section-testimonials {
  margin-left: 5%;
  margin-right: 5%;
}

.testimonials-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.footer-component {
  border-top: 1px solid #000;
}

.footer-top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.footer-left-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-logo-link {
  padding-left: 0;
}

.footer-form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

.footer-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.input-form {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--bleu);
  background-color: var(--white);
  height: auto;
  min-height: 2.75rem;
  color: var(--black);
  border-radius: 100rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .3s;
}

.input-form:hover {
  border-bottom: 2px solid var(--black);
}

.input-form:focus {
  border-color: #000 #000 var(--black);
  border-bottom-style: solid;
}

.input-form::placeholder {
  color: #0009;
}

.input-form.is-text-area {
  border-radius: 1rem;
  min-height: 11.5rem;
  padding: 1rem;
}

.success-message {
  background-color: var(--\<unknown\|relume-variable-color-neutral-3\>);
  padding: 1.5rem;
}

.error-message {
  border: 2px solid var(--white);
  border-radius: 1rem;
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.footer-menu-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content 1fr;
  align-items: start;
}

.footer-link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer-link {
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .3s;
}

.footer-link:hover {
  background-color: var(--bleu);
  color: var(--white);
}

.footer-link.w--current {
  border-radius: 100rem;
}

.footer-social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--bleu);
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.social-icon {
  background-color: var(--black);
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  display: flex;
}

.footer-line-divider {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.footer-credit-text {
  font-size: .875rem;
}

.footer-logo {
  width: 9.5rem;
}

.newsletter-footer-wrapper {
  background-color: var(--bleu);
  border-radius: 2rem;
  padding: 1.5rem;
}

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

.text-span-6, .influx, .webflow {
  color: var(--black);
  font-weight: 500;
  text-decoration: underline;
}

.footer-address {
  color: var(--\<unknown\|relume-variable-link-color-1\>);
  padding: .5rem .75rem;
  font-size: .875rem;
  text-decoration: none;
}

.footer-links-list-title {
  margin-bottom: 1rem;
  padding-left: .75rem;
}

.section-subpage-hero-header {
  padding-top: 4rem;
}

.subpage-header-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.subpage-header-image-wrapper {
  border-radius: 3rem;
  overflow: hidden;
}

.subpage-header-image {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.stats-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.stats-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.stats-item {
  background-color: var(--white);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.stats-item.is-green {
  background-color: var(--bleu);
}

.stats-item.is-dark {
  background-color: var(--black);
  color: var(--white);
}

.stat-number {
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.3;
}

.stat-image-wrapper {
  border-radius: 2rem;
  height: 100%;
  overflow: hidden;
}

.stat-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.stats-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.section-stat {
  margin-left: 5%;
  margin-right: 5%;
}

.stats-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.cta-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  overflow: hidden;
}

.cta-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--light-grey);
  border-radius: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: grid;
  overflow: hidden;
}

.cta-card-conent {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
}

.cta-image-wrapper {
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.cta-image {
  border-radius: 1.5rem;
  width: 100%;
  height: 100%;
}

.values-component {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.values-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.values-item {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--bleu);
  border-radius: 2rem;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.values-item.is-grey {
  background-color: var(--grey);
}

.values-item.t-white {
  color: var(--white);
}

.section-case-studies {
  margin-bottom: 6rem;
  margin-left: 5%;
  margin-right: 5%;
}

.case-studies-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.case-studies-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
}

.case-study-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 2rem;
  height: 100%;
  margin-bottom: 3rem;
  padding: 1rem;
  transition: border-color .3s;
  display: inline-block;
}

.case-study-item:hover {
  border-color: var(--black);
}

.case-study-item-link {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.case-study-image-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.case-study-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.case-study-title-wrapper {
  padding: 1.5rem 1.25rem;
}

.section-contact {
  margin-top: 4rem;
}

.contact-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 2rem;
  display: grid;
}

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

.contact-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5%;
  margin-bottom: 5%;
  display: flex;
}

.contact-icon {
  background-color: var(--bleu);
  width: 2rem;
  height: 2rem;
  color: var(--white);
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

.contact-form-block {
  background-color: var(--bleu);
  border-radius: 3rem;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  padding: 2rem;
}

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

.form-field-wrapper {
  position: relative;
}

.form-field-label {
  margin-bottom: .5rem;
  padding-left: 1rem;
  font-weight: 400;
}

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

.error-text {
  color: #e23939;
}

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

.form-button-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.blogs-component {
  flex-direction: column;
  align-items: center;
}

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

.blog-item {
  border: 1px solid var(--light-grey);
  background-color: var(--white);
  border-radius: 2rem;
  padding: 1rem;
  transition: border-color .3s;
}

.blog-item:hover {
  border: 1px solid var(--black);
}

.blog-item.is-light-grey {
  background-color: var(--light-grey);
}

.blog-item-link {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.blog-image-wrapper {
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
}

.blog-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-title-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem 1.25rem .5rem;
  display: flex;
}

.blog-button-wrapper {
  margin-top: 1.5rem;
  display: flex;
}

.section-case-study-header {
  margin-top: 4rem;
}

.case-study-header-content-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.case-study-tags-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin-bottom: 1.5rem;
  display: flex;
}

.case-study-information-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-study-header-image-wrapper {
  border-radius: 3rem;
  flex: 1;
  width: 100%;
  height: 85vh;
  overflow: hidden;
}

.case-study-header-image {
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.section-case-study-details {
  margin-left: 5%;
  margin-right: 5%;
}

.case-study-details-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.image {
  border-radius: 2rem;
}

.section-blog-header {
  margin-top: 4rem;
}

.blog-header-content-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-date-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.blog-date {
  background-color: var(--bleu);
  border-radius: 100rem;
  padding: .25rem .75rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.blog-date.w--current {
  border-bottom: 2px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
}

.blog-header-image-wrapper {
  border-radius: 3rem;
  flex: 1;
  width: 100%;
  height: 85vh;
  overflow: hidden;
}

.blog-header-image {
  object-fit: cover;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.section-blog-details {
  margin-left: 5%;
  margin-right: 5%;
}

.blog-details-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.blog-section-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.section-service-description {
  margin-bottom: 6rem;
  margin-left: 5%;
  margin-right: 5%;
}

.service-description-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.section-blog {
  margin-bottom: 6rem;
  margin-left: 5%;
  margin-right: 5%;
}

.blog-component-wrapper {
  background-color: var(--light-grey);
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.text-span-7 {
  font-size: 1.6rem;
}

.svg {
  width: 23px;
}

.collection-list-wrapper {
  width: 100%;
  padding-left: 5%;
}

.div-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 1rem;
  display: flex;
}

.text-block {
  font-size: 1.4rem;
  font-weight: 700;
}

.link {
  font-size: 1.1rem;
  font-weight: 500;
}

.link:hover {
  text-decoration: underline;
}

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

.image-2 {
  width: 250px;
}

.div-block-3 {
  margin-left: 8.7rem;
  margin-right: 8.7rem;
}

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

.text-block-2 {
  padding-right: 5px;
}

.collection-list-wrapper-2 {
  padding-left: 5%;
}

.collection-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.link-2 {
  color: var(--bleu);
  font-size: 1.3rem;
  font-weight: 600;
}

.link-2:hover {
  text-decoration: underline;
}

.link-3 {
  color: var(--bleu);
  font-size: 1.1rem;
  font-weight: 400;
}

.link-3:hover {
  text-decoration: underline;
}

.collection-item {
  color: var(--bleu);
  flex-flow: column;
  display: flex;
}

.link-4 {
  width: 100%;
  color: var(--bleu);
  font-size: 1rem;
  font-weight: 400;
}

.link-4:hover {
  text-decoration: underline;
}

.text-span-8 {
  font-size: 3rem;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  place-content: stretch center;
  width: 100%;
  max-width: none;
  margin-top: 0%;
  padding: 0% 10% 5%;
  display: flex;
}

.div-block-5 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.heading-2 {
  color: #0f3254;
  text-transform: none;
  word-break: normal;
  overflow-wrap: normal;
  direction: ltr;
  font-family: Bitter, serif;
  font-size: 40px;
  font-weight: 700;
}

.div-block-6 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

.paragraph {
  font-weight: 400;
}

.text-span-9 {
  font-size: 21px;
  font-weight: 700;
  text-decoration: underline;
}

.text-span-2 {
  margin-left: 5%;
  padding-left: 0;
}

.container-3 {
  margin-bottom: 6rem;
}

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

.bold-text-7.mention {
  color: #0f3254;
}

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

.text-span-10 {
  font-size: 21px;
  font-weight: 700;
  text-decoration: underline;
}

.text-span-3, .bold-text-4 {
  font-weight: 700;
}

.div-block-7 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.div-block-8 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

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

.text-span-11 {
  font-size: 21px;
  font-weight: 700;
  text-decoration: underline;
}

.container-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  place-content: stretch center;
  width: 100%;
  max-width: none;
  margin-top: 0%;
  padding-bottom: 5%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.text-span-12, .bold-text-9 {
  font-weight: 700;
}

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

.image-9 {
  width: 600px;
}

.div-block-22 {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-23 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.div-block-24 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

.list {
  margin-top: 20px;
}

.text-block-9 {
  margin-right: 5px;
  font-size: 18px;
  font-weight: 700;
}

.link-8 {
  color: #0f3254;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.link-8:hover {
  text-decoration: underline;
}

.div-block-21 {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.container-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  place-content: stretch center;
  width: 100%;
  max-width: none;
  margin-top: 0%;
  padding: 9% 10% 5%;
  display: flex;
}

.text-block-10 {
  margin-top: 0%;
  font-size: 18px;
  font-weight: 700;
}

.div-block-25 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-9 {
  color: var(--bleu);
  font-size: 1rem;
}

.link-9:hover {
  text-decoration: underline;
}

.div-block-26 {
  background-color: var(--gris-foncé);
}

.collection-list-2 {
  flex-flow: column;
  align-items: flex-start;
  margin-left: 2rem;
  display: flex;
}

.div-block-27 {
  display: flex;
}

.div-block-28 {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-29 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.div-block-30 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

.text-block-8 {
  padding-right: 5px;
}

.container-6 {
  margin-top: 5%;
}

.image-6 {
  width: 300px;
  height: 400px;
}

.container-7 {
  padding-top: 15%;
  padding-bottom: 5%;
}

.text-block-7 {
  pointer-events: auto;
  margin-bottom: 5%;
  font-size: 1.5em;
  font-weight: 700;
}

.rich-text-block-2 {
  margin-bottom: 5%;
}

.text-block-6 {
  margin-bottom: 10%;
  font-size: 1.5em;
  font-weight: 700;
}

.div-block-31 {
  margin-left: 0%;
  padding-left: 0;
  padding-right: 10%;
}

.link-5 {
  color: #0f3254;
  text-decoration: none;
}

.link-5:hover {
  text-decoration: underline;
}

.div-block-32 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

.collection-list-3 {
  margin-left: 2rem;
}

.div-block-33 {
  border: 1px solid #0000004d;
  border-radius: 2px;
  height: 80%;
}

.div-block-34 {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-35 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.container-8 {
  padding-top: 15%;
  padding-bottom: 5%;
}

.container-9 {
  margin-top: 5%;
}

.image-10 {
  width: 300px;
  height: 400px;
}

.text-block-11 {
  pointer-events: auto;
  margin-bottom: 5%;
  font-size: 1.5em;
  font-weight: 700;
}

.text-block-12 {
  margin-bottom: 10%;
  font-size: 1.5em;
  font-weight: 700;
}

.link-10 {
  color: #0f3254;
  text-decoration: none;
}

.link-10:hover {
  text-decoration: underline;
}

.div-block-36 {
  margin-left: 0%;
  padding-left: 0;
  padding-right: 10%;
}

.div-block-37 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

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

.container-10 {
  padding-top: 15%;
  padding-bottom: 5%;
}

.image-11 {
  width: 300px;
  height: 400px;
}

.div-block-38 {
  display: flex;
}

.text-block-13 {
  margin-bottom: 10%;
  font-size: 1.5em;
  font-weight: 700;
}

.text-block-14 {
  padding-right: 5px;
}

.container-11 {
  margin-top: 5%;
}

.div-block-39 {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-40 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

.div-block-41 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.text-block-15 {
  pointer-events: auto;
  margin-bottom: 5%;
  font-size: 1.5em;
  font-weight: 700;
}

.footer-social-link-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #0f3254;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.div-block-42 {
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 5%;
  display: flex;
}

.influx-2 {
  color: #171717;
  font-weight: 500;
  text-decoration: underline;
}

.button-text-item-2 {
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.1;
  display: flex;
}

.button-text-item-2:hover {
  color: #0f3254;
}

.navbar-link-2 {
  color: #171717;
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: 1.1rem;
  transition: background-color .3s;
}

.navbar-link-2:hover {
  color: #fff;
  background-color: #0f3254;
}

.navbar-link-2.w--current {
  border-radius: 100rem;
}

.navbar-menu-2 {
  align-items: center;
  display: flex;
  position: static;
}

.footer-address-2 {
  padding: .5rem .75rem;
  font-size: .875rem;
  text-decoration: none;
}

.service-description-wrapper-2 {
  background-color: #e4e4e4;
  border-radius: 3rem;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.text-span-13 {
  color: #171717;
  font-weight: 500;
  text-decoration: underline;
}

.collection-list-4 {
  flex-flow: column;
  align-items: flex-start;
  margin-left: 2rem;
  display: flex;
}

.footer-link-2 {
  border-radius: 100rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .3s;
}

.footer-link-2:hover {
  color: #fff;
  background-color: #0f3254;
}

.footer-link-2.w--current {
  border-radius: 100rem;
}

.project-item-2 {
  background-color: #e4e4e4;
  border: 1px solid #e4e4e4;
  border-radius: 2rem;
  padding: 1rem;
  transition: border-color .3s;
}

.project-item-2:hover {
  border: 1px solid #171717;
}

.newsletter-footer-wrapper-2 {
  background-color: #0f3254;
  border-radius: 2rem;
  padding: 1.5rem;
}

.input-form-2 {
  color: #171717;
  background-color: #fff;
  border: 1px #000;
  border-bottom: 1px solid #0f3254;
  border-radius: 100rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color .3s;
}

.input-form-2:hover {
  border-bottom: 2px solid #171717;
}

.input-form-2:focus {
  border-color: #000 #000 #171717;
  border-bottom-style: solid;
}

.input-form-2::placeholder {
  color: #0009;
}

.footer-line-divider-2 {
  background-color: #171717;
  width: 100%;
  height: 1px;
}

.webflow-2 {
  color: #171717;
  font-weight: 500;
  text-decoration: underline;
}

.button-secondary-2 {
  grid-column-gap: .5rem;
  color: #171717;
  text-align: center;
  background-color: #0000;
  border: 1px solid #171717;
  border-radius: 100rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .3s, border-color .35s, background-color .35s;
  display: flex;
}

.button-secondary-2:hover {
  color: #fff;
  background-color: #0f3254;
  border-color: #171717;
}

.button-2 {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #0f3254;
  border: 1px solid #171717;
  border-radius: 100rem;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .35s;
  display: flex;
}

.button-2:hover {
  color: #0f3254;
  background-color: #fff;
}

.button-2.w--current {
  border-radius: 100rem;
}

.button-2.is-navbar {
  background-color: #0f3254;
}

.button-2.is-navbar:hover {
  background-color: #e4e4e4;
  border-width: 4px;
  border-color: #0f3254;
}

.social-icon-2 {
  background-color: #171717;
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  display: flex;
}

.error-message-2 {
  border: 2px solid #fff;
  border-radius: 1rem;
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.cta-card-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #e4e4e4;
  border-radius: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: grid;
  overflow: hidden;
}

.tagline-pill-2 {
  color: #fff;
  background-color: #0f3254;
  border-radius: 100rem;
  margin-bottom: 1rem;
  padding: .35rem .75rem;
  font-size: .875rem;
  line-height: 1.3;
  display: inline-block;
}

.navbar-menu-link-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.success-message-2 {
  padding: 1.5rem;
}

.div-block-43 {
  border: 1px solid #0f3254;
  width: 30%;
  height: 0;
  margin-top: 3%;
}

.text-block-16 {
  font-size: 1.4rem;
  font-weight: 700;
}

.div-block-44 {
  border: 1px solid #0000004d;
  border-radius: 2px;
  height: 80%;
}

.div-block-45 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 1rem;
  display: flex;
}

.div-2 {
  flex-flow: column;
  align-items: flex-start;
  padding-left: 1em;
  display: flex;
}

.div-3 {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .container-2, .container-4, .container-5 {
    padding-top: 12%;
  }
}

@media screen and (min-width: 1440px) {
  .heading-style-h1.weight-medium.domaines, .text-size-large.weight-medium {
    color: var(--bleu);
  }

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

  .max-width-large.align-center {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .navbar-container {
    -webkit-text-fill-color: inherit;
    background-color: #e4e4e4b5;
    background-clip: border-box;
  }

  .div-block {
    width: 35%;
    color: var(--bleu);
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .link {
    color: var(--bleu);
  }

  .container-2, .container-4, .container-5 {
    padding-top: 10%;
  }

  .collection-list-2 {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .rich-text-block {
    font-size: 1.2rem;
  }

  .div-block-29 {
    align-items: center;
    width: 100%;
  }

  .text-block-6 {
    color: var(--bleu);
  }

  .div-block-35 {
    align-items: center;
    width: 100%;
  }

  .text-block-12, .text-block-13 {
    color: #0f3254;
  }

  .div-block-41, .div-block-42 {
    align-items: center;
    width: 100%;
  }

  .collection-list-4 {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .rich-text-block-3 {
    font-size: 1.2rem;
  }

  .div-block-45 {
    color: #0f3254;
    flex-flow: column;
    align-items: flex-start;
    width: 35%;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 6.5vw;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

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

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

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .styleguide-icon-list {
    grid-auto-flow: row;
  }

  .heading-style-h1 {
    font-size: 6.5vw;
  }

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

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

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

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

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

  .padding-bottom.padding-huge {
    padding-bottom: 6rem;
  }

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .hide-tablet {
    display: none;
  }

  .hero-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding-top: 10%;
  }

  .license-wrapper {
    padding-bottom: 10%;
    padding-left: 5%;
  }

  .licenses-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .changelog-wrapper {
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
  }

  .changelog-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding-top: 10%;
  }

  .menu-icon-line-bottom {
    background-color: var(--black);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-link {
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link:hover {
    background-color: var(--grey);
    color: var(--bleu);
    text-decoration: underline;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-menu-button {
    padding: 0;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon-line-top {
    background-color: var(--black);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-container {
    padding-right: 1.5rem;
  }

  .navbar-component {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navbar-menu-link-wrapper {
    border: 1px none var(--\<unknown\|relume-variable-border-color-1\>);
    background-color: var(--light-grey);
    flex-direction: column;
    width: 100%;
    padding: 2rem;
  }

  .menu-icon-line-middle {
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-button-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: stretch;
    margin-top: 1rem;
    margin-left: 0;
  }

  .navbar-menu {
    background-color: var(--grey);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-radius: 2rem;
    justify-content: center;
    width: 100%;
    margin-top: 1rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .menu-icon-line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .header-image-wrapper, .header-image {
    border-radius: 2rem;
  }

  .logo-component {
    grid-row-gap: 2rem;
    display: flex;
  }

  .services-component-wrapper, .service-accordion {
    border-radius: 2rem;
  }

  .service-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .team-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .team-image {
    width: 100%;
  }

  .team-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .faq-accordion, .faq-component-wrapper, .faq-contact-wrapper {
    border-radius: 2rem;
  }

  .project-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .project-item {
    border-radius: 1.5rem;
  }

  .project-image-wrapper {
    border-radius: 1rem;
  }

  .project-image {
    aspect-ratio: 1;
  }

  .project-title-wrapper {
    padding: 1.25rem 1rem;
  }

  .project-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .testimonial-component {
    grid-template-columns: 1fr;
  }

  .testimonials-component-wrapper {
    border-radius: 2rem;
  }

  .footer-top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .subpage-header-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .subpage-header-image-wrapper, .subpage-header-image {
    border-radius: 2rem;
  }

  .stats-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .stat-number {
    font-size: 4rem;
  }

  .stats-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .stats-component-wrapper {
    border-radius: 2rem;
  }

  .cta-card {
    border-radius: 2rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-left: 2rem;
  }

  .cta-card-conent {
    padding: 0 0 2rem;
  }

  .values-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .case-studies-component-wrapper {
    border-radius: 2rem;
  }

  .case-studies-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
  }

  .case-study-item {
    border-radius: 1.5rem;
    margin-bottom: 2rem;
  }

  .case-study-image-wrapper {
    border-radius: 1rem;
  }

  .case-study-title-wrapper {
    padding: 1rem;
  }

  .contact-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .contact-form-block {
    border-radius: 2rem;
  }

  .blogs-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .blog-item {
    border-radius: 1.5rem;
  }

  .blog-image-wrapper {
    border-radius: 1rem;
  }

  .blog-image {
    aspect-ratio: 3 / 2;
  }

  .blog-title-wrapper {
    padding-top: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .case-study-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1.5fr;
  }

  .case-study-header-image-wrapper, .case-study-header-image, .case-study-details-wrapper {
    border-radius: 2rem;
  }

  .blog-header-content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .blog-header-image-wrapper, .blog-header-image, .blog-details-wrapper {
    border-radius: 2rem;
  }

  .blog-section-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-description-wrapper, .blog-component-wrapper {
    border-radius: 2rem;
  }

  .div-block {
    align-items: flex-start;
  }

  .div-block-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .container-2, .container-4 {
    padding-top: 25%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-21 {
    grid-column-gap: 63px;
    grid-row-gap: 63px;
    flex-flow: column-reverse;
    justify-content: space-around;
    align-items: center;
  }

  .container-5 {
    padding-top: 25%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-28 {
    grid-column-gap: 14%;
    grid-row-gap: 14%;
  }

  .container-7 {
    padding-top: 25%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .div-block-34 {
    grid-column-gap: 14%;
    grid-row-gap: 14%;
  }

  .container-8, .container-10 {
    padding-top: 25%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .div-block-39 {
    grid-column-gap: 14%;
    grid-row-gap: 14%;
  }

  .menu-icon-line-bottom-2 {
    background-color: #171717;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-link-2 {
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-link-2:hover {
    color: #0f3254;
    background-color: #f2f2f2;
    text-decoration: underline;
  }

  .navbar-menu-2 {
    -webkit-text-fill-color: inherit;
    background-color: #f2f2f2;
    background-clip: border-box;
    border-radius: 2rem;
    justify-content: center;
    width: 100%;
    margin-top: 1rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .service-description-wrapper-2 {
    border-radius: 2rem;
  }

  .project-item-2 {
    border-radius: 1.5rem;
  }

  .cta-card-2 {
    border-radius: 2rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-left: 2rem;
  }

  .navbar-menu-link-wrapper-2 {
    background-color: #e4e4e4;
    border: 1px;
    flex-direction: column;
    width: 100%;
    padding: 2rem;
  }

  .menu-icon-line-middle-2 {
    background-color: #171717;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-top-2 {
    background-color: #171717;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-45 {
    align-items: flex-start;
  }

  .div-3 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 6.5vw;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .utility-form-block {
    padding: 3rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

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

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

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

  .text-quote {
    font-size: 1.125rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: 6.5vw;
  }

  .button {
    padding: .25rem 1rem;
  }

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

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

  .text-size-large {
    font-size: 1.125rem;
  }

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

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

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

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .margin-large {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .hero-header-content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    padding-top: 15%;
  }

  .license-wrapper {
    min-height: 70dvh;
  }

  .licenses-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .license-image-wrapper {
    height: 100%;
  }

  .changelog-header-content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    padding-top: 15%;
  }

  .navbar-container {
    min-height: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .navbar-component {
    margin-top: 1.25rem;
  }

  .navbar-menu-link-wrapper {
    padding: 1.25rem;
  }

  .logo-component {
    padding-top: 1rem;
  }

  .client-logo {
    max-height: 3rem;
  }

  .service-name {
    padding: 1rem 1.25rem;
  }

  .accordion-icon-wrapper {
    width: 1.75rem;
  }

  .service-description {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .service-component, .team-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .team-image-wrapper {
    height: 100%;
  }

  .faq-question {
    padding: 1rem 1.25rem;
  }

  .faq-icon-wrapper {
    width: 1.75rem;
  }

  .faq-answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .project-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial-component {
    grid-template-columns: 1fr;
  }

  .testimonial-content {
    padding: 1.5rem;
  }

  .testimonial-client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
  }

  .footer-menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer-credit-text {
    margin-top: 1.5rem;
  }

  .footer-bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .subpage-header-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .stats-list {
    grid-template-columns: 1fr;
  }

  .stat-number {
    font-size: 3.5rem;
  }

  .cta-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cta-card-conent {
    padding: 2rem;
  }

  .values-list {
    flex: 1;
    grid-template-columns: 1fr;
  }

  .case-studies-list {
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
    column-count: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .case-study-item {
    margin-bottom: 3rem;
  }

  .contact-component, .blogs-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .case-study-header-content-wrapper, .blog-header-content-wrapper {
    grid-template-columns: 1fr;
  }

  .container-2, .container-4, .container-5 {
    padding-top: 30%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-28 {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .container-6 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .container-7 {
    padding-top: 32%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .text-block-7 {
    font-size: 1.4em;
  }

  .rich-text-block-2 {
    font-size: 14px;
  }

  .div-block-31 {
    margin-top: 40px;
    font-size: 14px;
  }

  .div-block-34 {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .container-8 {
    padding-top: 32%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .container-9 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .text-block-11 {
    font-size: 1.4em;
  }

  .div-block-36 {
    margin-top: 40px;
    font-size: 14px;
  }

  .container-10 {
    padding-top: 32%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .container-11 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .div-block-39 {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .text-block-15 {
    font-size: 1.4em;
  }

  .button-2 {
    padding: .25rem 1rem;
  }

  .navbar-menu-link-wrapper-2 {
    padding: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.8rem;
  }

  h2 {
    text-transform: none;
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.3rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .utility-component {
    padding: 3%;
  }

  .utility-form-block {
    padding: 1.5rem;
  }

  .utility-form {
    border-radius: 1.5rem;
    padding: 3rem 1rem;
  }

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

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

  .margin-bottom.margin-small {
    padding-left: 0;
  }

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

  .heading-style-h2.weight-medium {
    text-align: center;
  }

  .styleguide-grid-colors {
    grid-template-columns: 1fr;
  }

  .heading-style-h6 {
    font-size: .875rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: 2rem;
  }

  .heading-style-h1.weight-medium {
    font-size: 1.5rem;
  }

  .button {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button.is-form {
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .button.is-navbar {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

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

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

  .button-group {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .padding-global {
    padding-left: 5%;
    padding-right: 5%;
  }

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

  .section-padding-large.smaller-padding-mobile {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-secondary {
    padding: .5rem 1rem;
  }

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

  .padding-bottom.padding-huge {
    padding-bottom: 4rem;
  }

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

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

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

  .hide-mobile-portrait {
    display: none;
  }

  .hero-header-content-wrapper {
    grid-template-columns: 1fr;
    padding-top: 20%;
    padding-bottom: 10%;
  }

  .license-wrapper {
    justify-content: center;
    min-height: 80dvh;
    padding-bottom: 5%;
  }

  .licenses-list {
    grid-template-columns: 1fr 1fr;
  }

  .license-image-wrapper {
    padding-top: 90%;
  }

  .changelog-wrapper {
    text-align: center;
    justify-content: center;
    padding-bottom: 10%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .changelog-header-content-wrapper {
    grid-template-columns: 1fr;
    padding-top: 20%;
    padding-bottom: 10%;
  }

  .navbar-link:hover {
    background-color: var(--grey);
  }

  .navbar-container {
    min-height: auto;
    padding: .25rem 1rem .25rem .75rem;
  }

  .navbar-logo {
    width: 8rem;
  }

  .navbar-button-wrapper {
    text-align: center;
    width: 100%;
  }

  .header-image-wrapper {
    border-radius: 1rem;
    height: 40vh;
  }

  .header-image {
    border-radius: 1rem;
  }

  .logo-component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
  }

  .client-logo {
    height: 2rem;
    max-height: 2rem;
  }

  .services-component-wrapper, .service-accordion {
    border-radius: 1rem;
  }

  .service-description {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .service-component {
    grid-template-columns: 1fr;
    padding-bottom: 1rem;
  }

  .service-image-wrapper {
    aspect-ratio: 1;
    border-radius: 1rem;
  }

  .section-services.domaine {
    padding-bottom: 5%;
  }

  .team-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .faq-accordion, .faq-component-wrapper {
    border-radius: 1rem;
  }

  .faq-contact-wrapper {
    border-radius: 1rem;
    padding: 1.5rem;
  }

  .project-list {
    grid-row-gap: 1rem;
  }

  .project-item {
    border-radius: 1.5rem;
  }

  .project-image-wrapper {
    border-radius: 1rem;
  }

  .project-title-wrapper {
    padding: 1rem .5rem;
  }

  .project-section-header {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .testimonial-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .testimonial-content, .testimonials-component-wrapper {
    border-radius: 1rem;
  }

  .footer-top-wrapper {
    grid-row-gap: 48px;
  }

  .footer-form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .input-form.is-text-area {
    border-radius: 1rem;
    min-height: 15rem;
  }

  .footer-menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer-link {
    padding-left: 0;
  }

  .footer-link:hover {
    background-color: var(--white);
    color: var(--bleu);
  }

  .newsletter-footer-wrapper {
    border-radius: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-address, .footer-links-list-title {
    padding-left: 0;
  }

  .subpage-header-component {
    grid-template-columns: 1fr;
  }

  .subpage-header-image-wrapper, .subpage-header-image {
    border-radius: 1rem;
  }

  .stats-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .stats-item {
    border-radius: 1rem;
  }

  .stat-image-wrapper {
    z-index: 20;
    border-radius: 1rem;
    width: 100%;
    overflow: visible;
  }

  .stat-image {
    aspect-ratio: 1;
    border-radius: 1rem;
    display: block;
    overflow: clip;
  }

  .stats-component-wrapper {
    border-radius: 1rem;
  }

  .cta-card {
    border-radius: 1rem;
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .cta-card-conent {
    padding: 0 0 2rem;
  }

  .cta-image-wrapper {
    border-radius: 1rem;
  }

  .cta-image {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 1rem;
  }

  .values-list {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .values-item {
    border-radius: 1rem;
  }

  .section-case-studies {
    margin-bottom: 4rem;
  }

  .case-studies-component-wrapper {
    border-radius: 1rem;
  }

  .case-study-item {
    margin-bottom: 1rem;
  }

  .case-study-image {
    aspect-ratio: 1;
  }

  .case-study-title-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .contact-component {
    grid-template-columns: 1fr;
  }

  .contact-form-block {
    border-radius: 1rem;
    padding: 1rem;
  }

  .form-field-2col {
    grid-template-columns: 1fr;
  }

  .form-button-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .blogs-list {
    grid-row-gap: 1rem;
  }

  .blog-item {
    border-radius: 1.5rem;
  }

  .blog-image {
    aspect-ratio: 1;
  }

  .blog-title-wrapper {
    padding-top: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .case-study-header-image-wrapper {
    border-radius: 1rem;
    height: 55vh;
  }

  .case-study-header-image {
    border-radius: 1rem;
  }

  .blog-header-image-wrapper {
    border-radius: 1rem;
    height: 55vh;
  }

  .blog-header-image, .blog-details-wrapper {
    border-radius: 1rem;
  }

  .section-service-description {
    margin-bottom: 4rem;
  }

  .service-description-wrapper {
    border-radius: 1rem;
  }

  .section-blog {
    margin-bottom: 4rem;
  }

  .blog-component-wrapper {
    border-radius: 1rem;
  }

  .text-span-7 {
    font-size: .9rem;
  }

  .collection-list-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  }

  .div-block {
    width: 60%;
  }

  .collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .container-2 {
    padding-top: 36%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .div-block-5 {
    margin-bottom: 10%;
  }

  .heading-2 {
    font-size: 29px;
  }

  .paragraph {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 14px;
  }

  .div-block-7 {
    margin-bottom: 10%;
  }

  .container-4 {
    padding-top: 36%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .div-block-23 {
    margin-bottom: 10%;
  }

  .container-5 {
    padding-top: 36%;
    padding-left: 3%;
    padding-right: 3%;
  }

  .div-block-28 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-29 {
    margin-bottom: 10%;
  }

  .container-6 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .container-7 {
    padding-top: 50%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .text-block-7 {
    font-size: 1.5em;
  }

  .rich-text-block-2 {
    letter-spacing: 0;
  }

  .div-block-31 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
  }

  .div-block-34 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-35 {
    margin-bottom: 10%;
  }

  .container-8 {
    padding-top: 50%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .container-9 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .text-block-11 {
    font-size: 1.5em;
  }

  .div-block-36 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
  }

  .container-10 {
    padding-top: 50%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .container-11 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .div-block-39 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-41 {
    margin-bottom: 10%;
  }

  .text-block-15 {
    font-size: 1.5em;
  }

  .div-block-42 {
    margin-bottom: 10%;
  }

  .navbar-link-2:hover {
    background-color: #f2f2f2;
  }

  .footer-address-2 {
    padding-left: 0;
  }

  .service-description-wrapper-2 {
    border-radius: 1rem;
  }

  .footer-link-2 {
    padding-left: 0;
  }

  .footer-link-2:hover {
    color: #0f3254;
    background-color: #fff;
  }

  .project-item-2 {
    border-radius: 1.5rem;
  }

  .newsletter-footer-wrapper-2 {
    border-radius: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-secondary-2 {
    padding: .5rem 1rem;
  }

  .button-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button-2.is-navbar {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .cta-card-2 {
    border-radius: 1rem;
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .div-block-45 {
    width: 60%;
  }
}

#w-node-ed0eba12-1def-54f2-f589-3ad9cdc3ff92-cdc3ff8c {
  align-self: stretch;
}

#w-node-ed0eba12-1def-54f2-f589-3ad9cdc3ffa7-cdc3ff8c {
  justify-self: end;
}

#w-node-c718d996-64e2-fd48-91d6-4ec75582b6ad-5582b6a9 {
  justify-self: center;
}

#w-node-c718d996-64e2-fd48-91d6-4ec75582b6b5-5582b6a9 {
  justify-self: end;
}

#w-node-_9054d520-bbae-05c9-1d88-6966d184ff1d-fede1b01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-fede1b04 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_07b304bf-b03b-074e-59aa-1a451efb6187-fede1b04, #w-node-_9a09751f-2db9-3d64-1319-0fa4a27e6e4a-fede1b04, #w-node-ffb105b8-229b-3b08-682c-81ac1497a6cc-fede1b04, #w-node-_33c4e206-b576-47b6-4720-d53c51f36d03-fede1b04, #w-node-ea535a53-93cb-f12d-69e6-4570f0a51307-fede1b04, #w-node-d32b95cc-fe8c-8998-36e7-fe07bb00efe3-fede1b04, #w-node-_180cb7ff-022e-fea6-841c-023229416ea3-fede1b08, #w-node-_180cb7ff-022e-fea6-841c-023229416ea4-fede1b08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416eb4-fede1b08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_180cb7ff-022e-fea6-841c-023229416ec1-fede1b08, #w-node-_180cb7ff-022e-fea6-841c-023229416ec7-fede1b08, #w-node-_83cee6c6-a079-22b6-3077-bc05845099f7-fede1b0a, #w-node-_83cee6c6-a079-22b6-3077-bc05845099f8-fede1b0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_3c06b637-7146-202e-4e37-fdee89a31b46-fede1afd, #w-node-_3c06b637-7146-202e-4e37-fdee89a31b6a-fede1afd, #w-node-_3c06b637-7146-202e-4e37-fdee89a31b92-fede1afd, #w-node-_3c06b637-7146-202e-4e37-fdee89a31bb2-fede1afd, #w-node-_3c06b637-7146-202e-4e37-fdee89a31bd2-fede1afd {
    order: -9999;
  }

  #w-node-ed0eba12-1def-54f2-f589-3ad9cdc3ffa7-cdc3ff8c {
    justify-self: auto;
  }

  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-fede1b04 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ae8ec3ed-59de-9da9-5381-f83e705ccaae-fede1b0b, #w-node-_1fe02dea-a766-f55f-6711-dc928566ebf8-fede1b0b, #w-node-_7dbfe3b2-951c-6f4a-a5d8-b2e173bb6c7b-fede1b0b, #w-node-c625ea2f-e6fc-8425-824f-2758ad4f50e0-fede1b0b, #w-node-_6d4338af-a460-e6fe-8e37-c8a5ae705290-fede1b0b {
    order: -9999;
  }

  #w-node-e0ece3fc-e2c5-8f3a-56a8-4bb65e4084cf-fede1b0b {
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f93777-fede1b04 {
    grid-column: span 1 / span 1;
  }

  #w-node-c53cecd5-a3b1-7ec8-7932-d94b08f9378f-fede1b04, #w-node-_7181426f-b44f-9250-2f69-7cdc9f0e4bee-fede1b0b, #w-node-_883b7860-a96e-1a03-6bb3-570317ff92b1-fede1b0b, #w-node-ac2d93a0-bc23-13cc-001d-29e12aa140e1-fede1b0b {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7181426f-b44f-9250-2f69-7cdc9f0e4bee-fede1b0b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e0ece3fc-e2c5-8f3a-56a8-4bb65e4084cf-fede1b0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_883b7860-a96e-1a03-6bb3-570317ff92b1-fede1b0b {
    grid-area: 4 / 1 / 5 / 2;
  }
}