@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tilde;
  src: url('../fonts/tilde-regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tilde;
  src: url('../fonts/tilde-bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --text-color: #ebecee;
  --primary: #58a9ff;
  --highlight: #fa8484;
  --text-color-light: #b8b8b8;
  --text-color-alt: white;
  --midnight-blue: #282653;
  --black: #472632;
  --purple: #582e3d;
  --footer-background: black;
  --nav-text-color: white;
  --background-alt: black;
  --navbar-text-color: white;
  --navbar-background: #171630;
  --text-color-alt-2: #4a4950;
  --footer-text-color: #666565;
  --background: black;
  --button-bg: black;
  --button-text-color: white;
  --light-blue: #c9cdff;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  color: var(--text-color);
  background-color: #0a0a11;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

h1 {
  color: var(--text-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.4em;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.953em;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.563em;
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.2;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}

p {
  color: #fff;
  margin-bottom: 10px;
  font-size: 1em;
}

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

li {
  font-size: 1em;
}

label {
  color: #8b8b8b;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: .7rem;
  font-weight: 400;
  display: block;
}

.margin-right-1x {
  margin-right: 1rem;
}

.breadcrumb-block {
  flex-wrap: wrap;
  align-items: center;
  font-size: 1em;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.text-field {
  color: #fff;
  background-color: #151616;
  border: 1px solid #222;
  transition: border-color .2s;
}

.text-field:focus {
  border: 1px solid var(--highlight);
}

.margin-bottom-8x {
  margin-bottom: 8rem;
}

.display-medium {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 3.4em;
  line-height: 1.2;
}

.footer-link {
  color: var(--text-color-light);
  font-size: 1rem;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--highlight);
}

.margin-bottom-2x {
  margin-bottom: 2rem;
}

.margin-bottom-2x.text {
  font-weight: 300;
}

.display-h2 {
  font-size: 3em;
  font-weight: 600;
  line-height: 1.2;
}

.no-margin-top {
  margin-top: 0;
}

.link-arrow {
  background-image: url('../images/long-arrow-alt-right.svg');
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: 1em;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 2em;
  font-size: .9em;
  font-weight: 600;
  text-decoration: none;
  transition: background-position .2s;
  display: inline-block;
}

.link-arrow:hover {
  background-position: 100%;
}

.link-arrow.no-colored {
  color: var(--text-color);
}

.link-arrow.no-colored:hover {
  color: var(--highlight);
}

.margin-bottom-4x {
  margin-bottom: 4rem;
}

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

.link {
  color: var(--primary);
  text-decoration: none;
}

.link:hover {
  color: var(--highlight);
}

.link.w--current {
  color: #ffeb00;
}

.style-guide-color-block {
  background-color: #ffeb00;
  border-radius: 20px;
  width: 40px;
  height: 40px;
}

.style-guide-color-block.highlight {
  background-color: var(--highlight);
}

.style-guide-color-block.primary {
  background-color: var(--primary);
}

.style-guide-color-block.text-color {
  background-color: var(--text-color);
}

.style-guide-color-block.text-color-alt {
  background-color: var(--text-color-alt);
}

.style-guide-color-block.text-color-light {
  background-color: var(--text-color-light);
}

.style-guide-color-block.secondary {
  background-color: #0df;
}

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

.display-h5 {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.2;
}

.style-guide-block-color {
  text-align: center;
  background-color: #e2e2e2;
  padding: 1rem;
}

.grid-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  display: grid;
}

.grid-content.text-align-center {
  text-align: center;
  display: block;
}

.grid-content.height-60 {
  min-height: 70vh;
}

.grid-content.hide {
  display: none;
}

.display-big {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  line-height: 1.2;
}

.section-hero {
  padding-top: 8rem;
  position: relative;
  overflow: hidden;
}

.section-hero.full-height {
  height: 100vh;
  padding-top: 0;
}

.section-hero.full-height.bg-gradient {
  background-image: linear-gradient(140deg, var(--midnight-blue), var(--black) 70%, var(--purple));
}

.section-hero.with-background {
  background-image: linear-gradient(#00000080, #000 40%);
}

.section-hero.bg-gradient {
  background-image: linear-gradient(140deg, var(--midnight-blue), var(--black) 69%, var(--purple));
}

.text {
  letter-spacing: .2px;
  font-family: Open Sans, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
}

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

.text.large {
  font-size: 1.3em;
}

.text.large.text-color-alt {
  color: #d0c5d3;
}

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

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

.text.small.text-align-right {
  text-align: right;
}

.text.extra-large {
  font-size: 1.6em;
}

.breadcrumb-link {
  margin-right: .5rem;
  text-decoration: none;
}

.breadcrumb-link:hover {
  color: var(--highlight);
}

.button {
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #dc525f;
  border-radius: 100px;
  padding: 1.2rem 1.5rem;
  font-family: Open Sans, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color .1s, border-color .1s, background-color .1s;
}

.button:hover {
  border-color: var(--highlight);
  background-color: var(--highlight);
}

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

.button.outlined {
  color: #794e80;
  background-color: #0000;
  border: 3px solid #7a4f81;
  padding: 1.1rem 1.4rem;
}

.button.outlined:hover {
  border-color: var(--highlight);
  color: var(--highlight);
}

.button.outlined.custom {
  text-align: center;
  margin-top: 3rem;
}

.button.secondary {
  background-color: #0df;
  border-color: #0df;
}

.button.navbar-button {
  margin-right: 2rem;
}

.button.form-button-margin-top {
  margin-top: 1.5em;
}

.no-margin {
  margin: 0;
}

.grid-wrapper {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1200px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 100%;
  display: grid;
  position: relative;
}

.grid-wrapper.full-height {
  min-height: 100%;
}

.grid-wrapper.small {
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 900px) minmax(5vw, 1fr);
}

.grid-wrapper.example {
  background-image: linear-gradient(#0000, #000 30%);
}

.margin-bottom-1x {
  margin-bottom: 1rem;
}

.display-h1 {
  color: var(--text-color);
  font-family: Inter, sans-serif;
  font-size: 3.7em;
  font-weight: 600;
  line-height: 1.2;
}

.display-h3 {
  font-size: 1.953em;
  font-weight: 600;
  line-height: 1.2;
}

.display-h4 {
  font-size: 1.563em;
  font-weight: 600;
  line-height: 1.2;
}

.footer {
  background-color: var(--footer-background);
  border-top: 1px solid #131313;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

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

.breadcrunmb-text {
  margin-right: .5rem;
  text-decoration: none;
}

.section.section-demo {
  background-image: none;
  background-position: 0 0;
  padding-top: 2em;
  padding-bottom: 8em;
}

.section.section-quality {
  color: #000;
  background-color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section.section-testiomonial {
  background-image: url('../images/bg_gradient.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6em;
  padding-bottom: 8em;
}

.section.performance {
  background-image: url('../images/bg_gradient.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section.section-open-source {
  text-align: center;
  padding-top: 4em;
  padding-bottom: 4rem;
}

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

.section.white-try-the-model {
  color: #000;
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 5rem;
}

.section.bg-2 {
  background-image: linear-gradient(128deg, #1a1936, #1b0d12 54%, #221117);
}

.label {
  text-transform: uppercase;
  margin-bottom: .25rem;
  font-size: .7rem;
}

.nav-link {
  color: var(--nav-text-color);
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.nav-link:hover {
  color: var(--highlight);
  text-decoration: none;
}

.nav-link.w--current {
  color: var(--highlight);
}

.nav-link.only-fr, .nav-link.only-en {
  display: none;
}

.margin-bottom-025x {
  margin-bottom: .25rem;
}

.style-guide-flex-vertical {
  flex-direction: column;
  display: flex;
}

.display-h6 {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}

.link-block {
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
}

.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: 310px;
  display: flex;
}

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

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

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

.grid-2-col.graph.padding {
  padding-bottom: 4em;
}

.style-alt {
  background-color: var(--background-alt);
  color: var(--text-color-alt);
}

.padding-8x {
  padding: 8rem;
}

.padding-4x {
  padding: 4rem;
}

.padding-2x {
  padding: 2rem;
}

.padding-1x {
  padding: 1rem;
}

.padding-025x {
  padding: .25rem;
}

.flex-content-vertical {
  flex-direction: column;
  display: flex;
}

.flex-content-horizontal {
  flex-flow: wrap;
  align-content: flex-start;
  display: flex;
}

.navbar-content {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.navbar {
  z-index: 20;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #181733cc;
  width: 100%;
  height: 8em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.nav-menu-desktop {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.icon-2 {
  color: #fff;
}

.nav-menu {
  flex: 0 auto;
  align-self: stretch;
}

.nav-link-mobile {
  color: var(--navbar-text-color);
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .85vw;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.nav-link-mobile:hover {
  color: var(--highlight);
  text-decoration: none;
}

.nav-link-mobile.w--current {
  color: #ffeb00;
}

.nav-menu-mobile {
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  display: none;
}

.brand {
  background-image: url('../images/Cedille.ai---Logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12rem;
  display: flex;
}

.menu-button {
  align-self: center;
}

.padding-top-4x {
  padding-top: 4rem;
}

.padding-top-2x {
  padding-top: 2rem;
}

.padding-top-8x {
  padding-top: 8rem;
}

.logo-brand {
  display: inline-block;
}

.logo-brand:hover {
  color: var(--highlight);
}

.image-cover {
  object-fit: cover;
  border-radius: 9px;
  width: 100%;
  height: 100%;
}

.html-embed {
  height: .5vh;
}

.home-tabs {
  text-align: center;
  justify-content: center;
  margin-bottom: 2rem;
  display: block;
}

.home-tab {
  color: var(--text-color-light);
  text-transform: uppercase;
  background-color: #141414;
  padding: 1em 2.6em;
  font-size: .8rem;
  transition: color .2s, background-color .2s;
}

.home-tab:hover {
  background-color: #1f1f1f;
}

.home-tab.w--current {
  color: #fff;
  background-color: #dc525f;
  font-weight: 600;
}

.home-tab.first-tab {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.home-tab.last-tab {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.home-example-card {
  background-color: #141414;
  border-radius: 7px;
  width: 75%;
  overflow: hidden;
}

.example-header {
  background-color: #202122;
  justify-content: space-between;
  align-items: center;
  height: 3.2em;
  padding-left: 1rem;
  display: flex;
}

.image-2 {
  width: 4em;
}

.tabs-content {
  justify-content: center;
  height: 30rem;
  margin-bottom: 4em;
  display: flex;
}

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

.text-demo {
  color: #818589;
  padding: 1rem;
  font-size: 1rem;
}

.text {
  font-size: 1.1em;
  font-weight: 300;
}

.home-graph {
  border-radius: 10px;
  grid-template-rows: repeat(auto-fit, 0);
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
}

.perf-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.link-footer {
  text-decoration: none;
}

.div-block-3 {
  align-items: center;
  display: flex;
}

.home-graph-component {
  grid-template-rows: auto;
  grid-template-columns: 2em 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  padding-top: 1em;
  padding-right: 1.25rem;
}

.home-graph-component.toxi-gpt3 {
  width: 100%;
}

.home-graph-component.toxi-gptfr {
  width: 96.9%;
}

.home-graph-component.pred-cedille {
  width: 30.4%;
}

.home-graph-component.res-gptj {
  width: 80.96%;
}

.home-graph-component.trad-gptj {
  width: 59.5%;
}

.home-graph-component._100 {
  width: 100%;
}

.home-graph-component.pred-gpt3 {
  width: 30.9%;
}

.home-graph-component.toxi-gptj {
  width: 100%;
}

.home-graph-component.toxi-cedille {
  width: 96.9%;
}

.home-graph-component.pred-gptj {
  width: 44.8%;
}

.home-graph-component.res-cedille {
  width: 88.6%;
}

.home-graph-component.res-gptfr {
  width: 100%;
}

.home-graph-component.res-gptfr2 {
  width: 65.8%;
}

.home-graph-component.trad-cedille {
  width: 100%;
}

.home-graph-component.trad-gpt3 {
  width: 81.8%;
}

.home-graph-component.trad-gptfr2 {
  width: 5.9%;
}

.home-graph-component.pred-gpt3-de {
  width: 20.1%;
}

.home-graph-component.pred-cedille-de {
  width: 20.5%;
}

.home-graph-component.pred-gerpt2-de {
  width: 100%;
}

.home-graph-component.toxi-cedille-de {
  width: 91%;
}

.home-graph-component.toxi-gpt3-de {
  width: 100%;
}

.home-graph-component.toxi-gptj-de {
  width: 92%;
}

.home-graph-component.trad-cedille-de {
  width: 100%;
}

.home-graph-component.trad-gpt3-de {
  width: 91.1%;
}

.home-graph-component.trad-gptj-de {
  width: 11.6%;
}

.home-graph-component.res-cedille-de {
  width: 68.11%;
}

.home-graph-component.res-gpt3-de {
  width: 100%;
}

.home-graph-component.res-ben-de {
  width: 32.24%;
}

.home-graph-component.qa-cedille-de {
  width: 63.6%;
}

.home-graph-component.qa-gpt3-de {
  width: 100%;
}

.home-graph-component.qa-gerpt2-de {
  width: 36.6%;
}

.home-graph-bar {
  background-image: linear-gradient(to right, #de5659, #4945ad);
  border-radius: 10em;
  height: 1rem;
}

.home-graph-bar.other {
  background-image: linear-gradient(#b4b3bb, #b4b3bb);
}

.home-graph-label {
  padding-top: .25em;
  font-family: Open Sans, sans-serif;
  font-size: .8em;
  font-weight: 600;
}

.form-message {
  color: #fff;
  background-color: #151616;
  border: 1px solid #222;
  min-height: 10em;
  transition: border-color .2s;
}

.form-message:focus {
  border-color: var(--highlight);
}

.success-message-2 {
  background-color: #3ba84f;
}

.error-message-2 {
  background-color: #ff4a4a;
}

.display-title-hero {
  font-family: Inter, sans-serif;
  font-size: 5em;
  font-weight: 600;
  line-height: 1.2;
}

.content-block-hero {
  z-index: 100;
  position: relative;
}

.button-arrow {
  color: #fdfdfd;
  background-color: #000;
  background-image: url('../images/long-arrow-alt-right.svg');
  background-position: 86%;
  background-repeat: no-repeat;
  background-size: 1em;
  border-radius: 100px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.2em 3.8em 1.2em 2.2em;
  font-size: .9em;
  font-weight: 600;
  text-decoration: none;
  transition: background-position .2s;
  display: inline-block;
}

.button-arrow:hover {
  color: var(--highlight);
  background-position: 100%;
}

.div-block-5 {
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

.text-block-8 {
  color: #6b6b6b;
  font-size: .8rem;
}

.div-block-6 {
  background-color: #dc525f;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  margin-right: .5rem;
}

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

.text-block-9 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.home-graph-bar-cedille {
  background-image: linear-gradient(to right, #675ba4, #dc6a74);
  border-radius: 10em;
  height: 1rem;
}

.home-graph-label-block {
  justify-content: space-between;
  min-width: 7rem;
  display: flex;
  position: relative;
}

.trophee_cedille {
  background-image: url('../images/icon_trophy.svg');
  background-position: 100% 15px;
  background-repeat: no-repeat;
  background-size: auto;
}

.button_back {
  color: #d6d6d6;
  background-image: url('../images/arrow_left.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  height: 2.5rem;
  padding-left: 3rem;
  padding-right: 1rem;
  font-size: .9em;
  transition: border-color .2s;
  display: flex;
}

.button_back:hover {
  border-color: var(--highlight);
}

.button_back.margin-top-1x {
  margin-top: 1rem;
}

.link-block-2 {
  width: 100%;
}

.color-primary {
  color: var(--highlight);
}

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

.media_logo {
  height: 30px;
  margin-bottom: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}

.media_logo.more-large {
  height: 42px;
}

.media_label {
  color: var(--text-color-alt-2);
  text-align: center;
  letter-spacing: .25rem;
}

.perf-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  display: grid;
}

.perf-item-icon {
  width: 140px;
}

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

.open-source-block {
  border-radius: 2rem;
  flex-direction: row;
  align-items: center;
  max-width: 42rem;
  padding: 2rem;
}

.testi-tweet-item {
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.testi-text {
  font-size: 1.4rem;
}

.div-block-9 {
  justify-content: space-between;
  margin-bottom: 1rem;
  display: flex;
}

.testi-image {
  border-radius: 50px;
  width: 49px;
  height: 48px;
  margin-right: .5rem;
}

.slider-2 {
  background-color: #0000;
  height: auto;
}

.left-arrow, .right-arrow {
  opacity: .3;
}

.slide-nav {
  bottom: -60px;
}

.title-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(114deg, #5a57a1, #e27dc7 37%, #e0696b 70%);
  -webkit-background-clip: text;
  background-clip: text;
}

.button-old {
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #dc525f;
  border-radius: 100px;
  padding: .9rem 1.5rem;
  font-family: Open Sans, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s;
}

.button-old:hover {
  border-color: var(--highlight);
  background-color: var(--highlight);
}

.open-source-item-img {
  flex-direction: row;
  display: flex;
}

.open-source-logo {
  width: 5rem;
  margin-right: 1rem;
}

.text-color-alt {
  color: #aba2ad;
}

.testi-title-block {
  display: block;
}

.div-block-10 {
  text-align: center;
}

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

.image-3 {
  opacity: .67;
}

.focus-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.image-4 {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.blog-image {
  border-radius: 10px;
}

.link-block-3 {
  color: #fff;
}

.collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.collection-item-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  width: 100%;
  height: 200px;
  display: flex;
}

.link-block-4 {
  color: #fff;
}

.heading {
  text-shadow: 0 -1px 20px #000;
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-dropdown-1 {
  text-transform: uppercase;
  border-radius: 4px 4px 0 0;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  font-size: .8rem;
}

.wg-dd-1-togle {
  z-index: 1;
  color: #f1f1f1;
  background-color: #1d1d1d00;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  width: 100%;
  padding: 10px 15px;
}

.wg-dd-1-togle:hover {
  color: #fff;
  background-color: #1d1d1d;
}

.wg-dd-1-list {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  box-shadow: 0 -13px 50px 3px #11179c12;
}

.wg-dropdown-1-link {
  color: #fff;
  background-color: #222;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link:hover {
  background-color: var(--highlight);
  color: #fff;
}

.brand-footer {
  opacity: .23;
  max-width: 300px;
}

.footer-list-item {
  margin-bottom: .75rem;
}

.footer-bottom {
  color: var(--footer-text-color);
  margin-top: 5rem;
}

.anckor {
  height: 1px;
}

.methodology-link {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.tabs-menu {
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 4rem;
  display: flex;
}

.tab {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.tab.w--current {
  border-bottom: 3px solid var(--highlight);
  color: var(--highlight);
  background-color: #fff;
  border-radius: 0;
}

.example-bloc-shadow {
  background-image: linear-gradient(#0000, #0009);
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.examples-bloc {
  color: #fff;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 14px;
  align-items: flex-end;
  height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collection-examples-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.rich-text-block, .example-rich-text-block {
  padding-left: 20%;
  padding-right: 20%;
}

.grid-content-examples {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  padding-left: 20%;
  padding-right: 20%;
  display: grid;
}

.grid-content-examples.text-align-center {
  text-align: center;
  display: block;
}

.body-with-background {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.link-2 {
  color: var(--primary);
}

.div-block-12 {
  background-image: linear-gradient(141deg, #282653, #472632 68%, #582e3d);
  min-height: 100vh;
}

.home-anim-skill-1 {
  z-index: 2;
  width: 470px;
  position: absolute;
}

.home-hero-blob {
  justify-content: center;
  display: flex;
  position: relative;
}

.home-anim-skill-2 {
  z-index: 4;
  width: 470px;
  position: absolute;
}

.home-anim-skill-3 {
  z-index: 3;
  width: 470px;
  position: absolute;
}

.home-anim-skill-4 {
  z-index: 1;
  width: 470px;
  position: relative;
}

.banner-hero {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0003;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
}

.block-skill-deco {
  background-image: url('../images/skill_list_deco_tiny.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 170%;
  min-height: 16rem;
}

.wrapper-skill-deco {
  justify-content: center;
  width: 100%;
  display: block;
  overflow: hidden;
}

.bg-gradient {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--black) 71%, var(--purple));
}

.try-it {
  color: var(--background);
  background-color: #fff;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
}

.try-it.hide {
  display: none;
}

.div-block-14-copy {
  background-image: url('../images/skill_list_deco.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 170%;
  min-height: 16rem;
  position: relative;
}

.separator-2x {
  height: 2rem;
}

.separator-4x {
  height: 4rem;
}

.separator-8x {
  height: 8rem;
}

.fill-footer-bg {
  background-color: var(--footer-background);
}

.testi-name-twitter {
  color: var(--primary);
}

.testi-link-block {
  color: #000;
  background-color: #fff;
  border-radius: 2rem;
  width: 100%;
  padding: 2rem;
}

.separator-1x {
  height: 1rem;
}

.price-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #0003;
  border-radius: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1rem;
  display: grid;
}

.price-block {
  background-color: #1c1a1fe6;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: space-between;
  height: 25rem;
  padding: 1.5rem;
  display: flex;
}

.price-card-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.price-plan-icon {
  width: 2.6rem;
}

.price-plan-list {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.list {
  list-style-type: none;
}

.price-plan-list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1rem 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.fa-400 {
  font-family: "Fa 400", sans-serif;
  font-weight: 400;
  line-height: 1;
}

.button-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.price-month {
  font-size: .8rem;
  font-weight: 400;
}

.price-card {
  background-image: none;
  border-radius: 2rem;
  padding: 2rem .4rem .4rem;
}

.price-card.highlight {
  background-image: linear-gradient(to right, #5c4e94, #b6525c);
  position: relative;
  overflow: hidden;
}

.price-text-most {
  text-align: center;
  margin-bottom: .4rem;
  font-size: .8rem;
  position: absolute;
  inset: .5rem 0% auto;
}

.block-overlay {
  background-color: #0003;
  border-radius: 2rem;
  padding: 2rem;
}

.bg-gradient-infinite {
  background-image: linear-gradient(to right, var(--midnight-blue), var(--black) 71%, var(--purple));
}

.nav-link-2 {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.nav-link-2:hover {
  color: #fa8484;
  text-decoration: none;
}

.nav-link-2.w--current {
  color: #fa8484;
}

.icon-3 {
  color: #fff;
}

.button-2 {
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #dc525f;
  border-radius: 100px;
  padding: 1.2rem 1.5rem;
  font-family: Open Sans, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: color .1s, border-color .1s, background-color .1s;
}

.button-2:hover {
  background-color: #fa8484;
  border-color: #fa8484;
}

.button-2.primary {
  background-color: #58a9ff;
  background-image: linear-gradient(131deg, #504d9b, #c15356);
}

.button-2.primary:hover {
  background-image: linear-gradient(131deg, #6461b6, #d67174);
}

.nav-link-mobile-2 {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .85vw;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.nav-link-mobile-2:hover {
  color: #fa8484;
  text-decoration: none;
}

.nav-link-mobile-2.w--current {
  color: #ffeb00;
}

.nav-menu-2 {
  flex: 0 auto;
  align-self: stretch;
}

.wg-dropdown-1-link-2 {
  color: #fff;
  background-color: #222;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link-2:hover {
  color: #fff;
  background-color: #fa8484;
}

.skill-card {
  color: #fff;
  background-image: url('../images/gradient_purple.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: .7rem;
  flex-direction: column;
  justify-content: space-between;
  width: 10rem;
  height: 6rem;
  padding: .8rem;
  display: flex;
}

.skill-card-icon {
  font-family: "Fa 400", sans-serif;
}

.skill-card-text {
  font-size: .9rem;
}

.skill-card-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  display: grid;
}

.skill-card-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0003;
  border-radius: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.background-video {
  z-index: 10;
  border-radius: 2rem;
  width: 27rem;
  height: 25rem;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 1px 1px 18px 4px #00000024;
}

.img-rounded {
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 1px 1px 2rem #00000085;
}

.img-rounded-img {
  width: 100%;
}

.price-block---custom {
  background-color: #1c1a1fe6;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

.hide {
  display: none;
}

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

@media screen and (min-width: 1920px) {
  .trophee_cedille {
    background-position: 100% 18px;
  }
}

@media screen and (max-width: 991px) {
  p, li, .breadcrumb-block {
    font-size: .8em;
  }

  .display-medium {
    font-size: 3.5em;
  }

  .footer-link {
    font-size: 1rem;
  }

  .display-h2 {
    font-size: 2.4em;
  }

  .link-arrow {
    font-size: 1em;
  }

  .grid-6-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-3-col {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

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

  .display-big {
    font-size: 5em;
  }

  .text, .text.large {
    font-size: 1em;
  }

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

  .display-h1 {
    font-size: 3em;
  }

  .display-h3 {
    font-size: 1.953em;
  }

  .grid-4-col {
    grid-row-gap: 4em;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .section.section-open-source {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .label {
    font-size: .6em;
  }

  .nav-link {
    flex: 1;
    font-size: 1rem;
  }

  .block-content.menu {
    padding-bottom: 2em;
  }

  .grid-2-col.hero {
    flex-direction: column;
    display: flex;
  }

  .grid-2-col.graph {
    grid-template-columns: 1fr;
    padding-bottom: 3em;
  }

  .grid-2-col.graph.padding {
    padding-bottom: 3em;
  }

  .navbar {
    height: 6em;
  }

  .nav-menu-desktop {
    background-color: #000;
    flex-direction: row;
    display: none;
  }

  .icon-2 {
    color: var(--navbar-text-color);
  }

  .nav-menu {
    background-color: var(--navbar-background);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .nav-link-mobile {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 0 0;
    font-size: 1rem;
    line-height: 2;
    position: static;
  }

  .nav-menu-mobile {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .brand {
    width: 10rem;
  }

  .menu-button {
    background-color: #0000;
    padding-right: 0;
  }

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

  .home-example-card {
    width: 100%;
  }

  .text-demo {
    font-size: .9rem;
  }

  .text {
    font-size: .9em;
  }

  .link-footer {
    color: var(--primary);
  }

  .home-graph-label {
    font-size: .75em;
  }

  .button-arrow {
    font-size: 1em;
  }

  .footer-grid {
    grid-row-gap: 2rem;
  }

  .perf-block {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .testi-tweet-item {
    max-width: 620px;
  }

  .lang-switcher-mobile-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid #ffffff17;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 250px;
    margin-top: 1rem;
    padding-top: 1rem;
    display: grid;
  }

  .footer-bottom {
    margin-top: 2rem;
  }

  .examples-bloc {
    height: 180px;
  }

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

  .rich-text-block, .example-rich-text-block {
    padding-left: 15%;
    padding-right: 15%;
  }

  .grid-content-examples {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 10%;
    padding-right: 10%;
  }

  .home-anim-skill-1 {
    width: 350px;
  }

  .home-hero-blob {
    display: none;
  }

  .home-anim-skill-2, .home-anim-skill-3, .home-anim-skill-4 {
    width: 350px;
  }

  .block-skill-deco, .div-block-14-copy {
    min-height: 8.5rem;
  }

  .separator-4x {
    height: 2rem;
  }

  .separator-8x {
    height: 4rem;
  }

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

  .price-block {
    height: 25rem;
  }

  .nav-link-2 {
    flex: 1;
    font-size: 1rem;
  }

  .icon-3 {
    color: #fff;
  }

  .nav-link-mobile-2 {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 0 0;
    font-size: 1rem;
    line-height: 2;
    position: static;
  }

  .nav-menu-2 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #171630;
  }

  .skill-card-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .skill-card-wrapper {
    flex-direction: column;
  }

  .collection-list-wrapper-2 {
    display: block;
  }

  .price-block---custom {
    height: 25rem;
  }
}

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

  h2 {
    font-size: 1.6em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  h5 {
    font-size: 1em;
  }

  h6 {
    font-size: .9em;
  }

  .display-medium {
    font-size: 2em;
  }

  .display-h2 {
    font-size: 1.6em;
  }

  .grid-6-col {
    grid-template-columns: 1fr 1fr;
  }

  .display-h5 {
    font-size: 1em;
  }

  .display-big {
    font-size: 2.2em;
  }

  .section-hero {
    padding-top: 5rem;
  }

  .section-hero.with-background {
    background-image: linear-gradient(#000000b3, #000 40%);
  }

  .text.extra-large {
    font-size: 1.2em;
  }

  .grid-wrapper {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 1620px) minmax(1rem, 1fr);
  }

  .display-h1 {
    font-size: 1.8em;
  }

  .display-h3 {
    font-size: 1.4em;
  }

  .display-h4 {
    font-size: 1.2em;
  }

  .footer {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }

  .grid-4-col {
    grid-template-columns: 1fr;
  }

  .section.section-demo {
    padding-bottom: 4em;
  }

  .section.section-testiomonial {
    padding-top: 4em;
    padding-bottom: 5em;
  }

  .section.performance {
    padding: 2rem;
  }

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

  .display-h6 {
    font-size: .9em;
  }

  .grid-2-col {
    grid-template-columns: 1fr;
  }

  .grid-2-col.hero {
    margin-right: 0;
  }

  .grid-2-col.graph.padding {
    padding-bottom: 2em;
  }

  .navbar {
    height: 5rem;
  }

  .brand {
    width: 8rem;
  }

  .home-tabs {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .home-tab {
    text-align: center;
    border-radius: 5px;
    padding: .5rem;
    font-size: .7rem;
  }

  .home-tab.first-tab, .home-tab.last-tab {
    border-radius: 5px;
  }

  .tabs-content {
    height: 36rem;
  }

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

  .perf-item {
    justify-content: flex-end;
  }

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

  .display-title-hero {
    font-size: 4em;
  }

  .footer-grid {
    flex-direction: column;
  }

  .text-block-9 {
    display: none;
  }

  .lottie-animation {
    width: 15rem;
  }

  .media_logo {
    height: 26px;
  }

  .media_logo.more-large {
    height: 35px;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .perf-item-icon {
    width: 70px;
  }

  .logo_open_source {
    width: 4rem;
  }

  .open-source-block {
    text-align: center;
    flex-direction: column;
  }

  .testi-tweet-item {
    max-width: 440px;
  }

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

  .slider-2 {
    height: auto;
  }

  .open-source-logo {
    margin-bottom: 1rem;
  }

  .examples-bloc {
    height: 150px;
  }

  .rich-text-block, .example-rich-text-block, .grid-content-examples {
    padding-left: 0%;
    padding-right: 0%;
  }

  .home-anim-skill-1, .home-anim-skill-2, .home-anim-skill-3, .home-anim-skill-4 {
    width: 300px;
  }

  .block-skill-deco {
    background-size: 135%;
    width: 220%;
  }

  .div-block-14-copy {
    background-size: 135%;
  }

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

  .price-block {
    height: 27rem;
  }

  .skill-card-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

  .price-block---custom {
    height: 27rem;
  }
}

@media screen and (max-width: 479px) {
  .grid-6-col {
    grid-template-columns: 1fr;
  }

  .display-big {
    font-size: 2.4em;
  }

  .button.margin-right-1x {
    margin-right: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .grid-2-col.graph, .grid-2-col.graph.padding {
    padding-bottom: 1em;
  }

  .home-tabs {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: flex-start start;
  }

  .home-graph-component {
    padding-top: 1.3em;
  }

  .home-graph-component.toxi-cedille.trophee_cedille, .home-graph-component.toxi-cedille-de.trophee_cedille {
    background-position: 100% 20px;
  }

  .display-title-hero {
    font-size: 2.5em;
  }

  .testi-tweet-item {
    max-width: 260px;
  }

  .left-arrow, .right-arrow {
    width: 40px;
  }

  .tab {
    text-align: center;
    display: flex;
  }

  .example-bloc-shadow {
    align-items: flex-end;
  }

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

  .body-with-background {
    background-size: cover;
  }

  .block-skill-deco {
    background-size: 170%;
  }

  .div-block-14-copy {
    background-size: 240%;
  }

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

  .price-block {
    height: 25rem;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .skill-card-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

  .skill-card-wrapper {
    align-items: center;
  }

  .price-block---custom {
    height: 25rem;
  }
}

#w-node-b4ff196b-0761-2fc2-5897-bbfa2a8757d2-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6e5ff959-5dc7-f5e8-9d36-b1b2e2a61d39-1afb32b1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_5b467182-ced0-2e10-fb5f-5cc2c8d73977-1afb32b1 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-b733ec89-75e8-a7b0-980a-1dc5ae65f5be-1afb32b1, #w-node-df48247a-6b65-2e4f-dbbc-3fbe69070984-1afb32b1, #w-node-c173f0be-9c15-a7d4-8557-3361ccda2c8b-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ba667c59-286f-6187-c461-4786fb4d69b6-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_2edcd073-5f5c-1afa-2c1d-e56664709b7d-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_62c77954-685c-583e-3d07-a58370a4f6b6-1afb32b1, #w-node-ac83ce25-9cbc-1324-2d9e-55eba0df6dbd-1afb32b1, #w-node-_0e893882-2861-d4f0-c728-fddbb6e37337-1afb32b1, #w-node-bbc0f637-f3cf-4980-26de-5365231c582c-1afb32b1 {
  align-self: center;
}

#w-node-_73222af4-825d-242f-382e-88f489de6a8d-1afb32b1 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_23e8c396-d031-15cd-2fdd-0ef1aeff626f-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c758a483-699c-04aa-d594-50ecfc24b54a-1afb32b1, #w-node-_370ddd4a-ab49-dd9c-0943-5d3fe5840b1d-1afb32b1 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_370ddd4a-ab49-dd9c-0943-5d3fe5840b1e-1afb32b1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-a9fe781e-384d-dbc1-1319-a0c9ab579650-1afb32b1 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-a9fe781e-384d-dbc1-1319-a0c9ab579651-1afb32b1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-fffa969d-717e-017e-10c0-f37592f9764a-1afb32b1 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-fffa969d-717e-017e-10c0-f37592f9764b-1afb32b1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-be777e9d-b707-28ee-3335-32c10578c009-1afb32b1 {
  grid-area: 5 / 2 / 5 / 3;
}

#w-node-be777e9d-b707-28ee-3335-32c10578c00a-1afb32b1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-b25a033e-e49e-5d4f-1f88-1045ef3bfeca-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_0556a620-103a-81c8-e380-5a18d13122af-1afb32b1, #w-node-_57252536-1395-0fe5-6c07-4e4b9d9ccc2a-1afb32b1, #w-node-_8a61cd47-25cc-dac9-26be-6d404dfd355f-1afb32b1, #w-node-_80a9115d-c223-4288-d07c-6e35bc067f00-1afb32b1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_97949685-7eac-e860-a9eb-a101d9c0f268-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_71e24a45-40c5-ee9c-cd86-38262a49b4f9-1afb32b1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_72673ee4-611c-4025-29b4-74555c31d9ac-1afb32b1 {
  justify-self: center;
}

#w-node-_1b7d0a93-48e0-dfd1-1a7f-db89a1df4c71-33aecb89 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d84d8c88-b058-889b-3b58-473b9915c369-33aecb89 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_500f0592-fcf8-58c0-1de4-dc9e95072f60-95072f5f {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_24354107-10a8-c1ee-9c26-381cb25262b7-b25262b5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4f4a05ff-353a-cb64-17cc-6528ebfd3e08-70fb32bf {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-be15b805-604d-7277-be8c-35cd9b947f40-70fb32bf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_139eef58-4139-4182-d301-96e35aa08233-70fb32bf, #w-node-_868207bf-a386-d6c4-3be8-26cc0ef75b7a-a0fb32c0, #w-node-_981ca340-fde1-2d12-ced3-53f144529a10-a0fb32c0, #w-node-_27b6047b-14ac-f4f7-80fa-2834ff34eea1-1ffb32c1, #w-node-_4f4a05ff-353a-cb64-17cc-6528ebfd3e08-0efb32c2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4f4a05ff-353a-cb64-17cc-6528ebfd3e09-0efb32c2 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_4f4a05ff-353a-cb64-17cc-6528ebfd3e0a-0efb32c2 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_868207bf-a386-d6c4-3be8-26cc0ef75b7a-9ffb32c7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_39e0dc10-1685-a004-3201-e137aec73b97-aec73b95 {
  align-self: end;
}

#w-node-a1b55f92-db8d-6e57-0b6a-d75e9157ec85-47fb32c8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a1b55f92-db8d-6e57-0b6a-d75e9157ec87-47fb32c8 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_6bbacf52-ca33-a0aa-e4fc-d775f1e4c8e0-47fb32c8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6bbacf52-ca33-a0aa-e4fc-d775f1e4c8e7-47fb32c8, #w-node-_6bbacf52-ca33-a0aa-e4fc-d775f1e4c8eb-47fb32c8, #w-node-_6bbacf52-ca33-a0aa-e4fc-d775f1e4c8ef-47fb32c8, #w-node-_6bbacf52-ca33-a0aa-e4fc-d775f1e4c8f3-47fb32c8 {
  align-self: center;
}

#w-node-_4048f3ce-1ea2-c6bc-ab6f-a63859602005-47fb32c8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_97949685-7eac-e860-a9eb-a101d9c0f268-47fb32c8 {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: center;
}

#w-node-_86b27687-dcff-db9c-ae2b-c457edb81c69-47fb32c8 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_6ff8fd72-6970-c719-4596-f3fd9bce36db-47fb32c8 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_71e24a45-40c5-ee9c-cd86-38262a49b4f9-47fb32c8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_72673ee4-611c-4025-29b4-74555c31d9ac-47fb32c8 {
  justify-self: center;
}

#w-node-_488c185c-b9f6-7999-e145-bd8aaeeeef6e-aeeeef6c, #w-node-_27b6047b-14ac-f4f7-80fa-2834ff34eea1-a0fb32ca, #w-node-_076654e9-6f87-b518-d88e-70e5bed4c78c-76fb32cb, #w-node-b6e761b5-01f1-a9f0-fc66-1ff87e94c766-76fb32cb, #w-node-_6c220500-6f13-d114-4b9c-68a0d27de66f-76fb32cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_076654e9-6f87-b518-d88e-70e5bed4c8b7-76fb32cb, #w-node-_076654e9-6f87-b518-d88e-70e5bed4c8d1-76fb32cb {
  grid-area: 1 / 2 / 2 / 3;
  align-self: start;
}

#w-node-_59573596-247e-cb81-d074-7e825f394647-76fb32cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_076654e9-6f87-b518-d88e-70e5bed4c83c-76fb32cb, #w-node-_64ff65e8-0597-d76a-67f9-36642b7c7ccf-76fb32cb {
  justify-self: start;
}

#w-node-_076654e9-6f87-b518-d88e-70e5bed4c871-76fb32cb, #w-node-_1171d60f-c966-47d0-3807-698bb16acae0-76fb32cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1171d60f-c966-47d0-3807-698bb16acae8-76fb32cb {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_076654e9-6f87-b518-d88e-70e5bed4c89b-76fb32cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_076654e9-6f87-b518-d88e-70e5bed4c89c-76fb32cb, #w-node-_076654e9-6f87-b518-d88e-70e5bed4c8a9-76fb32cb, #w-node-_076654e9-6f87-b518-d88e-70e5bed4c8b0-76fb32cb {
  align-self: start;
}

#w-node-f7b9b311-86e2-097f-ebeb-c7ec7926caa9-76fb32cb, #w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671de-76fb32cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671e0-76fb32cb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671e2-76fb32cb {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-a8cd5662-9f58-c29b-0cca-4c4a0a23c0e2-0a23c0e0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a8cd5662-9f58-c29b-0cca-4c4a0a23c0e4-0a23c0e0 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_776de46e-12fc-106e-8a42-5ccace6e6e1c-582e0e27, #w-node-f337ae51-8f72-d36c-b46e-99cb6231c034-582e0e27 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f337ae51-8f72-d36c-b46e-99cb6231c036-582e0e27 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_42ac9d73-4ca6-d154-7c4c-97b380a74b07-582e0e27 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_1d539bae-cb6f-370d-5fd4-39b4fb778cb2-c0e9fa2e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1d539bae-cb6f-370d-5fd4-39b4fb778cb3-c0e9fa2e {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_558ac5d2-7e67-489a-917f-e8d7fa301f8b-c0e9fa2e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_558ac5d2-7e67-489a-917f-e8d7fa301f93-c0e9fa2e, #w-node-_558ac5d2-7e67-489a-917f-e8d7fa301f97-c0e9fa2e, #w-node-_558ac5d2-7e67-489a-917f-e8d7fa301f9b-c0e9fa2e, #w-node-_558ac5d2-7e67-489a-917f-e8d7fa301f9f-c0e9fa2e {
  align-self: center;
}

#w-node-_84005711-96dc-8dda-ad25-0d3f95a8a37e-c0e9fa2e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_13039b40-a3a3-0621-580f-cf30e3160154-c0e9fa2e, #w-node-_12a4f2f5-2ba6-e64d-5788-5a5fea3528fa-c0e9fa2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b69b6ba0-36e5-ab9f-000a-ce0a81f13fba-c0e9fa2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1784d9b2-4a26-67b5-d63f-39283bf2c054-c0e9fa2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1784d9b2-4a26-67b5-d63f-39283bf2c055-c0e9fa2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d53807a9-cca9-d595-dfe9-423481cc273a-c0e9fa2e, #w-node-e031b40f-5642-18da-9af1-7ce1c2871c2a-c2871c26 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e031b40f-5642-18da-9af1-7ce1c2871c2b-c2871c26 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-e031b40f-5642-18da-9af1-7ce1c2871c31-c2871c26, #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744c1-04c11552 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744c3-04c11552 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744d5-04c11552 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744dc-04c11552, #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744e0-04c11552, #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744e4-04c11552, #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744e8-04c11552 {
  align-self: center;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744ec-04c11552 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744ee-04c11552, #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744f0-04c11552 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744f1-04c11552 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744fc-04c11552 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e74500-04c11552 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e7450c-04c11552 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (min-width: 1920px) {
  #w-node-df48247a-6b65-2e4f-dbbc-3fbe69070984-1afb32b1, #w-node-c173f0be-9c15-a7d4-8557-3361ccda2c8b-1afb32b1, #w-node-ba667c59-286f-6187-c461-4786fb4d69b6-1afb32b1, #w-node-b25a033e-e49e-5d4f-1f88-1045ef3bfeca-1afb32b1, #w-node-_97949685-7eac-e860-a9eb-a101d9c0f268-1afb32b1, #w-node-_500f0592-fcf8-58c0-1de4-dc9e95072f60-95072f5f, #w-node-_6ff8fd72-6970-c719-4596-f3fd9bce36db-47fb32c8, #w-node-_488c185c-b9f6-7999-e145-bd8aaeeeef6e-aeeeef6c {
    grid-area: 1 / 2 / 2 / 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_23e8c396-d031-15cd-2fdd-0ef1aeff6271-1afb32b1 {
    justify-self: center;
  }

  #w-node-a02a00a3-a7b1-b7f0-842c-3857436e6566-33aecb89, #w-node-c2036448-425c-f7c7-c998-6340802ff219-33aecb89, #w-node-_09f0b97c-6188-eb1f-74bc-64b58de91be2-33aecb89 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_24354107-10a8-c1ee-9c26-381cb25262c7-b25262b5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-be15b805-604d-7277-be8c-35cd9b947f40-70fb32bf, #w-node-_4f4a05ff-353a-cb64-17cc-6528ebfd3e0a-0efb32c2 {
    grid-column-start: 1;
  }

  #w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671e0-76fb32cb {
    grid-column-end: 3;
  }

  #w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671e2-76fb32cb, #w-node-a8cd5662-9f58-c29b-0cca-4c4a0a23c0e4-0a23c0e0, #w-node-f337ae51-8f72-d36c-b46e-99cb6231c036-582e0e27 {
    grid-column-start: 3;
  }

  #w-node-_42ac9d73-4ca6-d154-7c4c-97b380a74b07-582e0e27 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6e5ff959-5dc7-f5e8-9d36-b1b2e2a61d39-1afb32b1 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #answer.w-node-c173f0be-9c15-a7d4-8557-3361ccda2c92-1afb32b1 {
    place-self: center stretch;
  }

  #w-node-_0fb7bddc-7e5b-cdcc-946a-25b17fbf17cd-70fb32bf {
    order: 9999;
  }

  #w-node-_7827ebea-7c64-b574-cf9b-af3e79c08a9f-70fb32bf {
    justify-self: center;
  }

  #w-node-a1b55f92-db8d-6e57-0b6a-d75e9157ec87-47fb32c8 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671e0-76fb32cb {
    grid-column-end: 5;
  }

  #w-node-_06f7c6cc-932f-e945-3ab9-c9bfeeb671e2-76fb32cb, #w-node-a8cd5662-9f58-c29b-0cca-4c4a0a23c0e4-0a23c0e0, #w-node-f337ae51-8f72-d36c-b46e-99cb6231c036-582e0e27 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_1d539bae-cb6f-370d-5fd4-39b4fb778cb3-c0e9fa2e {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-b69b6ba0-36e5-ab9f-000a-ce0a81f13fba-c0e9fa2e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744c3-04c11552 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744f1-04c11552 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6e5ff959-5dc7-f5e8-9d36-b1b2e2a61d39-1afb32b1, #w-node-a1b55f92-db8d-6e57-0b6a-d75e9157ec87-47fb32c8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_42ac9d73-4ca6-d154-7c4c-97b380a74b07-582e0e27 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1d539bae-cb6f-370d-5fd4-39b4fb778cb3-c0e9fa2e, #w-node-_78ff7e3f-2a9f-8ce6-f7dd-c2c498e744c3-04c11552 {
    grid-area: 1 / 1 / 2 / 2;
  }
}


@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tilde';
  src: url('../fonts/tilde-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tilde';
  src: url('../fonts/tilde-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}