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

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

.tile-cx {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #03162c;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-right: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-427320759 {
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 450px;
  text-decoration: none;
  display: block;
}

.frame-427320760 {
  grid-row-gap: 16px;
  aspect-ratio: auto;
  background-color: #03162c00;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
}

.h1---white {
  color: #fff;
  -webkit-text-stroke-color: black;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.txt---white {
  color: #fff;
  -webkit-text-stroke-color: #000;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  display: block;
}

.button-white {
  grid-column-gap: 10px;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 52px;
  padding: 19px 20px;
  text-decoration: none;
  display: flex;
}

.voir-plus---white {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.banner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/banner.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center start;
  place-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  text-decoration: none;
  display: flex;
}

.image {
  overflow-wrap: normal;
  vertical-align: bottom;
  border-radius: 0;
  flex: 1;
  order: -9999;
  align-self: center;
  min-height: 0;
  max-height: 109%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
  top: 191px;
  bottom: auto;
}

.tile-cybnity {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #040a1b;
  background-image: url('../images/cybnity-main-screenchot-2.png');
  background-repeat: repeat-y;
  background-size: auto;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 220px;
  display: flex;
  position: relative;
  left: 0;
  overflow: hidden;
}

.image-2 {
  box-sizing: border-box;
  clear: both;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  text-overflow: clip;
  vertical-align: top;
  object-fit: cover;
  flex-flow: column;
  order: -9999;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-end;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 1600px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-right: 0;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.tile-cx-copy {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #03162c;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-right: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tile-cx-first {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #03162c;
  background-image: url('../images/cx-first-main-_screenshot-2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 220px;
  display: flex;
  position: relative;
  left: 0;
  overflow: hidden;
}

.tile-tracks {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #c9d2db;
  background-image: url('../images/tracks.png');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: contain;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 220px;
  display: flex;
  position: relative;
  left: 0;
  overflow: hidden;
}

.tile-enki {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #11172f;
  background-image: url('../images/enki.png');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: contain;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 220px;
  display: flex;
  position: relative;
  left: 0;
  overflow: hidden;
}

.paragraph {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
}

.txt---black {
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.button-black {
  grid-column-gap: 10px;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 52px;
  padding: 19px 20px;
  text-decoration: none;
  display: flex;
}

.voir-plus---black {
  color: #000;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-12 {
  background-color: #c9d2db;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 300px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

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

.h1---black {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.crdit-mutuel---application-vnementielle-cration-dune-application-intgrant-la-technologie-beacon-pour {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.h2--black {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .21875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.txt--black {
  color: #000;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 10px;
  margin-right: .21875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.crdit-mutuel---application-vnementielle-cration-dune-application-intgrant-la-technologie-beacon-pour-4 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.subtitle---black {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .21875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: inline-block;
}

.frame-13 {
  background-color: #03162c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-2 {
  grid-column-gap: 10px;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 52px;
  padding: 19px 60px;
  text-decoration: none;
  display: flex;
}

.tlcharger-le-cv {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.jcosteuxprotonme {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

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

.frame-9 {
  grid-column-gap: 40px;
  background-color: #040a1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 0 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320765 {
  grid-row-gap: 16px;
  object-fit: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.contexte {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.le-client-qualimetrie-dispose-dun-produit-nomm-cx-first-le-site-web-de-ce-produit-est-vieillissant {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-427320761 {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
}

.problme-identifi-uxbusiness {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.designer-un-site-internet-dans-un-dlais-trs-court-crer-des-animations-sur-lensemble-du-site {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.opportunit-objectif {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.evaluer-tous-ce-que-lon-peut-faire-avec-lia-aujourdhui {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-427320763 {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 57px;
  margin-top: 0;
  display: flex;
}

.equipe {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.dveloppeurs-front-back {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-427320764 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 57px;
  display: block;
}

.rle {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.product-designer {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-12-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  text-decoration: none;
  display: flex;
}

.frame-12-3 {
  grid-column-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.frame-427320760-2 {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  text-decoration: none;
  display: flex;
}

.frame-427320762-3 {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.frame-15 {
  grid-column-gap: 80px;
  background-color: #040a1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320766 {
  grid-column-gap: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.prs-requis {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.avoir-un-benchmark-design-avoir-un-benchmark-wireframe-utiliser-le-plugin-html-to-figma-pour-impo {
  color: #fff;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inte;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-427320760-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-left: 0;
  text-decoration: none;
  display: flex;
}

.frame-427320770 {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  grid-template: ". Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: none;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.droul {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

._1---le-client-slectionne-ces-coups-de-curs-dans-le-benchmarck-landing-page-2--avec-le-client-on-str {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-14-2 {
  grid-column-gap: 80px;
  background-color: #040a1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-12-4 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 171px;
  text-decoration: none;
  display: flex;
}

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

.frame-16 {
  grid-row-gap: 40px;
  background-color: #040a1b;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 220px 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.rsultats {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-427320771 {
  grid-column-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  display: flex;
  overflow: hidden;
}

.mob---plateforme-1, .mob---home-page-1 {
  border-radius: 8px;
}

.frame-17 {
  grid-column-gap: 80px;
  background-color: #03162c;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.animation {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.le-client-souhaitez-animer-son-site-plus-prcisment-il-souhaitez-apporter-certains-effets-de-parallax {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-427320760-5 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  max-width: 640px;
  text-decoration: none;
  display: flex;
}

.h2--white {
  color: #fff;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .21875rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.flex-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  width: 50%;
}

.div-block {
  background-color: #03162c;
}

.header-small {
  text-align: left;
  background-color: #090d1c;
  min-height: 100px;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: line-through;
  display: block;
}

.image-3 {
  max-width: 50%;
  max-height: 50px;
  padding-left: 20px;
}

.flex-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.flex-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #03162c;
  background-image: url('../images/banner.png');
  background-position: 0 80%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  position: sticky;
  top: 0;
}

.button-cybnity {
  background-color: #040a1b;
  border: 2px solid #fff;
  border-radius: 0;
  width: auto;
  min-width: 40px;
  max-width: 500px;
  height: auto;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 30px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
}

.button-cybnity.w--current {
  background-color: #040a1b;
}

.div-block-2 {
  padding-left: 20px;
}

.icon-back {
  background-color: #c9d2db;
  background-image: url('../images/back.svg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 2px solid #fff;
  border-radius: 20px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.button-cx {
  background-color: #03162c;
  border: 2px solid #fff;
  border-radius: 0;
  width: auto;
  min-width: 40px;
  max-width: 500px;
  height: auto;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 30px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
}

.button-cx.w--current {
  background-color: #03162c;
}

.button-tracks {
  background-color: #c9d2db;
  border: 2px solid #000;
  border-radius: 0;
  width: auto;
  min-width: 40px;
  max-width: 121px;
  height: auto;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 30px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
}

.button-tracks.w--current {
  background-color: #03162c;
}

.text-white {
  color: #fff;
}

.button-enki {
  color: #fff;
  background-color: #11172f;
  border: 2px solid #fff;
  border-radius: 0;
  width: auto;
  min-width: 40px;
  max-width: 500px;
  height: auto;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 30px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
}

.button-enki.w--current {
  background-color: #03162c;
}

.button-tracks-copy {
  background-color: #c9d2db;
  border: 2px solid #000;
  border-radius: 0;
  width: auto;
  min-width: 40px;
  max-width: 500px;
  height: auto;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 30px 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
}

.button-tracks-copy.w--current {
  background-color: #03162c;
}

.text-button-black {
  color: #000;
}

.div-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #c9d2db;
  flex-flow: column;
  padding-bottom: 0;
  display: flex;
}

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

.flex-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.flex-block-6, .flex-block-7, .flex-block-8, .flex-block-9, .flex-block-10, .flex-block-11, .flex-block-12, .flex-block-13, .flex-block-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-block-cybnity {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #040a1b;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.frame-14-2-copy {
  grid-column-gap: 80px;
  background-color: #040a1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 440px;
  max-height: 510px;
  padding: 80px 220px 80px 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-4 {
  max-width: 100%;
  display: block;
}

.frame-20 {
  grid-column-gap: 80px;
  background-color: #040a1b;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 530px;
  max-height: 560px;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320770-grid {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  grid-template: ". Area"
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 27%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.frame-14-2-txt-only {
  grid-column-gap: 80px;
  background-color: #040a1b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 440px;
  max-height: 510px;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-5 {
  max-width: 70%;
  max-height: 150%;
  display: block;
}

.frame-9-cx {
  grid-column-gap: 40px;
  background-color: #03162c;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 0 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-back-cx {
  background-color: #03162c;
  background-image: url('../images/back.svg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 2px solid #fff;
  border-radius: 20px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.frame-15-cx, .frame-14-cx {
  grid-column-gap: 80px;
  background-color: #03162c;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-16-cx {
  grid-row-gap: 40px;
  background-color: #03162c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 220px 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-9-tracks {
  grid-column-gap: 40px;
  background-color: #c9d2db;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 0 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-15-tracks {
  grid-column-gap: 80px;
  background-color: #c9d2db;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-14-tracks {
  grid-column-gap: 80px;
  background-color: #c9d2db;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 440px;
  max-height: 510px;
  padding: 80px 220px 80px 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-20-tracks {
  grid-column-gap: 0px;
  background-color: #c9d2db;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 60px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-16-tracks {
  grid-row-gap: 40px;
  background-color: #c9d2db;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 220px 80px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-14-2-txt-only-c9d2db {
  grid-column-gap: 80px;
  background-color: #040a1b;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 440px;
  max-height: 510px;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.flex-block-15 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.flex-block-tracks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #c9d2db;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.tile-enki1 {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #040a1b;
  background-image: url('../images/cybnity-main-screenchot-2.png');
  background-repeat: repeat-y;
  background-size: auto;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 600px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 220px;
  display: flex;
  position: relative;
  left: 0;
  overflow: hidden;
}

.bandeau-1-enki {
  grid-column-gap: 40px;
  background-color: #11172f;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 0 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bandeau-3-enki, .bandeau-4-enki {
  grid-column-gap: 80px;
  background-color: #11172f;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bandeau-5-enki {
  grid-column-gap: 80px;
  background-color: #11172f;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 440px;
  max-height: 510px;
  padding: 80px 220px 80px 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bandeau-6-enki {
  grid-column-gap: 80px;
  background-color: #11172f;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bandeau-7-enki {
  grid-column-gap: 80px;
  background-color: #11172f;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 530px;
  max-height: 560px;
  padding: 80px 220px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.bandeau-8-enki, .bandeau-10-enki, .bandeau-11-enki {
  grid-column-gap: 80px;
  background-color: #11172f;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 440px;
  max-height: 510px;
  padding: 80px 220px 80px 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-8 {
  max-width: 40%;
}

.image-9 {
  max-width: 70%;
}

.frame-427320770-copy {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  grid-template: ". Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: none;
  height: 100%;
  text-decoration: none;
  display: grid;
}

.frame-427320770-copy-copy {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  grid-template: ". Area"
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 280px;
  text-decoration: none;
  display: flex;
}

.frame-427320770-grid-copy {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: column;
  grid-template: ". Area"
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 27%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  display: grid;
}

@media screen and (max-width: 991px) {
  .frame-427320760 {
    background-color: #11172fb3;
    padding: 10px;
  }

  .button-white {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tile-cx-first {
    background-repeat: repeat-x;
    background-size: cover;
  }

  .frame-12 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .frame-9 {
    flex-flow: column;
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .frame-427320765 {
    width: 100%;
    display: flex;
  }

  .frame-12-3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .frame-15 {
    grid-row-gap: 40px;
    flex-flow: column;
    padding: 20px 40px 0;
  }

  .frame-427320766 {
    width: 100%;
  }

  .frame-427320760-3 {
    width: 100%;
    margin-left: 0;
  }

  .frame-427320770 {
    flex-flow: row;
    width: 100%;
    height: 40%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .frame-14-2 {
    flex-flow: column;
    padding: 20px 100px;
  }

  .frame-427320760-4 {
    width: 100%;
  }

  .frame-16 {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-427320771 {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: space-around;
    height: 59%;
    display: grid;
  }

  .frame-17 {
    grid-row-gap: 40px;
    background-color: #03162c;
    flex-flow: column;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-427320760-5 {
    grid-column-gap: 20px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .div-block-3 {
    background-color: #c9d2dbb3;
    padding: 10px;
  }

  .frame-14-2-copy {
    flex-flow: column;
    min-height: 100%;
    max-height: 100%;
    padding: 20px 40px;
  }

  .image-4 {
    max-height: 40%;
  }

  .frame-427320770-copy {
    width: 100%;
    height: auto;
  }

  .frame-20 {
    flex-flow: column;
    padding: 0 40px 20px;
  }

  .frame-14-2-txt-only {
    flex-flow: column;
    min-height: 0;
    max-height: none;
    margin-bottom: 40px;
    padding: 20px 40px 40px;
  }

  .image-5 {
    display: block;
  }

  .image-6 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .frame-9-cx {
    flex-flow: column;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-15-cx {
    grid-row-gap: 40px;
    flex-flow: column;
    padding: 20px 40px 0;
  }

  .frame-14-cx {
    flex-flow: column;
    padding: 20px 40px;
  }

  .frame-16-cx {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-9-tracks {
    flex-flow: column;
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .frame-15-tracks {
    grid-row-gap: 40px;
    flex-flow: column;
    padding: 20px 100px 0;
  }

  .frame-14-tracks {
    flex-flow: column;
    min-height: 100%;
    max-height: 100%;
    padding: 20px 100px;
  }

  .frame-20-tracks {
    flex-flow: column;
    padding: 0 100px 20px;
  }

  .frame-16-tracks {
    padding-bottom: 0;
    padding-left: 100px;
    padding-right: 100px;
  }

  .frame-14-2-txt-only-c9d2db {
    flex-flow: column;
    padding: 20px 100px;
  }

  .image-7 {
    margin-bottom: 20px;
  }

  .bandeau-1-enki {
    flex-flow: column;
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .bandeau-3-enki, .bandeau-4-enki {
    grid-row-gap: 40px;
    flex-flow: column;
    padding: 20px 100px 40px;
  }

  .bandeau-5-enki {
    flex-flow: column;
    min-height: 100%;
    max-height: 100%;
    padding: 20px 100px 40px;
  }

  .bandeau-6-enki {
    grid-row-gap: 40px;
    flex-flow: column;
    padding: 20px 100px 60px;
  }

  .bandeau-7-enki {
    flex-flow: column;
    max-height: none;
    padding: 0 100px 40px;
  }

  .bandeau-8-enki {
    flex-flow: column;
    min-height: 100%;
    max-height: 100%;
    padding: 20px 100px;
  }

  .bandeau-10-enki, .bandeau-11-enki {
    flex-flow: column;
    min-height: 100%;
    max-height: 100%;
    padding: 40px 100px 20px;
  }

  .frame-427320770-copy {
    flex-flow: row;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .frame-427320770-copy-copy {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .frame-427320759 {
    padding-left: 20px;
  }

  .button-white {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .frame-9 {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-12-3 {
    width: 100%;
  }

  .frame-15 {
    grid-row-gap: 40px;
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-427320766 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-self: center;
    width: 100%;
  }

  .frame-427320760-3 {
    margin-left: 0;
  }

  .frame-14-2 {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .frame-427320760-4 {
    width: 100%;
  }

  .frame-16 {
    padding-top: 20px;
  }

  .frame-17 {
    grid-row-gap: 40px;
    background-color: #03162c;
    flex-flow: column;
  }

  .flex-block {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .frame-14-2-copy {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-4 {
    max-height: 100%;
  }

  .frame-20, .frame-14-2-txt-only {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .frame-9-cx {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-15-cx {
    grid-row-gap: 40px;
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-14-cx {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .frame-16-cx {
    padding-top: 20px;
  }

  .frame-9-tracks {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-15-tracks {
    grid-row-gap: 40px;
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .frame-14-tracks {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .frame-20-tracks {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 80px;
  }

  .frame-16-tracks {
    padding-top: 20px;
  }

  .frame-14-2-txt-only-c9d2db {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bandeau-1-enki {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bandeau-3-enki, .bandeau-4-enki {
    grid-row-gap: 40px;
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bandeau-5-enki {
    flex-flow: column;
    padding: 40px;
  }

  .bandeau-6-enki {
    grid-row-gap: 40px;
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bandeau-7-enki, .bandeau-8-enki, .bandeau-10-enki, .bandeau-11-enki {
    flex-flow: column;
    padding: 40px;
  }
}

@media screen and (max-width: 479px) {
  .frame-427320759 {
    padding-left: 20px;
    display: flex;
  }

  .button-white {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tile-cybnity, .tile-cx-first, .tile-tracks, .tile-enki {
    padding-right: 20px;
  }

  .frame-12 {
    padding: 40px;
  }

  .frame-9 {
    flex-flow: column;
    padding: 40px 20px;
  }

  .frame-427320765, .frame-427320760-2 {
    width: 100%;
  }

  .frame-15 {
    flex-flow: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-427320766 {
    grid-row-gap: 40px;
    flex-flow: column;
    width: 100%;
  }

  .frame-427320760-3 {
    margin-bottom: 40px;
    margin-left: 0;
  }

  .frame-427320770 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .frame-14-2 {
    flex-flow: column;
    padding: 40px 20px 0;
  }

  .frame-427320760-4 {
    width: 100%;
  }

  .frame-16 {
    padding: 20px;
  }

  .frame-427320771 {
    height: 100%;
  }

  .frame-17 {
    flex-flow: column;
    padding: 40px 20px;
  }

  .frame-427320760-5 {
    margin-bottom: 40px;
  }

  .image-3 {
    max-width: 100%;
  }

  .flex-block-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url('../images/banner.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    display: grid;
  }

  .frame-14-2-copy, .frame-20, .frame-14-2-txt-only {
    flex-flow: column;
    padding: 40px 20px 0;
  }

  .image-5 {
    max-width: 100%;
  }

  .frame-9-cx {
    flex-flow: column;
    padding: 40px 20px;
  }

  .frame-15-cx {
    flex-flow: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-14-cx {
    flex-flow: column;
    padding: 40px 20px;
  }

  .frame-16-cx {
    padding: 20px 20px 0;
  }

  .frame-9-tracks {
    flex-flow: column;
    padding: 40px 20px;
  }

  .frame-15-tracks {
    flex-flow: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-14-tracks, .frame-20-tracks {
    flex-flow: column;
    padding: 40px 20px 0;
  }

  .frame-16-tracks {
    padding: 20px;
  }

  .frame-14-2-txt-only-c9d2db {
    flex-flow: column;
    padding: 40px 20px 0;
  }

  .tile-enki1 {
    padding-right: 20px;
  }

  .bandeau-1-enki {
    flex-flow: column;
    padding: 40px 20px;
  }

  .bandeau-3-enki, .bandeau-4-enki {
    flex-flow: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bandeau-5-enki {
    flex-flow: column;
    padding: 40px 20px 0;
  }

  .bandeau-6-enki {
    flex-flow: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bandeau-7-enki, .bandeau-8-enki, .bandeau-10-enki, .bandeau-11-enki {
    flex-flow: column;
    padding: 40px 20px 0;
  }

  .image-9 {
    max-width: 100%;
  }

  .frame-427320770-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }

  .frame-427320770-copy-copy {
    display: block;
  }
}

#w-node-ab79a79f-b5e9-9193-007b-f74f96341f88-45d37efe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac267887-a02b-f211-2b86-0eb7c39bac0d-45d37efe {
  justify-self: center;
}

#w-node-caa82055-fefb-1fab-c043-c99ee1a25578-796f6866 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-caa82055-fefb-1fab-c043-c99ee1a2557a-796f6866 {
  justify-self: center;
}

#w-node-_7f25c535-bf3e-b9de-77f6-e2fae2e7a51d-796f6866 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0bc1089b-20db-e68c-aa77-6984c22d778b-796f6866, #w-node-_3ac0affd-b799-5ef5-4d40-71d675370f60-796f6866 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a70160d4-214e-bcc8-0021-ffc51f801903-7a06703f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a70160d4-214e-bcc8-0021-ffc51f801905-7a06703f {
  justify-self: center;
}

#w-node-e3862edb-3c8d-6991-655f-1eae88d9aada-3bb52dd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e3862edb-3c8d-6991-655f-1eae88d9aadc-3bb52dd7 {
  justify-self: center;
}

#w-node-_7f25c535-bf3e-b9de-77f6-e2fae2e7a51d-3bb52dd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217ccd2f-eabd-2cb7-a1dc-6144a78ff89e-3bb52dd7 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_0bc1089b-20db-e68c-aa77-6984c22d778b-3bb52dd7, #w-node-_3ac0affd-b799-5ef5-4d40-71d675370f60-3bb52dd7, #w-node-_8f295846-e6c6-e714-25e6-028243eb337e-3bb52dd7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-b832dab9-a247-51d3-580b-461078a85c20-45d37efe, #w-node-_63103255-a0c2-d7d1-45a6-6c7e0b35d14d-45d37efe {
    justify-self: end;
  }
}