@font-face {
  font-family: Newake Font;
  src: url('../fonts/Newake-Font-Regular.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Leonsans;
  src: url('../fonts/LeonSans-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Leonsans;
  src: url('../fonts/LeonSans-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Leonsans;
  src: url('../fonts/LeonSans-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Leonsans;
  src: url('../fonts/LeonSans-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Leonsans;
  src: url('../fonts/LeonSans-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --background-dark-blue: #091329;
  --color-white: #f4f4f4;
  --background-main-medium: #537ac2;
  --main-light-blue: #cee1ff;
  --background-black: #131414;
  --secondary-dark-yellow: #b1722a;
  --background-medium-transparent: #a5bde92b;
  --background-light-transparent: #bfcde70d;
  --secondary-yellow: #d39043;
  --background-half-transparent: #a5bde994;
  --background-medium-secondary: #355185;
  --inner-shadow-half-transparent: #cee1ff70;
  --black\<deleted\|variable-f915027c\>: black;
  --text-gray-medium: #7f8ca7;
  --color-background-blue: #091329;
  --main-dark-blue: #1a315c;
  --texte-medium-transparent: #cfe1ff96;
  --background-green: #217a56;
  --background-light-secondary: #172748;
  --border-ligth-blue: #b5c8e7de;
  --background-blue-transparent: #1a315c66;
  --background-red: #912e30;
  --background-dark-turquoise: #0c638b;
  --background-purple: #833896;
  --background-yellow: #a57a1d;
}

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

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

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

.body {
  background-color: var(--background-dark-blue);
  color: var(--color-white);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  height: auto;
  margin-bottom: 0;
  transition: all .2s;
  overflow: visible;
}

.body.expanded {
  background-image: linear-gradient(#050711, #050711);
  height: 100%;
  overflow: hidden;
}

.navbar {
  z-index: 4;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  background-color: #002e4600;
  background-image: linear-gradient(#0e101fc9, #0e101fc9);
  justify-content: flex-end;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: 0;
  box-shadow: 0 0 20px -7px #000, inset 0 -6px 11px -8px #ffffff24;
}

.text-span {
  color: var(--background-main-medium);
  letter-spacing: 1.5px;
  -webkit-text-stroke-color: var(--main-light-blue);
  text-shadow: none;
  font-family: Newake Font, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}

.footer {
  z-index: 2;
  background-color: var(--background-black);
  text-align: center;
  text-shadow: none;
  align-items: flex-start;
  height: auto;
  padding-top: 60px;
  padding-bottom: 100px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  position: relative;
}

.list-item {
  color: #fff;
}

.cta-contact {
  background-color: var(--background-main-medium);
  text-align: center;
  letter-spacing: 1px;
  text-shadow: none;
  cursor: pointer;
  background-image: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 44px;
  margin-left: 30px;
  padding: 10px 30px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.cta-contact:hover {
  filter: brightness(122%);
}

.cta-contact.cta-big--yellow {
  background-color: var(--secondary-dark-yellow);
  text-transform: uppercase;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 220px;
  height: 50px;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: static;
  inset: 36% 11% auto auto;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.carte-expertise {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #091522fa;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 230px;
  height: 150px;
  padding: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 15px -5px #ffffff38, 0 0 6px 4px #829ac763;
}

.carte-expertise:hover {
  transform: scale(1.03);
}

.carte-expertise.v2 {
  width: 200px;
}

.heading-carte-expertise {
  color: #a5bde9;
  text-align: left;
  text-shadow: 0 0 4px var(--main-light-blue);
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 29px;
}

.heading-carte-expertise.expanded {
  color: var(--main-light-blue);
  font-size: 32px;
  font-weight: 500;
}

.heading-carte-expertise.margin-left {
  margin-left: -10px;
}

.heading-carte-expertise.margin-right {
  margin-left: 10px;
}

.div-block-3 {
  border: 2px solid #5c5c5c;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  inset: 7% auto auto 5%;
  box-shadow: 0 0 7px -2px #fff;
}

.container-expertises {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.container-expertises.v2 {
  width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.heading-5 {
  color: #e6e6e6;
  text-align: center;
  margin-top: 0;
  font-family: Leonsans, sans-serif;
  font-weight: 100;
}

.realisations {
  background-color: #0a0a1d;
  height: auto;
  padding-top: 60px;
  padding-bottom: 140px;
  box-shadow: inset 0 -5px 20px 6px #00000070;
}

.div-block-5 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 40px;
  margin-left: 160px;
  padding-bottom: 20px;
  display: flex;
  overflow: auto;
}

.headline-carte-expertise {
  box-shadow: none;
  background-color: #090e2100;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
  position: sticky;
  top: 0;
}

.image-expertise {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-top: 10px;
  display: flex;
}

.icon-expand {
  border-bottom: 2px #829ac759;
  border-right: 2px #829ac759;
  border-bottom-right-radius: 8px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 3px 3px 4px #829ac763;
}

.expandable-expertise {
  width: 100%;
  display: none;
}

.keyword-expertise {
  background-color: var(--background-medium-transparent);
  box-shadow: none;
  color: var(--color-white);
  letter-spacing: .5px;
  text-transform: uppercase;
  text-shadow: none;
  background-image: none;
  background-position: 0 0;
  border-radius: 5px;
  flex: none;
  margin-right: 0;
  padding: 8px 15px;
  font-family: Leonsans, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.keyword-expertise.home {
  letter-spacing: 1px;
  font-size: 12px;
}

.container-keywords-expertise {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px #fdfcfc54;
  flex-flow: wrap;
  align-items: center;
  width: auto;
  max-width: 890px;
  margin: 40px auto 0 0;
  padding-bottom: 0;
  display: flex;
}

.container-keywords-expertise.hidden {
  display: none;
}

.description-expertise {
  box-shadow: none;
  color: var(--color-white);
  text-align: justify;
  text-shadow: none;
  border-bottom: 1px #a4bde966;
  margin: 0 0 30px auto;
  padding-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.carte-mission {
  border: 1px solid var(--background-light-transparent);
  box-shadow: none;
  cursor: pointer;
  background-color: #dddddd0d;
  background-image: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  min-width: 200px;
  height: auto;
  margin-right: 0;
  padding: 30px 20px;
  line-height: 24px;
  transition: all .4s;
  display: flex;
}

.carte-mission:hover {
  background-color: var(--background-medium-transparent);
}

.carte-mission.big {
  background-color: #dddddd0d;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  transition-duration: .4s;
  position: static;
}

.container-missions-expertise {
  z-index: 9;
  flex-flow: row;
  align-items: center;
  width: 92%;
  margin-top: 20px;
  margin-left: 40px;
  padding: 10px 20px 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.container-missions-expertise.wrapped {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  overflow: auto;
}

.texte-carte-mission {
  color: var(--main-light-blue);
  text-align: left;
  -webkit-text-stroke-color: var(--main-light-blue);
  text-shadow: none;
  flex: none;
  width: 100%;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.texte-carte-mission.big {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

.expandable-inner-container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  padding-left: 0%;
  position: relative;
}

.right-arrow-svg {
  color: #ffa600;
  transform-style: preserve-3d;
  background-color: #0c192b;
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
  position: static;
  left: 42.5156px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.left-arrow-svg {
  color: #ffa600;
  transform-style: preserve-3d;
  background-color: #070a1b;
  width: 35px;
  height: 35px;
  position: static;
  left: 42.5156px;
  transform: none;
}

.cta-contact-card {
  background-color: var(--secondary-yellow);
  text-align: center;
  letter-spacing: 1px;
  text-shadow: none;
  background-image: none;
  border-radius: 5px;
  width: 140px;
  margin-left: 0;
  margin-right: 60px;
  padding: 10px 30px;
  font-size: 1em;
  font-weight: 500;
  position: static;
  inset: 19% 0% auto auto;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.overlay {
  z-index: 9999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #273858c2;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay.expanded {
  z-index: 10;
  background-color: #0d1d3ac7;
  flex-flow: row;
  height: 100%;
  display: flex;
  position: fixed;
}

.headline-carte-expertise-expandable {
  z-index: 999;
  background-color: #090e21;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  display: none;
  position: sticky;
  top: 0;
  overflow: hidden;
  box-shadow: 1px 5px 2px -3px #a6bde930;
}

.nav-left {
  width: 70%;
  display: none;
}

.inner-container-nav {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.close-button {
  z-index: 9999999;
  color: var(--color-white);
  text-shadow: none;
  cursor: pointer;
  scroll-behavior: smooth;
  background-color: #1c234400;
  border: 2px #ffffff87;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  margin-right: 14%;
  padding: 40px;
  font-family: Leonsans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: none;
  position: absolute;
  inset: 0% 0 0% auto;
  transform: none;
}

.close-button.expanded {
  margin-right: 11%;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.close-button.left {
  display: none;
}

.close-button.left.expanded {
  z-index: 999999999;
  margin-right: 0;
  display: block;
  inset: 0% 0% 0% auto;
}

.container-tarifs--page-expertise {
  z-index: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(auto, 600px)) minmax(auto, 500px);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch flex-start;
  place-items: start stretch;
  width: 100%;
  max-width: none;
  margin: 40px auto 0 0;
  padding: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.tool--page-expertise {
  background-color: var(--background-light-transparent);
  color: var(--color-white);
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 16px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  display: flex;
}

.image-outil-expertise {
  width: 80%;
  display: none;
}

.image-outil-expertise.black {
  filter: grayscale(0%) contrast(170%);
}

.timeline--centre {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding-top: 20px;
  display: flex;
  position: static;
}

.timeline--date-text {
  color: var(--color-white);
  letter-spacing: 2px;
  text-shadow: none;
  mix-blend-mode: normal;
  margin-top: 0;
  font-family: Newake Font, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  position: static;
  top: 50vh;
}

.timeline--date-text.first {
  color: var(--main-light-blue);
}

.timeline--text-experience {
  color: var(--main-light-blue);
  margin-bottom: 20px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.timeline_right {
  text-shadow: none;
  width: 50%;
  margin-top: 0;
  margin-left: 0;
}

.timeline_circle {
  z-index: 2;
  box-shadow: 0 0 0 8px var(--background-medium-transparent);
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  margin-top: -10px;
  position: sticky;
  top: 15vh;
}

.timeline_circle.first {
  z-index: 3;
  background-color: var(--main-light-blue);
  box-shadow: 0 0 0 8px var(--background-medium-transparent);
  margin-top: -10px;
  top: 14.9vh;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  position: relative;
  overflow: clip;
}

.timeline_item {
  z-index: 2;
  clear: none;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 140px 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  place-items: stretch stretch;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  overflow: clip;
}

.overlay-fade-bottom {
  z-index: 2;
  background-image: linear-gradient(0deg, #091229, #091229d9);
  width: 100%;
  height: 80px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.overlay-fade-top {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_progress-bar {
  z-index: 4;
  background-color: #fff;
  background-image: linear-gradient(180deg, #16245f, #2b438b 51%, var(--main-light-blue));
  border-radius: 29px;
  width: 3px;
  height: 50vh;
  margin-top: 0;
  display: block;
  position: fixed;
  inset: 16vh auto 50vh;
}

.timeline_progress-bar.hidden {
  display: none;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.timeline_component.expanded {
  max-width: 1100px;
  padding-top: 0;
  padding-bottom: 220px;
  padding-right: 0;
  overflow: clip;
}

.timeline_progress {
  z-index: 1;
  background-color: #050c1f;
  width: 3px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: fixed;
  top: 50vh;
  left: auto;
}

.a-propos-de-moi {
  background-color: #080b1c;
  padding-top: 60px;
  display: none;
}

.list-item-2 {
  color: var(--main-light-blue);
  margin-bottom: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  list-style-type: circle;
}

.list {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 25px;
  list-style-type: decimal;
}

.timeline--image-entreprise {
  filter: brightness(200%);
  width: 300px;
  margin-top: -65px;
  margin-bottom: 20px;
}

.timeline--image-entreprise.change-color {
  background-color: var(--main-light-blue);
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 7px;
  width: 38%;
  margin-top: -23px;
  padding: 10px 40px;
}

.timeline--image-entreprise.change-color.doctoclass {
  background-color: #becde7;
  margin-top: -16px;
}

.timeline--image-entreprise.first {
  filter: brightness(93%);
  width: 200px;
  margin-top: -20px;
}

.timeline-item--achievements {
  color: var(--color-white);
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.timeline--carte-realisations {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px none var(--background-half-transparent);
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  padding: 20px;
  display: flex;
}

.timeline--carte-realisations.hidden {
  display: none;
}

.timeline-heading-achievements {
  color: var(--background-half-transparent);
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.timeline-info-company {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
  display: flex;
}

.timeline---company-label {
  color: var(--black\<deleted\|variable-f915027c\>);
  background-color: #90ade29c;
  border-radius: 7px;
  align-items: center;
  margin-right: 0;
  padding: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  display: flex;
}

.timeline---company-label.outlined {
  border: 1px solid var(--main-light-blue);
  color: var(--main-light-blue);
  text-align: center;
  cursor: pointer;
  background-color: #90ade200;
  justify-content: center;
  min-width: 100px;
  font-weight: 500;
  transition: all .2s;
}

.timeline---company-label.outlined:hover {
  background-color: var(--background-medium-transparent);
}

.arrow-down {
  filter: none;
  color: #fff;
  text-shadow: none;
  border-radius: 0%;
  flex: none;
  justify-content: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 400;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.svg-thiga {
  margin-top: 0;
  margin-bottom: 20px;
}

.timeline--info {
  color: var(--text-gray-medium);
  border-bottom: 1px #a5bde96e;
  margin-bottom: 0;
  margin-left: 10px;
  padding-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.timeline-annees-exp {
  background-color: var(--background-medium-transparent);
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1.5px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 45px;
  margin-top: 20px;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  position: static;
  top: 50vh;
}

.timeline_left__inner {
  z-index: 9999;
  text-shadow: none;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 14vh;
  overflow: clip;
}

.timeline--item-achievement {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.emoji-cup {
  margin-right: 10px;
  font-size: 25px;
}

.timeline--info-job {
  color: var(--text-gray-medium);
  text-shadow: none;
  border-bottom: 1px solid #a5bde994;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.timeline-item-info-job {
  border-bottom: 1px #000;
  margin-bottom: 5px;
  display: flex;
}

.timeline--cat-info {
  color: var(--text-gray-medium);
  letter-spacing: 1.5px;
  border-bottom: 1px #a5bde96e;
  width: auto;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.texte-18px--white {
  color: var(--color-white);
  font-weight: 500;
}

.link {
  color: var(--secondary-yellow);
  margin-left: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
}

.link.no-margin {
  letter-spacing: 1px;
  margin-left: 0;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
}

.nav-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  text-transform: uppercase;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  font-family: Leonsans, sans-serif;
  display: grid;
}

.inner-container-nav-main {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-right-main {
  z-index: 1;
  box-shadow: none;
  background-color: #00517400;
  background-image: none;
  background-size: auto;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  max-width: none;
  height: 10vh;
  max-height: 80px;
  margin-left: auto;
  margin-right: 0;
  padding: 0 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.main-content {
  z-index: 2;
  color: var(--main-light-blue);
  text-shadow: none;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: clip;
}

.main-content.padding {
  padding-left: 60px;
  padding-right: 60px;
}

.main-content.row {
  flex-flow: row;
  justify-content: space-between;
}

.main-content.sticky-menu {
  flex-flow: column;
  position: static;
}

.heading-xxl--white {
  color: var(--main-light-blue);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--color-white);
  text-shadow: none;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 52px;
}

.heading-xxl--white._80 {
  color: var(--main-light-blue);
  width: 80%;
}

.container-filter-buttons--achievements {
  z-index: 99;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border-bottom: 1px #dfdddd8f;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0 auto 40px 0;
  padding: 0;
  display: none;
  position: sticky;
  top: 80px;
  overflow: hidden;
}

.text-span-3 {
  color: var(--main-light-blue);
  text-shadow: none;
}

.container-missions {
  background-color: var(--background-light-transparent);
  box-shadow: none;
  border: 1px solid #ffffff59;
  border-radius: 7px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 0;
  padding: 60px 20px 20px;
  position: relative;
}

.section-outils {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #09132900;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 40px 60px 80px;
  font-family: Leonsans, sans-serif;
  display: flex;
  position: static;
}

.carte-mission--expandable-container {
  opacity: 0;
  align-self: stretch;
  width: 100%;
  height: 0;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.carte-mission--expandable-container.expanded {
  opacity: 1;
  height: auto;
  margin-top: 20px;
  overflow: auto;
}

.text-block-7 {
  color: var(--main-light-blue);
  text-shadow: none;
  margin-right: 10px;
  font-family: Sonder;
  font-size: 42px;
}

.carte-etape-mission {
  background-color: #5a7ec345;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  margin-right: 20px;
  padding: 30px 20px;
  display: flex;
}

.carte-etape-mission.orange {
  background-color: #a05703;
}

.carte-etape-mission.red {
  background-color: #ac2020;
}

.carte-etape-mission.green {
  background-color: #4f6f31e6;
}

.text-block-7-copy {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  margin-top: 20px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
}

.icon {
  color: var(--color-white);
  text-shadow: none;
  margin-left: 0;
  left: 113px;
}

.dropdown-list {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #323748eb;
  border-radius: 0 0 15px 15px;
  width: 220px;
  margin-top: 0;
  padding: 0;
  display: none;
}

.dropdown-link {
  color: var(--color-white);
  text-transform: none;
  text-shadow: none;
  margin-bottom: 0;
  padding: 20px;
  font-size: 18px;
}

.dropdown-link:hover {
  background-color: #ffffff42;
}

.dropdown-link-2 {
  color: var(--color-white);
  text-transform: none;
  text-shadow: none;
  margin-bottom: 0;
  padding: 20px;
  font-size: 18px;
}

.dropdown-link-2:hover {
  background-color: #ffffff42;
}

.dropdown-link-3 {
  color: var(--color-white);
  text-transform: none;
  text-shadow: none;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
}

.dropdown-link-3:hover {
  background-color: #ffffff42;
}

.dropdown-link-3.last:hover {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.dropdown-toggle {
  padding: 0;
}

.hero-grid--container-headline {
  z-index: 999;
  background-color: #07090e00;
  width: 100%;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.hero-grid--container-headline.expanded {
  background-color: #07090e00;
  background-image: none;
  width: auto;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.cell-about--expandable-container {
  opacity: 0;
  width: 100%;
  height: 0;
  margin-top: 20px;
  padding-top: 0;
  padding-right: 20px;
  overflow: auto;
}

.cell-about--expandable-container.expanded {
  opacity: 1;
  max-width: 1200px;
  height: auto;
  margin-top: 80px;
  overflow: auto;
}

.container-tabs--about {
  flex: none;
  align-self: flex-start;
  width: 100%;
  overflow: clip;
}

.cell-about--texte-header {
  color: #a5bde994;
  text-align: center;
  letter-spacing: 1.5px;
  text-shadow: none;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.tab-pane-tab-1 {
  width: 100%;
  min-height: auto;
  overflow: clip;
}

.tabs-content {
  width: 100%;
  margin-top: 0;
  overflow: clip;
}

.tabs-menu {
  z-index: 999;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #09132900;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  top: 80px;
}

.tab-link-tab-1.w--current {
  border: 1px solid var(--main-light-blue);
  color: var(--main-light-blue);
  background-color: #222c61;
  border-radius: 7px;
  margin-right: 10px;
  padding: 15px;
}

.tab-link-tab-1.inactive-tab {
  color: var(--background-half-transparent);
  background-color: #232f4a;
}

.tab-link-tab-1.inactive-tab.w--current {
  border-style: none;
  border-color: var(--background-half-transparent);
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
  color: var(--color-white);
  letter-spacing: 1.5px;
  text-shadow: none;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
}

.inactive-tab {
  border: 1px none var(--background-half-transparent);
  color: var(--background-half-transparent);
  letter-spacing: 1.5px;
  text-shadow: none;
  background-color: #232f4a;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  display: flex;
}

.inactive-tab:hover {
  background-color: var(--background-medium-transparent);
}

.inactive-tab.w--current {
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
  color: var(--color-white);
}

.tab-pane-tab-2 {
  width: 100%;
  min-height: auto;
}

.item-education--tab-about {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--background-medium-transparent);
  background-color: var(--background-medium-secondary);
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 400px;
  max-width: none;
  height: 200px;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
  position: relative;
}

.container-tab--about {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  align-items: flex-start;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 140px;
  display: flex;
  position: static;
}

.container-tab--about.fixed-height {
  height: 70vh;
}

.tab-pane-tab-3 {
  min-height: auto;
}

.item-education--school {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.item-education--heading-school {
  color: var(--color-white);
  text-align: left;
  letter-spacing: 1.5px;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.item-education--diploma {
  color: var(--color-white);
  text-align: left;
  text-shadow: none;
  width: auto;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
}

.cell-about-image-school {
  align-self: flex-start;
  width: 25%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 5% 3% auto auto;
}

.cell-about-image-school.big {
  width: 100%;
  margin-left: 0;
  margin-right: 20px;
}

.cell-about-image-school.small {
  width: 75%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.item-education--heading-year {
  color: var(--background-half-transparent);
  letter-spacing: 2px;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  inset: 5% auto auto 5%;
}

.item-education--year {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: auto;
  margin-right: 20px;
  padding: 0;
  display: flex;
}

.item-education--left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
}

.item-education--right {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 137px;
  height: auto;
  display: flex;
}

.separator--tabs-about {
  z-index: 99;
  background-color: #07132b;
  width: 100%;
  height: 80px;
  display: none;
  position: sticky;
  top: 3.1vh;
  box-shadow: 0 0 100px #08142b;
}

.separator--tabs-about._40px {
  box-shadow: none;
  background-color: #07132b00;
  height: 40px;
}

.cell-about--item-skill {
  align-self: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.heading-skill--tabs-about {
  color: var(--main-light-blue);
  letter-spacing: 1px;
  text-shadow: none;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.item-skill--score-plain {
  background-color: var(--main-light-blue);
  border-radius: 3px;
  width: 50px;
  height: 10px;
  margin-right: 5px;
}

.item-skill--right {
  align-self: center;
  display: flex;
}

.item-skill--left {
  width: 300px;
  margin-right: 40px;
  font-family: Newake Font, sans-serif;
}

.item-skill--score-dark {
  background-color: var(--background-light-transparent);
  border-radius: 3px;
  width: 50px;
  height: 10px;
  margin-right: 5px;
}

.cell-services--expandable-container {
  opacity: 0;
  height: 0;
  transition: all .4s;
  overflow: hidden;
}

.cell-services--expandable-container.expanded {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-top: 60px;
  padding: 0;
  display: block;
  overflow: auto;
}

.cell-services--card-service {
  border: 1px solid var(--background-light-transparent);
  background-color: #00000024;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  width: 45%;
  max-width: 400px;
  height: 240px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 10px #ffffff30;
}

.cell-services--card-service:hover {
  background-color: #53515124;
  transform: scale(1.01);
  box-shadow: 0 0 20px #ffffff8a;
}

.heading-10 {
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 26px;
  font-weight: 500;
}

.heading-10.margin-top {
  margin-top: 0;
}

.card-service--top {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 0;
  display: flex;
}

.button {
  margin-left: auto;
  margin-right: auto;
}

.button.hero-grid-cta-card {
  margin-top: 0;
  position: absolute;
  inset: auto 0% 6%;
}

.button.hero-grid-cta-card.static {
  box-shadow: 0 0 9px -3px var(--main-light-blue);
  background-color: #ffffff12;
  position: static;
}

.button.hero-grid-cta-card.static.expanded {
  display: flex;
}

.button.card-achievement--cta {
  text-align: center;
  text-shadow: none;
  background-color: #207b56;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  margin-top: 20px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  display: flex;
  position: static;
  inset: auto 0% 6%;
}

.paragraphe-medium-white {
  color: var(--main-light-blue);
  text-align: left;
  text-shadow: none;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: auto;
  font-family: Leonsans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.paragraphe-medium-white.centered {
  display: none;
}

.card-achievement--logo {
  width: 100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}

.card-achievement--logo.logo-ir {
  width: 50%;
  height: auto;
}

.card-achievement--logo.logo-rx {
  width: 65%;
}

.card-achievement--logo.logo-hellolead {
  width: 51%;
}

.card-achievement--logo.logo-sleem {
  width: 56%;
}

.card-achievement--top {
  border: 1px none var(--background-light-transparent);
  background-color: #7bb49d00;
  border-radius: 7px;
  align-items: center;
  width: 365px;
  height: 217px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 5px #00000029;
}

.card-achievement--heading {
  color: #207b56;
  text-align: center;
  text-shadow: none;
  margin-top: 0;
  font-family: Leonsans, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.card-achievement--left {
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 100%;
  padding: 0;
  display: flex;
}

.heading-expertise {
  color: var(--main-light-blue);
  -webkit-text-stroke-color: var(--color-white);
  text-shadow: none;
  background-color: #fff0;
  border-radius: 7px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: Leonsans, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.card-achievement {
  border: 1px solid var(--background-light-transparent);
  background-color: var(--background-light-transparent);
  box-shadow: none;
  cursor: pointer;
  border-radius: 7px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 32%;
  max-width: 387px;
  height: 300px;
  margin-bottom: 0;
  padding: 60px 20px 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.card-achievement:hover {
  background-color: var(--background-medium-transparent);
}

.card-achievement.expanded {
  z-index: 99;
  pointer-events: auto;
  background-color: #232c46;
  justify-content: flex-start;
  width: 90%;
  max-width: 1200px;
  height: auto;
  margin: 60px auto 0;
  padding-top: 60px;
  padding-bottom: 0;
  padding-right: 20px;
  transition: all .25s cubic-bezier(.25, .46, .45, .94);
  position: fixed;
  inset: 0%;
  overflow: hidden;
  box-shadow: 0 0 10px #ffffff91;
}

.card-achievement.expanded:hover {
  transform: none;
}

.card-achievement.unfinished {
  background-color: #2a365038;
  max-width: 387px;
}

.heading-company--card-achievement {
  border-right: 1px none var(--background-light-transparent);
  color: var(--text-gray-medium);
  letter-spacing: 1.5px;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.heading-company--card-achievement.expanded {
  color: var(--color-white);
  border-right-style: none;
  border-right-color: #0000005e;
  margin-right: 40px;
  padding-right: 0;
  font-size: 28px;
}

.heading-company--card-achievement.ir {
  width: auto;
  font-size: 18px;
  line-height: 20px;
}

.image-expertise-small {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-top: 10px;
  display: flex;
}

.section-achievements {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #09132900;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 20px 40px 220px;
  display: flex;
  position: static;
  overflow: clip;
}

.heading-filter--achievements {
  color: var(--background-half-transparent);
  letter-spacing: 1.5px;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Newake Font, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.heading-filter--achievements.selected {
  color: var(--color-white);
}

.filter-button--achievements {
  border: 1px none var(--background-medium-transparent);
  background-color: var(--background-light-transparent);
  box-shadow: none;
  cursor: pointer;
  border-radius: 7px;
  justify-content: center;
  min-width: auto;
  padding: 5px 15px;
  font-size: 20px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.filter-button--achievements:hover {
  background-color: var(--background-medium-transparent);
}

.filter-button--achievements.growth {
  background-color: #232f4a;
  align-self: center;
}

.filter-button--achievements.growth.selected {
  background-color: var(--background-medium-secondary);
}

.filter-button--achievements.cro {
  color: var(--background-half-transparent);
  background-color: #232f4a;
  font-family: Newake Font, sans-serif;
  font-weight: 500;
  overflow: hidden;
}

.filter-button--achievements.cro.selected {
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
}

.filter-button--achievements.seo {
  background-color: #232f4a;
  min-width: 240px;
  font-size: 20px;
}

.filter-button--achievements.seo.selected {
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
}

.filter-button--achievements.webdesign {
  box-shadow: none;
  background-color: #232f4a;
  min-width: 180px;
}

.filter-button--achievements.webdesign.selected {
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
}

.filter-button--achievements.leadgen {
  background-color: #232f4a;
}

.filter-button--achievements.leadgen.selected {
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
}

.text-card-achievement {
  color: var(--color-white);
  text-shadow: none;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.heading-small--card-achievement {
  color: var(--main-light-blue);
  text-shadow: none;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-right: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.heading-small--card-achievement.first {
  color: var(--main-light-blue);
  margin-top: 40px;
}

.expandable-container--card-achievement {
  opacity: 0;
  height: 0;
  margin-top: 0;
  overflow: hidden;
}

.expandable-container--card-achievement.expanded {
  opacity: 1;
  height: auto;
  margin-top: 50px;
  margin-right: 0;
  padding: 40px 20px 100px 40px;
  scroll-padding-top: 40px;
  overflow: auto;
}

.paragraph-6 {
  color: var(--main-light-blue);
  text-shadow: none;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
}

.item-info--card-achievement {
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.container-cards--achievements {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  margin-top: 0;
  display: flex;
}

.company--card-achievement {
  border: 1px none var(--background-medium-transparent);
  background-color: var(--background-light-transparent);
  box-shadow: none;
  border-radius: 6px 6px 0 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 100%;
  height: 41%;
  margin-bottom: 0;
  padding: 60px 20px 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.company--card-achievement.expanded {
  background-color: #131b36;
  justify-content: flex-start;
  height: 100px;
  padding: 0 40px;
  box-shadow: 2px 4px 9px #00000052;
}

.screenshots--card-achievement {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.link--blue {
  color: var(--background-main-medium);
  font-weight: 500;
  text-decoration: none;
}

.screenshot--card-achievement {
  vertical-align: baseline;
  border-radius: 7px;
  width: 100%;
  height: 200px;
  overflow: auto;
}

.screenshot--card-achievement.alone {
  margin-top: 0;
}

.lightbox-link {
  border-radius: 7px;
  flex: 0 auto;
  width: 300px;
  max-width: none;
}

.lightbox-link.alone {
  margin-top: 30px;
}

.category--card-achievement {
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  background-color: #217a56;
  border-radius: 7px;
  justify-content: center;
  min-width: 120px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 12px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: static;
  inset: 3% 3% auto auto;
  box-shadow: inset 0 0 8px 2px #e2c4d16b;
}

.category--card-achievement.cro {
  background-color: var(--background-medium-secondary);
  box-shadow: none;
  color: var(--main-light-blue);
  align-self: center;
  align-items: stretch;
  min-width: 110px;
  font-size: 14px;
  font-weight: 500;
  position: static;
  top: 2%;
  right: 2%;
}

.category--card-achievement.webdesign {
  background-color: var(--background-medium-secondary);
  box-shadow: none;
  color: var(--main-light-blue);
  align-self: center;
  min-width: 110px;
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.category--card-achievement.leadgen {
  background-color: var(--background-medium-secondary);
  box-shadow: none;
  color: var(--main-light-blue);
  align-self: center;
  min-width: 110px;
  font-size: 14px;
  font-weight: 500;
  position: static;
  top: 2%;
  right: 2%;
}

.category--card-achievement.inbound {
  background-color: var(--background-medium-secondary);
  box-shadow: none;
  color: var(--main-light-blue);
  min-width: 110px;
  padding-top: 0;
  font-size: 14px;
  font-weight: 500;
  position: static;
  top: 2%;
  right: 2%;
}

.category--card-achievement.growth {
  background-color: var(--background-medium-secondary);
  box-shadow: none;
  color: var(--main-light-blue);
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.header--card-achievement {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.screenshots-container--card-achievement {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
  overflow: auto;
}

.explanation-text {
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  margin-top: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
}

.lightbox-link-2 {
  flex: none;
  align-self: stretch;
  width: 300px;
  max-width: none;
}

.logo-company--card-achievement {
  background-color: var(--background-half-transparent);
  border-radius: 7px;
  width: 185px;
  padding: 5px;
  position: static;
  left: 50%;
}

.logo-company--card-achievement.expanded {
  background-color: #becce7a1;
  border-radius: 7px;
  width: 220px;
  padding: 10px;
}

.logo-company--card-achievement.brainly {
  width: 113px;
  margin-bottom: 10px;
}

.logo-company--card-achievement.brainly.expanded {
  width: 220px;
}

.logo-company--card-achievement.matera {
  width: 140px;
  margin-bottom: 0;
}

.logo-company--card-achievement.matera.expanded {
  width: 220px;
}

.logo-company--card-achievement.hellolead {
  filter: none;
  width: 154px;
  margin-bottom: 0;
}

.logo-company--card-achievement.hellolead.expanded {
  background-color: #becce7a1;
  width: 220px;
}

.logo-company--card-achievement.doctoclass {
  width: 103px;
  margin-bottom: 0;
}

.logo-company--card-achievement.doctoclass.expanded {
  width: 150px;
}

.logo-company--card-achievement.cassiopee {
  filter: none;
  width: 105px;
  margin-bottom: 20px;
}

.logo-company--card-achievement.cassiopee.expanded {
  width: 120px;
  margin-bottom: 0;
}

.logo-company--card-achievement.ir {
  filter: none;
  width: 130px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.logo-company--card-achievement.ir.expanded {
  width: 158px;
  margin-bottom: 0;
}

.container-category--card-achievement {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
  position: absolute;
  inset: 3% auto auto 3%;
}

.container-category--card-achievement.expanded {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  inset: 33px 10% auto auto;
}

.list-item {
  color: var(--color-white);
  text-shadow: none;
  margin-top: 5px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.unordered-list {
  margin-top: 20px;
  margin-bottom: 0;
}

.see-more--card-achievement {
  flex: none;
  justify-content: space-around;
  align-self: flex-start;
  align-items: center;
  width: 160px;
  padding: 10px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.unexpanded-heading--card-achivement {
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1.5px;
  text-shadow: none;
  width: 90%;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  position: absolute;
  top: 47%;
}

.unexpanded-heading--card-achivement.expanded {
  color: var(--main-light-blue);
  margin: 30px auto 0 40px;
  padding-left: 0;
  padding-right: 0;
  font-size: 36px;
  display: none;
}

.close-button-2 {
  z-index: 9999;
  color: var(--color-white);
  text-shadow: none;
  cursor: pointer;
  background-color: #ffffff61;
  border-radius: 50%;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  font-family: Leonsans, sans-serif;
  font-size: 32px;
  display: none;
  position: absolute;
  inset: 0 0 auto auto;
}

.close-button-2.expanded {
  background-color: #ffffff29;
  border-radius: 0 7px 0 10%;
  display: flex;
  top: 0;
  right: 0;
}

.text--close-button {
  padding-top: 2px;
  font-size: 46px;
  font-weight: 500;
  transform: rotate(45deg);
}

.link--yellow {
  color: var(--secondary-yellow);
  font-weight: 500;
  text-decoration: none;
}

.expanded-heading--card-achivement {
  color: var(--main-light-blue);
  letter-spacing: 1px;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  font-family: Newake Font, sans-serif;
  font-size: 34px;
  font-weight: 500;
}

.expanded-heading--card-achivement.expanded {
  color: var(--color-white);
  letter-spacing: 1.5px;
  margin: 0 0 60px;
  padding-left: 0;
  padding-right: 0;
  font-family: Newake Font, sans-serif;
  font-size: 34px;
  display: flex;
}

.button-2 {
  margin-top: 40px;
}

.cta--card-achievement {
  border: 1px solid var(--background-medium-transparent);
  background-color: var(--background-light-transparent);
  color: var(--color-white);
  -webkit-text-stroke-color: var(--color-white);
  text-transform: none;
  text-shadow: none;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.cta--card-achievement:hover {
  background-color: var(--background-medium-transparent);
}

.cta--card-achievement.expanded {
  display: none;
}

.cta--card-achievement.home {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
}

.ordered-list {
  margin-top: 20px;
  margin-bottom: 0;
  list-style-type: decimal;
}

.subheading-small--card-achievement {
  color: var(--main-light-blue);
  text-shadow: none;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-right: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.subheading-small--card-achievement.first {
  color: var(--main-light-blue);
  margin-top: 40px;
}

.sub-list-item {
  color: var(--color-white);
  text-shadow: none;
  margin-top: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.navbar-flex {
  z-index: 5;
  border-bottom: 1px solid var(--background-medium-transparent);
  background-color: var(--color-background-blue);
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  height: 70px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto 0;
}

.container-navbar {
  flex: 1;
  justify-content: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.navlink-menu {
  color: var(--main-light-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 7px;
  margin-right: 10px;
  padding: 15px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.navlink-menu:hover {
  background-color: var(--background-medium-transparent);
  border-radius: 7px;
}

.navlink-menu.w--current {
  border-style: none;
  border-width: 1px;
  border-color: var(--main-light-blue) var(--main-light-blue) var(--background-main-medium);
  color: var(--background-main-medium);
  letter-spacing: 2px;
  background-color: #a5bde900;
  font-weight: 700;
}

.navlink-menu.dropdown {
  padding-right: 35px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.nav-menu {
  align-items: center;
  margin-left: auto;
  display: flex;
}

.heading-4-capital {
  color: var(--background-main-medium);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Newake Font, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.list-2 {
  margin-bottom: 20px;
}

.heading-shamalo {
  color: var(--color-white);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Sonder;
  font-size: 55px;
  font-weight: 400;
}

.cta-achievement--timeline-item {
  border: 1px solid var(--main-light-blue);
  color: var(--color-white);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--color-white);
  text-transform: uppercase;
  text-shadow: none;
  background-color: #bfcde700;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-left: 0;
  padding-right: 0;
  font-family: Leonsans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.cta-achievement--timeline-item.expanded {
  display: none;
}

.container-unfinished {
  opacity: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #060919e3;
  border: 1px #000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0%;
  transition: all .6s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.container-unfinished.expanded {
  opacity: 1;
  height: auto;
  transition: all .2s;
}

.text-block-10 {
  color: var(--color-white);
  text-shadow: none;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.message-unfinish {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-2 {
  margin-right: 20px;
}

.list-3 {
  margin-top: 20px;
  padding-left: 20px;
}

.container-tools--card-achievement {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.tool--card-achievement {
  border: 1px solid var(--color-white);
  color: var(--color-white);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 7px 14px 6px;
  font-family: Leonsans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .2s;
}

.tool--card-achievement:hover {
  background-color: var(--background-medium-transparent);
}

.logo--navbar {
  border-radius: 4px;
  width: 40px;
  margin-top: 0;
  margin-right: 10px;
}

.brand {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.brand.w--current {
  align-items: center;
  width: auto;
  display: flex;
}

.container-results--card-achievement {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.result--card-achievement {
  background-color: var(--main-light-blue);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: auto;
  padding: 40px 20px;
  display: flex;
  box-shadow: 3px 3px 9px -1px #070e19a1;
}

.result--card-achievement.big {
  width: 40%;
}

.text-block-11 {
  color: var(--main-dark-blue);
  text-align: center;
  text-shadow: none;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.text-screenshot-achievement-copy {
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  text-decoration: underline;
}

.cta-site--card-achievement {
  background-color: var(--background-main-medium);
  text-align: center;
  letter-spacing: 1px;
  text-shadow: none;
  cursor: pointer;
  background-image: none;
  border-radius: 5px;
  width: 180px;
  margin-top: 20px;
  margin-left: 0;
  padding: 12px 20px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .2s;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.cta-site--card-achievement:hover {
  transform: scale(1.03);
}

.wrapper-popup-contact {
  z-index: 999999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0d1d3ac7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: all .2s;
  display: flex;
  position: fixed;
  inset: 0%;
}

.wrapper-popup-contact.hidden {
  opacity: 0;
  width: 0%;
  height: 0%;
  transition: all .2s;
  overflow: hidden;
}

.contact-form {
  color: var(--color-white);
  background-color: #0a1936;
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 700px;
  height: auto;
  min-height: auto;
  max-height: 95vh;
  padding: 40px 20px 40px 40px;
  transition: all .2s;
  display: flex;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 0 13px #ffffff82;
}

.contact-form.hidden {
  display: none;
}

.form {
  height: auto;
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  font-family: Leonsans, sans-serif;
  overflow: hidden;
}

.cta-contact--popup {
  clear: none;
  background-color: var(--secondary-dark-yellow);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  cursor: pointer;
  background-image: none;
  border-radius: 5px;
  width: 260px;
  height: 55px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
  font-family: Leonsans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: all .2s;
  display: none;
  position: static;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.cta-contact--popup:hover {
  filter: brightness(90%);
  border-radius: 7px;
}

.heading--form {
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1.5px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 32px;
  font-weight: 500;
  position: static;
  inset: 0% 0% auto;
}

.text-field {
  background-color: var(--background-medium-transparent);
  color: var(--main-light-blue);
  border-radius: 7px;
  height: 45px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  transition: all .2s;
}

.text-field:active {
  border: 1px solid var(--main-light-blue);
}

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

.textarea {
  background-color: var(--background-medium-transparent);
  color: var(--main-light-blue);
  border-radius: 7px;
  height: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 40px;
  font-size: 16px;
}

.form-block {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  overflow: auto;
}

.field-label {
  color: var(--main-light-blue);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.close-button {
  margin-right: 0%;
  display: none;
  right: 0;
}

.close-button.expanded {
  margin-right: 0%;
  font-weight: 500;
}

.close-button--contact-form {
  color: var(--color-white);
  text-shadow: none;
  cursor: pointer;
  background-color: #ffffff26;
  border-radius: 0 7px 0%;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  font-family: Leonsans, sans-serif;
  font-size: 32px;
  display: flex;
  position: absolute;
  inset: 0 0 auto auto;
}

.close-button--contact-form.expanded {
  background-color: #ffffff29;
  border-radius: 0 7px 0 10%;
  display: flex;
  top: 0;
  right: 0;
}

.container-top--contact-form {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.text--form {
  color: var(--color-white);
  text-align: center;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
}

.item--form-contact.flex-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.item--form-contact.double {
  width: 48%;
}

.radio-button-field {
  border: 1px solid var(--main-light-blue);
  cursor: pointer;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 15px 20px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.radio-button-field:hover {
  background-color: var(--background-medium-transparent);
}

.radio-button-field.selected {
  background-color: #547ac28a;
}

.radio-button, .radio-button-2 {
  display: none;
}

.radio-button-3 {
  display: block;
}

.checkbox-label {
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
}

.radio-button-label-2, .radio-button-label-3, .radio-button-label-4 {
  text-align: center;
}

.container-radio--form-contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

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

.checkbox {
  height: 0;
  margin-top: 0;
}

.checkbox-field {
  border: 1px solid var(--main-light-blue);
  cursor: pointer;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.checkbox-field:hover {
  background-color: var(--background-medium-transparent);
}

.checkbox-field.selected-field {
  background-color: #547ac28a;
}

.code-checkboxes--contact-form {
  height: 0;
  display: none;
}

.cta-download--cell-about {
  z-index: 999999;
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--background-light-transparent);
  background-color: var(--background-medium-transparent);
  box-shadow: none;
  text-shadow: none;
  border-radius: 0 0 7px;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 60px 20px 30px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  display: none;
  position: static;
  inset: 0% auto auto 0%;
}

.cta-download--cell-about.expanded {
  display: flex;
}

.containner-cta-download {
  border-radius: 0;
  flex: 1;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.code-embed-4 {
  flex: none;
  align-self: center;
  position: absolute;
  inset: 0% 8% 0% auto;
}

.heading-1--page-service {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-bottom: 1px #dfdddd8f;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin: 20px auto 20px 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-1--page-service.hidden {
  display: none;
}

.hero-expertise {
  height: auto;
  padding: 100px 60px 80px;
  font-family: Leonsans, sans-serif;
}

.hero-content {
  flex-flow: column;
  justify-content: flex-start;
  max-width: 1200px;
  display: flex;
  overflow: clip;
}

.hero-content.row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.cta-contact--expertise {
  background-color: var(--background-medium-transparent);
  box-shadow: 0 0 9px 0 var(--main-light-blue);
  border: 1px #ffffff59;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: 40px auto 20px 0;
  padding: 40px;
  display: flex;
  position: relative;
}

.cta-contact--expertise.test {
  box-shadow: none;
  background-color: #a5bde900;
}

.heading-large--white {
  color: var(--color-white);
  text-align: center;
  letter-spacing: 1.5px;
  text-shadow: none;
  width: 75%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Newake Font, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

.heading-large--white.left {
  text-align: left;
}

.heading-large--white._60 {
  width: 60%;
}

.text-block-13 {
  color: var(--color-white);
  text-shadow: none;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
}

.text-span-5 {
  color: var(--background-main-medium);
}

.banner-contact {
  z-index: 2;
  background-color: var(--main-dark-blue);
  background-image: linear-gradient(#050f23eb, #050f23c9), url('../images/shamalo-consultant-growth-marketing.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
  position: relative;
  box-shadow: inset 0 0 14px #000000b8;
}

.container-9 {
  max-width: 1200px;
  display: flex;
}

.content--banner-contact {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.texte-presentation--page-expertise {
  color: var(--color-white);
  width: 80%;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.card-reinsurance--page-expertise {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--background-light-transparent);
  box-shadow: none;
  cursor: pointer;
  background-image: none;
  border-radius: 7px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 15px;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  display: flex;
}

.card-reinsurance--page-expertise:hover {
  box-shadow: none;
  border: 1px #000;
  transform: translate(0, -10px);
}

.container-cards-reinsurance--page-expertise {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
  overflow: auto;
}

.heading-reinsurance-card {
  color: var(--texte-medium-transparent);
  text-align: center;
  text-shadow: none;
  width: 150px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.heading-reinsurance-card.home {
  color: var(--text-gray-medium);
  width: auto;
  font-size: 18px;
  font-weight: 500;
}

.image-37 {
  display: none;
}

.tabs {
  border: 1px none var(--background-medium-transparent);
  background-color: #bfcde700;
  border-radius: 7px;
  width: 100%;
  min-width: auto;
  max-width: 1200px;
  margin-right: 0;
}

.tabs-content-2 {
  border: 1px solid var(--background-medium-transparent);
  background-color: var(--background-light-transparent);
  border-radius: 0 7px 7px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
  padding: 20px 20px 40px;
  display: flex;
  overflow: hidden;
}

.tabs-menu-2 {
  border: 1px #000;
  border-top-left-radius: 7px;
}

.tab-link-tab-1-2 {
  border-top: 1px solid var(--background-medium-transparent);
  border-right: 1px solid var(--background-medium-transparent);
  border-left: 1px solid var(--background-medium-transparent);
  background-color: #09122900;
  border-top-left-radius: 7px;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all .2s;
  box-shadow: inset 0 0 11px -4px #fffefe33;
}

.tab-link-tab-1-2:hover {
  background-color: var(--background-medium-transparent);
}

.tab-link-tab-1-2.w--current {
  border-style: solid;
  border-width: 1px;
  border-color: var(--background-medium-transparent) var(--background-medium-transparent) #19223b;
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  background-color: #19223b;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}

.tab-link-tab-3 {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--background-medium-transparent);
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  background-color: #09122900;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 0;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: inset 0 0 11px -4px #fffefe33;
}

.tab-link-tab-3:hover {
  background-color: var(--background-medium-transparent);
}

.tab-link-tab-3.w--current {
  background-color: #19223b;
}

.tab-link-tab-2 {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--background-medium-transparent);
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  background-color: #09122900;
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: inset 0 2px 11px -4px #fffefe33;
}

.tab-link-tab-2:hover {
  background-color: var(--background-medium-transparent);
}

.tab-link-tab-2.w--current {
  background-color: #19223b;
}

.text-tab {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  font-size: 18px;
  font-weight: 500;
}

.text-block-15, .text-block-16 {
  color: var(--main-light-blue);
}

.image--resinsurance-card {
  filter: brightness(72%);
  width: 40px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.image--resinsurance-card.big {
  width: 50px;
  margin-bottom: 0;
}

.image--resinsurance-card.big.margin {
  margin-bottom: 0;
}

.image--resinsurance-card.big-2 {
  width: 53px;
  margin-bottom: 0;
}

.image--resinsurance-card.big-2.margin {
  margin-bottom: 9px;
}

.image--resinsurance-card.margin {
  filter: none;
  margin-bottom: 0;
}

.card-reinsurance--top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  height: 100%;
  display: flex;
}

.text-block-17 {
  color: var(--color-white);
  text-align: center;
  font-size: 16px;
}

.field-label--tarifs {
  color: var(--main-light-blue);
  text-shadow: none;
  flex: none;
  min-width: auto;
  max-width: 228px;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.container-input--form-tarifs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px none var(--background-medium-transparent);
  background-color: var(--background-light-transparent);
  cursor: pointer;
  transform-style: preserve-3d;
  border-radius: 7px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 30px;
  display: flex;
  box-shadow: inset 0 0 15px #ffffff08;
}

.container-input--form-tarifs:hover {
  transform: scale3d(1none, 1none, 1none);
  background-color: #00000012;
}

.container-input--form-tarifs.hidden {
  display: none;
}

.form-tarifs--page-expertise {
  flex-flow: row;
  width: auto;
  margin-bottom: 0;
  display: flex;
}

.input--tarifs {
  border: 1px none var(--main-light-blue);
  background-color: var(--background-light-transparent);
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 6px 0 0 6px;
  width: 65px;
  height: 45px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 0 10px 30px;
  font-size: 18px;
  font-weight: 700;
}

.input--tarifs.day {
  color: var(--main-light-blue);
  width: 80px;
  padding-left: 20px;
}

.input--tarifs.month-2 {
  background-color: var(--background-medium-transparent);
  box-shadow: none;
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 0;
  border-radius: 6px;
  width: auto;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 20px;
  font-weight: 500;
}

.texte-separateur {
  color: var(--main-light-blue);
  text-shadow: none;
  flex: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  font-weight: 500;
}

.card-tarifs--page-expertise {
  z-index: 1;
  background-color: var(--background-green);
  border-radius: 7px;
  flex-flow: column;
  flex: none;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 220px;
  min-width: auto;
  max-width: none;
  height: auto;
  padding: 30px 15px;
  display: flex;
  position: relative;
  box-shadow: 2px 3px 12px -4px #0a0a0a96, inset 0 2px 20px #ffffff5c;
}

.card-tarifs--page-expertise.transparent {
  background-color: var(--background-light-transparent);
  box-shadow: 2px 3px 12px -4px #0a0a0a96;
}

.variable-montant--tarifs {
  color: var(--color-white);
  text-align: center;
  letter-spacing: 1px;
  text-shadow: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Sonder;
  font-size: 30px;
  line-height: 26px;
}

.variable-montant--tarifs.global, .variable-montant--tarifs.tjm {
  color: var(--main-light-blue);
  letter-spacing: 2px;
  font-family: Newake Font, sans-serif;
}

.heading-montant--tarifs {
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 0;
  text-shadow: none;
  width: auto;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: static;
  inset: 10% 0% auto;
}

.container-input--tarifs {
  background-color: var(--background-medium-transparent);
  box-shadow: none;
  border: 1px #000;
  border-radius: 7px;
  align-items: center;
  width: auto;
  margin-left: 0;
  display: flex;
}

.input-unit--tarifs {
  background-color: var(--background-light-transparent);
  color: var(--main-light-blue);
  text-shadow: none;
  border-radius: 0 6px 6px 0;
  height: 45px;
  padding: 11px 20px 10px 5px;
  font-size: 18px;
  font-weight: 500;
}

.ttc-mention--tarifs {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  width: auto;
  margin: 0 auto 0 10px;
  font-size: 18px;
  position: static;
  inset: 10% 0% auto;
}

.container-prix--tarifs {
  color: var(--main-light-blue);
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.container-tarifs--right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  flex: none;
  place-content: flex-start center;
  align-self: flex-start;
  align-items: flex-start;
  width: auto;
  margin-left: 0;
  margin-right: -10px;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.tab-pane-tab-3-2 {
  flex: 1;
  align-self: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.form-2 {
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.heading-tarifs {
  color: var(--main-light-blue);
  text-shadow: none;
  width: 100%;
  margin-bottom: 20px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.container-tarifs--left {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  width: auto;
  max-width: 638px;
  padding-bottom: 40px;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.variable-duree--tarifs {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: static;
  inset: 10% 0% auto;
}

.divider--form-tarifs {
  text-align: center;
  flex: none;
  order: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.tab-pane-tab-1-2 {
  flex: 1;
}

.help-button--tarifs {
  color: #ffffff80;
  text-shadow: none;
  cursor: pointer;
  background-color: #0e0e0e29;
  border-radius: 0 0% 0% 7px;
  padding: 5px 10px 4px;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero-achievements {
  height: auto;
  padding: 160px 60px 40px;
  font-family: Leonsans, sans-serif;
  overflow: clip;
}

.icon-3 {
  margin-left: 0;
  left: 129.906px;
}

.dropdown-menu--navbar {
  z-index: 4;
  background-color: var(--color-background-blue);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  flex-flow: column;
  align-items: flex-start;
  width: 250px;
  padding-top: 10px;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  top: 49px;
}

.link--dropdown-menu {
  color: var(--main-light-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #a5bde900;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.link--dropdown-menu:hover {
  background-color: var(--background-medium-transparent);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.link--dropdown-menu.w--current {
  -webkit-backdrop-filter: brightness(86%);
  backdrop-filter: brightness(86%);
  color: var(--main-light-blue);
  cursor: pointer;
  background-color: #1c2234;
  border-radius: 0;
}

.link--dropdown-menu.w--current:hover {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.link--dropdown-menu.last {
  background-color: #a5bde900;
  padding-bottom: 30px;
}

.link--dropdown-menu.last:hover {
  background-color: var(--background-medium-transparent);
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

.link--dropdown-menu.first {
  color: var(--main-light-blue);
}

.link--dropdown-menu.first.w--current {
  color: var(--background-main-medium);
  padding-top: 20px;
}

.link--dropdown-menu.first.w--current:hover {
  background-color: var(--background-medium-transparent);
}

.inner--container-input-tarifs {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.info-bulle--tarifs {
  z-index: 9999;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--background-main-medium);
  opacity: 0;
  text-shadow: none;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 20px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 211%;
  overflow: hidden;
}

.info-bulle--tarifs.expanded {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  opacity: 1;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 20px;
  transition: all .4s;
  display: flex;
  position: absolute;
  left: 0%;
  overflow: hidden;
  transform: translate(0);
}

.paragraph-7 {
  color: var(--color-white);
  text-align: left;
  text-shadow: none;
  flex-flow: wrap;
  flex: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.texte-close-button--info-bulle {
  color: #ffffff80;
  text-shadow: none;
  cursor: pointer;
  background-color: #0e0e0e00;
  border-radius: 0 0% 0% 0;
  padding: 0;
  font-size: 25px;
  font-weight: 500;
  position: static;
  inset: 0% 0% auto auto;
  transform: rotate(45deg);
}

.close-button--info-bulle {
  color: #ffffff80;
  text-shadow: none;
  cursor: pointer;
  background-color: #0e0e0e29;
  border-radius: 0 0% 0% 7px;
  padding: 5px 10px 4px;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(0);
}

.text-span-6 {
  font-size: 22px;
}

.container-tarifs--page-expertise-copy, .container-tarifs--page-expertise-copy-copy {
  z-index: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(auto, 600px)) minmax(auto, 500px);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch space-between;
  place-items: start stretch;
  width: auto;
  max-width: none;
  margin: 0 auto;
  padding: 0 20px 40px 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.container-tools--page-expertise {
  z-index: auto;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(auto, 600px)) minmax(auto, 500px);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch center;
  place-items: flex-start stretch;
  width: auto;
  max-width: none;
  margin: 40px auto 0 0;
  padding: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.label-tool {
  color: var(--main-light-blue);
  text-shadow: none;
  font-size: 16px;
  font-weight: 500;
}

.heading-category--page-expertise {
  color: var(--main-light-blue);
  letter-spacing: 1.5px;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.tools--page-expertise {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.item-tools--page-expertise {
  flex-flow: column wrap;
  flex: none;
  align-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.tab-pane-tab-2-2 {
  flex: none;
  width: 100%;
}

.heading-hero---home {
  color: var(--color-white);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--color-white);
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sonder;
  font-size: 82px;
  font-weight: 500;
}

.hero-content--home {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  height: 100%;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  overflow: clip;
}

.slogan-hero--home {
  outline-offset: 0px;
  color: var(--main-light-blue);
  text-align: left;
  outline: 3px #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.hero-home {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  height: auto;
  padding: 120px 60px 80px;
  font-family: Leonsans, sans-serif;
  position: relative;
}

.headline-container--home {
  border-bottom: .5px solid var(--background-half-transparent);
  color: var(--main-light-blue);
  flex-flow: column;
  align-items: flex-start;
  width: auto;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.subheading-hero-home {
  border-left: 1px none var(--color-white);
  color: var(--text-gray-medium);
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Leonsans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.bold-text {
  color: var(--main-light-blue);
  letter-spacing: 0;
  text-shadow: none;
  border-right: 1px #bfcde747;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  font-family: Newake Font, sans-serif;
  font-size: 102px;
  font-weight: 400;
  display: block;
}

.satisfaction {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #091329;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 60px;
  font-family: Leonsans, sans-serif;
  display: none;
  position: static;
}

.container-cards-offers {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  scroll-behavior: smooth;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  max-width: none;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: inset 0 0 13px 1px #091229;
}

.container-cards-offers.swiper {
  box-shadow: none;
  -webkit-user-select: none;
  user-select: none;
  flex-flow: row;
  padding-right: 180px;
  position: relative;
}

.container-cards-offers.swiper.grid {
  flex-flow: wrap;
  padding-right: 0;
}

.container-reinsurance-cards--home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  filter: none;
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  margin: 60px auto 0 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.card-offer--big {
  background-color: var(--background-light-transparent);
  box-shadow: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 335px;
  height: auto;
  padding: 20px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
}

.card-offer--big:hover {
  background-color: var(--background-medium-transparent);
  box-shadow: none;
}

.card-offer--big.last {
  margin-right: 0;
}

.card-mission--top {
  border-bottom: 1px solid var(--background-half-transparent);
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 121px;
  padding-bottom: 20px;
  display: flex;
}

.card-mission--top.unexpanded {
  border-bottom-style: none;
  flex: 1;
  justify-content: center;
  align-self: auto;
  height: 100%;
  margin-top: 100px;
  padding-bottom: 0;
}

.card-mission--bottom {
  height: auto;
  margin-top: 20px;
}

.card-mission--bottom.unexpanded {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.heading-3--card-missions {
  border-bottom: 1px none var(--background-medium-transparent);
  color: var(--main-light-blue);
  letter-spacing: 0;
  text-shadow: none;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.heading-3--card-missions.unexpanded {
  margin-top: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.texte--18px-500--gray {
  color: var(--text-gray-medium);
  text-shadow: none;
  width: 100%;
  margin-top: 0;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.texte--18px-500--gray.unexpanded {
  opacity: 0;
  height: 0;
  display: flex;
  overflow: hidden;
}

.texte--18px-500--gray.right {
  text-align: right;
}

.hero-top--page-expertise {
  flex-flow: column;
  align-self: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.hero-top--page-expertise._70 {
  width: 70%;
}

.heading-1--page-expertise {
  color: var(--color-white);
  letter-spacing: 1px;
  -webkit-text-stroke-color: var(--color-white);
  text-shadow: none;
  width: 80%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 64px;
}

.card-reinsurance--home {
  background-color: var(--background-light-transparent);
  box-shadow: none;
  cursor: pointer;
  background-image: none;
  border-radius: 7px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 135px;
  padding: 15px;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  display: flex;
}

.card-reinsurance--home:hover {
  box-shadow: none;
  transform: translate(0, -16px);
}

.box-shadow--right {
  width: 10px;
  box-shadow: -9px -7px 20px 20px #091229f2;
}

.box-shadow--left {
  width: 10px;
  box-shadow: -3px -20px 20px 20px #091229;
}

.container-achievements--home {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: row;
  align-items: center;
  width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.container-achievements--home.swiper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  scroll-behavior: smooth;
  -webkit-user-select: none;
  user-select: none;
  flex-flow: row;
  margin-bottom: 40px;
}

.container-achievements--home.swiper.grid {
  flex-flow: wrap;
}

.heading-xxl--main {
  z-index: 2;
  border-bottom: 1px none var(--background-medium-transparent);
  color: var(--main-light-blue);
  text-align: left;
  letter-spacing: 2px;
  text-shadow: none;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 42px;
  font-weight: 500;
  position: relative;
}

.heading-xxl--main._70 {
  z-index: 2;
  color: var(--main-light-blue);
  letter-spacing: 1px;
  -webkit-user-select: none;
  user-select: none;
  width: 70%;
  margin-bottom: 0;
  line-height: 46px;
  position: relative;
}

.heading-xxl--main._70.centered {
  text-align: left;
  margin-left: 0;
}

.heading-xxl--main._60 {
  z-index: 2;
  color: var(--main-light-blue);
  letter-spacing: 1px;
  -webkit-user-select: none;
  user-select: none;
  width: 60%;
  margin-bottom: 0;
  line-height: 46px;
  position: relative;
}

.heading-xxl--main._60.centered {
  text-align: left;
  margin-left: 0;
}

.texte-20px-400--light-blue {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.texte-20px-400--light-blue.left {
  text-align: left;
  text-transform: uppercase;
  margin-left: 0;
}

.container-slider-cards-missions {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1200px;
  padding-right: 100px;
  display: flex;
  overflow: hidden;
}

.container-expertise--home {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.branding-collecction-list, .branding-collection-item {
  position: relative;
}

.expertises {
  z-index: 1;
  background-color: #08090900;
  width: 100%;
  padding: 80px 60px;
  position: relative;
}

.expertises.dark {
  background-color: #09132900;
  margin-bottom: 0;
  padding: 80px 60px;
  overflow: hidden;
}

.expertises-tabs--home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  max-width: none;
  margin-top: 80px;
  padding-top: 0;
  display: flex;
}

.darkbg {
  opacity: .2;
  max-width: none;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.darkbg.one {
  opacity: .2;
}

.darkbg.two, .darkbg.three, .darkbg.four {
  opacity: 0;
}

.expertise-tab-content--home {
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  top: 0;
}

.expertise-slide--home {
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
  overflow: visible;
}

.branding-nav {
  background-color: var(--background-light-secondary);
  color: #555;
  border: 1px solid #fff0;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 100px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 2em;
  text-decoration: none;
  display: flex;
}

.branding-nav.w--current {
  color: #fff;
  background-color: #0000;
  border-color: #ad292e;
}

.branding-nav.click4 {
  background-color: var(--background-light-transparent);
  color: var(--background-half-transparent);
  letter-spacing: 2px;
  border-style: none;
  flex: none;
  justify-content: center;
  align-self: stretch;
  width: 250px;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.branding-nav.click4:hover {
  background-color: var(--background-light-secondary);
  border-radius: 7px;
}

.branding-nav.click4.w--current {
  border-style: none;
  border-color: var(--background-half-transparent);
  background-color: var(--background-medium-secondary);
  color: var(--color-white);
  letter-spacing: 2px;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  box-shadow: inset 0 0 7px -1px #cee1ff70;
}

.branding-nav.click2 {
  background-color: var(--background-light-transparent);
  color: var(--background-half-transparent);
  letter-spacing: 2px;
  border-style: none;
  flex: none;
  justify-content: center;
  align-self: stretch;
  width: 250px;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  font-weight: 500;
  box-shadow: 0 0 7px -1px #0003;
}

.branding-nav.click2:hover {
  background-color: var(--background-light-secondary);
  color: var(--background-half-transparent);
  border-radius: 7px;
}

.branding-nav.click2.w--current {
  border-style: none;
  border-color: var(--background-half-transparent);
  background-color: var(--background-medium-secondary);
  color: var(--color-white);
  border-radius: 7px;
  font-size: 22px;
  font-weight: 500;
  box-shadow: inset 0 0 7px -1px #cee1ff70;
}

.branding-nav.click1 {
  background-color: var(--background-light-transparent);
  color: #a5bde982;
  letter-spacing: 2px;
  border-style: none;
  flex: none;
  justify-content: center;
  width: 250px;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.branding-nav.click1:hover {
  background-color: var(--background-light-secondary);
  border-radius: 7px;
}

.branding-nav.click1.w--current {
  border-style: none;
  border-color: var(--background-half-transparent);
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 7px -1px var(--inner-shadow-half-transparent);
  color: var(--color-white);
  letter-spacing: 2px;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  width: 250px;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.branding-nav.click3 {
  background-color: var(--background-light-transparent);
  color: var(--background-half-transparent);
  letter-spacing: 2px;
  border-style: none;
  flex: none;
  justify-content: center;
  align-self: stretch;
  width: 250px;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.branding-nav.click3:hover {
  background-color: var(--background-light-secondary);
  border-radius: 7px;
}

.branding-nav.click3.w--current {
  border-style: none;
  border-color: var(--background-half-transparent);
  background-color: var(--background-medium-secondary);
  color: var(--color-white);
  border-radius: 7px;
  flex: none;
  box-shadow: inset 0 0 7px -1px #cee1ff70;
}

.expertises-tabs-menu--home {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #17274800;
  border-radius: 7px;
  flex-flow: column;
  flex: none;
  align-items: center;
  width: auto;
  margin-right: 15px;
  display: flex;
}

.expertise-card--home {
  z-index: 2;
  background-color: var(--background-medium-secondary);
  box-shadow: inset 0 0 12px -3px var(--inner-shadow-half-transparent);
  border-radius: 7px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 820px;
  margin-left: 0;
  padding: 30px;
  display: flex;
  position: relative;
}

.heading-3-42px--white {
  color: var(--color-white);
  letter-spacing: 1.5px;
  text-shadow: none;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 26px;
  display: flex;
}

.heading-3-42px--white.underlined {
  border-bottom: 1px solid var(--color-white);
  padding-bottom: 10px;
}

.heading-3-42px--white.underlined._80 {
  border-bottom-color: var(--main-light-blue);
  color: var(--color-white);
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 22px;
  line-height: 26px;
}

.heading-3-42px--white._70 {
  color: var(--main-light-blue);
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  width: 59%;
  min-width: 615px;
  font-size: 42px;
  line-height: 50px;
}

.branding-line {
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  margin-left: -20px;
}

.branding-collection-list-text {
  color: var(--color-white);
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.cta {
  color: #fff;
  background-color: #0e0e0f;
  border: 1px dashed #ad292e;
  border-radius: 4px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 14px 40px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.cta:hover {
  color: #fff;
  border-style: solid;
}

.expertise-image--home {
  z-index: 0;
  filter: none;
  background-image: url('../images/shamalo-consultant-growth-marketing.webp');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 7px;
  width: 500px;
  height: 350px;
  margin-bottom: 0;
  display: none;
  position: absolute;
  inset: auto -16% 0% auto;
  overflow: visible;
}

.heading-17 {
  color: var(--color-white);
  text-align: center;
  font-family: Newake Font, sans-serif;
}

.cta-contact.cta-big--light-blue {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  box-shadow: none;
  color: var(--color-white);
  text-transform: none;
  background-image: none;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 60px;
  margin-top: 0;
  margin-left: 0;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.cta-contact.cta-big--light-blue:hover {
  box-shadow: none;
  filter: brightness(122%);
  transform: none;
}

.cta-contact.cta-big--light-blue.footer {
  width: auto;
}

.cta-contact.cta-medium--light-blue {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color-white);
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  font-weight: 500;
  display: flex;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.cta-contact.cta-medium--light-blue:hover {
  box-shadow: none;
  filter: brightness(122%);
  transform: none;
}

.cta-contact.cta-big--transparent {
  box-shadow: none;
  width: auto;
  margin-left: 0;
}

.cta-contact.cta-big--transparent.light-blue {
  border-color: var(--main-light-blue);
  color: var(--main-light-blue);
}

.cta-contact.cta-big--transparent.white {
  border-color: var(--color-white);
}

.cta-contact.cta-big--transparent.white.left {
  border-color: var(--background-half-transparent);
  color: var(--color-white);
  text-transform: none;
  align-self: center;
  font-size: 18px;
  font-weight: 500;
}

.cta-contact.cta-big--transparent.white.small {
  border-color: var(--background-half-transparent);
  background-image: none;
  align-self: center;
}

.cta-contact.cta-big--transparent.white.small.left {
  color: var(--color-white);
  background-image: none;
  margin-left: 0;
  margin-right: auto;
}

.cta-contact.cta-xxl--light-blue {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color-white);
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 55px;
  margin-top: 0;
  margin-left: 0;
  font-weight: 500;
  display: flex;
  box-shadow: inset 0 0 15px 2px #e2c4d16b;
}

.cta-contact.cta-xxl--light-blue:hover {
  box-shadow: none;
  filter: brightness(122%);
  transform: none;
}

.cta-medium--yellow {
  background-color: var(--secondary-yellow);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 200px;
  height: 50px;
  padding: 10px 30px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  display: flex;
  box-shadow: inset 0 0 12px #ffffffab;
}

.header-offers--home {
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: static;
}

.svg-nav--home {
  color: #fff9ef;
}

.svg-nav--home.left {
  cursor: pointer;
  flex: none;
  align-self: center;
  align-items: flex-end;
  padding: 5px;
  transition: all .2s;
  display: flex;
  transform: none;
}

.svg-nav--home.left:hover {
  background-color: var(--background-light-transparent);
  border-radius: 7px;
}

.svg-nav--home.right {
  cursor: pointer;
  flex: none;
  align-self: center;
  align-items: flex-end;
  padding: 5px;
  transition: all .2s;
  display: flex;
  transform: none;
}

.svg-nav--home.right:hover {
  background-color: var(--background-light-transparent);
  border-radius: 7px;
}

.container-nav-svg--swiper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-self: flex-end;
  align-items: center;
  width: 120px;
  display: flex;
}

.container-nav-svg--swiper.grid {
  filter: contrast(0%);
  cursor: not-allowed;
  pointer-events: none;
}

.text-block-23 {
  font-family: Leonsans, sans-serif;
  font-weight: 700;
}

.offers {
  z-index: auto;
  color: var(--color-white);
  background-color: #09132900;
  width: 100%;
  padding: 80px 60px;
  position: relative;
}

.container-offers--home {
  flex-flow: row;
  width: 100%;
  max-width: none;
  margin-top: 40px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.bloc-shadow--home {
  width: 3vw;
  display: none;
  position: relative;
  box-shadow: 14px 0 60px 17px #071029;
}

.bloc-shadow--home.left {
  background-color: #091329;
  align-self: stretch;
  margin-right: 0;
  display: none;
  position: absolute;
  inset: 0% auto 0% -4%;
  box-shadow: 14px 0 18px 18px #091329bf;
}

.bloc-shadow--home.right {
  box-shadow: -20px -2px 20px -5px var(--color-background-blue);
  background-color: #09132900;
  align-self: stretch;
  width: 40px;
  display: flex;
  position: absolute;
  inset: 0% -40px 0% auto;
}

.bloc-shadow--home.right.grid {
  box-shadow: none;
}

.svg-card-offer--home {
  margin-bottom: 20px;
  position: absolute;
  inset: 7% auto auto 7%;
}

.button-3 {
  margin-top: 40px;
}

.container-ctas-hero--home {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 60px;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.cta-big--transparent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--background-medium-transparent);
  color: var(--color-white);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  cursor: pointer;
  background-color: #3898ec00;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 10px 30px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 8px -2px #ffffff73;
}

.cta-big--transparent:hover {
  background-color: var(--background-medium-transparent);
  box-shadow: 0 0 7px -3px var(--main-light-blue);
}

.cta-big--transparent.blue-border {
  border-color: var(--background-main-medium);
  box-shadow: none;
  color: var(--background-main-medium);
  text-transform: none;
  width: 240px;
  height: 60px;
  font-size: 18px;
  font-weight: 700;
}

.cta-big--transparent.blue-border.footer {
  width: auto;
}

.achievements {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #09132900;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 80px 60px;
  font-family: Leonsans, sans-serif;
  display: flex;
  position: static;
}

.faq {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #09132900;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 80px 60px 220px;
  font-family: Leonsans, sans-serif;
  display: flex;
  position: static;
}

.card-achievement--home {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--background-light-transparent);
  background-color: var(--background-light-transparent);
  box-shadow: none;
  border-radius: 7px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 450px;
  height: auto;
  padding: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.card-achievement--home:hover {
  box-shadow: none;
}

.card-achievement--home.test {
  background-image: url('../images/cassiopee-lp.gif');
  background-position: 50%;
  background-size: auto;
}

.card-achievement--home.last {
  margin-right: 100px;
}

.card-achievement--right {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 60%;
  display: flex;
}

.image-card-achievement--home {
  border-radius: 7px;
  flex: 0 auto;
  align-self: flex-start;
  width: auto;
  overflow: hidden;
}

.container-keywords-expertise--home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px #fdfcfc54;
  flex-flow: wrap;
  align-items: center;
  width: auto;
  max-width: 890px;
  margin: 40px auto 0 0;
  padding-bottom: 0;
  display: flex;
}

.container-keywords-expertise--home.hidden {
  display: none;
}

.cta-link--main {
  border: 2px solid var(--main-light-blue);
  color: var(--main-light-blue);
  letter-spacing: 1px;
  text-transform: none;
  text-shadow: none;
  cursor: pointer;
  background-color: #3898ec00;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 60px;
  margin-left: 0;
  margin-right: auto;
  padding: 0 60px 0 20px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: relative;
}

.cta-link--main:hover {
  background-color: var(--background-light-transparent);
  border-radius: 7px;
  padding-right: 67px;
}

.cta-link--main.small {
  border-color: var(--border-ligth-blue);
  height: 50px;
}

.cta-link--main.small.no-border {
  z-index: 6;
  border: 1px solid var(--background-half-transparent);
  color: var(--color-white);
  flex: 0 auto;
  margin-top: 0;
  margin-left: 0;
  padding-left: 20px;
  font-weight: 500;
  position: static;
  inset: auto auto 0% 0%;
}

.cta-link--main.small.no-border:hover {
  background-color: var(--background-medium-transparent);
}

.svg-arrow--cta {
  color: #fff9ef;
  padding-top: 16px;
  position: absolute;
  inset: 0% 5% 0% auto;
}

.svg-arrow--cta.left {
  cursor: pointer;
  flex: none;
  align-self: center;
  align-items: flex-end;
  padding: 5px;
  transition: all .2s;
  display: flex;
  transform: none;
}

.svg-arrow--cta.left:hover {
  background-color: var(--background-light-transparent);
  border-radius: 7px;
}

.svg-arrow--cta.right {
  cursor: pointer;
  flex: none;
  align-items: flex-end;
  padding: 5px;
  transition: all .2s;
  display: flex;
  transform: none;
}

.svg-arrow--cta.right:hover {
  background-color: var(--background-light-transparent);
  border-radius: 7px;
}

.svg-arrow--cta.small {
  padding-top: 10px;
  right: 12%;
}

.keyword-expertise-home {
  background-color: var(--background-medium-transparent);
  box-shadow: none;
  color: var(--text-gray-medium);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 5px;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 8px 15px;
  font-family: Leonsans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.keyword-expertise-home.home {
  letter-spacing: 1px;
  font-size: 12px;
}

.text-card-achievement--home {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  font-size: 16px;
  font-weight: 500;
}

.text-span-7, .text-span-8 {
  color: var(--background-main-medium);
  font-weight: 500;
}

.header-tab--tabs-expertise {
  letter-spacing: 1px;
  font-weight: 300;
}

.container-achievements {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}

.header-achievements--home {
  -webkit-user-select: none;
  user-select: none;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: static;
}

.container-cta-link--main {
  border: 1px none var(--main-light-blue);
  color: var(--main-light-blue);
  letter-spacing: 1px;
  text-transform: none;
  text-shadow: none;
  cursor: pointer;
  background-color: #3898ec00;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: relative;
}

.container-cta-link--main:hover {
  background-color: #a5bde900;
}

.container-cta-link--main.absolute {
  position: absolute;
  inset: auto auto -40% 0%;
}

.texte-20px-400--main {
  color: var(--main-light-blue);
  text-align: center;
  text-shadow: none;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.texte-20px-400--main.left {
  color: var(--color-white);
  text-align: left;
  letter-spacing: 1.5px;
  margin-left: 0;
  font-family: Newake Font, sans-serif;
  font-size: 18px;
}

.hero-about {
  z-index: 3;
  background-color: var(--background-dark-blue);
  height: auto;
  padding: 160px 60px 40px;
  font-family: Leonsans, sans-serif;
  position: relative;
  overflow: hidden;
}

.cta-medium--transparent {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  border: 2px none var(--border-ligth-blue);
  opacity: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #1a315c00;
  border-radius: 7px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 0;
  height: 44px;
  padding: 10px 0;
  font-family: Leonsans, sans-serif;
  font-size: 14px;
  transition: opacity .2s;
  display: flex;
  overflow: hidden;
}

.cta-medium--transparent:hover {
  background-color: var(--background-medium-transparent);
}

.cta-medium--transparent:active {
  background-color: #bfcde700;
  border-style: none;
  width: 47px;
  padding-left: 12px;
}

.cta-medium--transparent.hidden {
  display: flex;
}

.cta-medium--transparent.expanded {
  border-style: solid;
  border-color: var(--main-light-blue);
  opacity: 1;
  color: var(--main-light-blue);
  justify-content: flex-start;
  width: auto;
  padding-left: 55px;
  padding-right: 15px;
  font-weight: 700;
}

.section-a-propos {
  background-color: var(--color-background-blue);
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 20px 60px 0;
  font-family: Leonsans, sans-serif;
  display: flex;
  position: relative;
  overflow: clip;
}

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

.hero-left--about {
  z-index: 3;
  flex: 1;
  width: 69%;
  margin-right: 60px;
  position: static;
}

.image-38 {
  flex: none;
  width: 300px;
  max-width: none;
}

.image-hero--about {
  z-index: 3;
  background-image: linear-gradient(138deg, #0912299e, #09122973), url('../images/mathieu-milon-shamalo.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: relative;
}

.texte-presentation--about {
  color: var(--main-light-blue);
  text-shadow: none;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.text-span-10, .text-span-12, .text-span-13, .text-span-14 {
  color: var(--background-main-medium);
  font-weight: 700;
}

.heading-2-42px--dark {
  z-index: 3;
  border-bottom: 1px none var(--background-medium-transparent);
  color: var(--main-light-blue);
  text-align: left;
  letter-spacing: 2px;
  text-shadow: none;
  align-self: center;
  margin-top: 0;
  margin-bottom: 40px;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 42px;
  font-weight: 500;
  position: relative;
}

.heading-2-42px--dark._70 {
  -webkit-user-select: none;
  user-select: none;
  width: 70%;
  margin-bottom: 0;
  line-height: 50px;
}

.cta-link--dark {
  border: 1px none var(--background-half-transparent);
  color: var(--main-light-blue);
  letter-spacing: 1px;
  text-transform: none;
  text-shadow: none;
  cursor: pointer;
  background-color: #3898ec00;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 60px;
  margin-left: 0;
  margin-right: auto;
  padding: 0 60px 0 20px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 0 9px -2px #ffffff70;
}

.cta-link--dark:hover {
  background-color: var(--background-medium-transparent);
  border-radius: 7px;
  padding-right: 67px;
}

.cta-link--dark.blue-border {
  border-style: solid;
  border-color: var(--background-half-transparent);
  box-shadow: none;
}

.code-embed-6 {
  width: 100%;
  height: 20px;
}

.grid-view-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  flex-flow: wrap;
  flex: none;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  padding: 15px;
  display: flex;
}

.grid-view-button:hover, .grid-view-button.selected {
  background-color: var(--background-medium-transparent);
  border-radius: 7px;
}

.square--grid-button {
  background-color: var(--main-light-blue);
  width: 7px;
  height: 7px;
}

.overlay-image-expertise--home {
  background-color: #091229eb;
  border-radius: 7px;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.text-block-25 {
  text-transform: none;
  flex: 1;
  margin-right: 0;
  font-size: 18px;
  font-weight: 700;
}

.picto-cta {
  margin-right: 0;
  padding-top: 2px;
}

.picto-cta.phone {
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: 45px;
  margin-right: 0;
  padding-top: 0;
  display: flex;
  position: static;
  inset: 0% auto 0% 5%;
}

.picto-cta.phone.expanded {
  position: absolute;
}

.picto-cta.phone.footer {
  align-self: center;
}

.container-cta-call-menu {
  cursor: pointer;
  justify-content: flex-start;
  width: auto;
  padding-right: 0;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-cta-call-menu:hover {
  background-color: var(--background-medium-transparent);
  border-radius: 7px;
}

.hidden {
  display: flex;
}

.circle-card-offer {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--background-half-transparent);
  box-shadow: none;
  border-radius: 0 4px 0 0;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 3% 5% auto;
  transform: rotate(90deg);
}

.flex-view-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  flex-flow: wrap;
  flex: none;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  padding: 15px;
  display: flex;
}

.flex-view-button:hover, .flex-view-button.pressed, .flex-view-button.selected {
  background-color: var(--background-medium-transparent);
  border-radius: 7px;
}

.card-offer--expandable {
  background-color: var(--background-light-transparent);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 14px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 335px;
  height: 275px;
  padding: 20px;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 6px -2px #c0d1ff61;
}

.card-offer--expandable:hover {
  background-color: var(--background-medium-transparent);
  box-shadow: 0 0 5px #0003;
}

.card-offer--expandable.last {
  margin-right: 0;
}

.card-offer--expandable.unexpanded {
  width: 260px;
  height: 170px;
}

.section-tarification {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #09132900;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 40px 60px 80px;
  font-family: Leonsans, sans-serif;
  display: flex;
  position: static;
}

.heading-category--hero-expertise {
  background-color: var(--background-medium-transparent);
  color: var(--main-light-blue);
  letter-spacing: 2px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 200px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-family: Newake Font, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.text-span-15, .text-span-16 {
  color: var(--background-main-medium);
}

.card-tool--page-expertise {
  background-color: var(--background-light-transparent);
  border-radius: 10px;
  align-self: stretch;
  width: 48%;
  height: auto;
  margin-top: 0;
  margin-right: 0;
  padding: 20px 20px 30px;
}

.container-cards-tools--page-expertise {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  align-self: flex-start;
  align-items: center;
  margin-top: 80px;
  margin-right: auto;
  display: flex;
}

.container-methodology {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: auto;
  margin-top: 0;
  display: flex;
}

.content--card-step {
  border: 1px none var(--background-half-transparent);
  box-shadow: none;
  background-color: #1a315c00;
  border-radius: 14px;
  flex-flow: column;
  flex: none;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  margin-right: 20px;
  padding: 0;
  display: flex;
}

.content--card-step.right {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  margin-left: 0;
}

.content--card-step.red {
  border-style: none;
}

.heading-3-28px--light-blue {
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1.5px;
  text-shadow: none;
  width: 70%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Newake Font, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 46px;
}

.heading-3-28px--light-blue.left {
  text-align: left;
  margin-bottom: 20px;
}

.heading-step--light-blue {
  color: var(--main-light-blue);
  text-align: left;
  letter-spacing: 1px;
  text-shadow: none;
  align-self: flex-start;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.heading-step--light-blue.left {
  text-align: left;
  margin-bottom: 20px;
}

.heading-step--light-blue.right {
  align-self: flex-end;
}

.label-step--card-step {
  background-color: var(--background-medium-transparent);
  color: var(--main-light-blue);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 7px;
  width: auto;
  min-width: 120px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 10px;
  font-family: Leonsans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  display: none;
}

.label-step--card-step.left {
  text-align: left;
  text-transform: uppercase;
  margin-left: 0;
}

.label-step--card-step.right {
  margin-left: auto;
  margin-right: 0;
}

.step--methodology {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-self: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.step--methodology.right {
  justify-content: flex-end;
  align-self: auto;
  align-items: stretch;
}

.decorative-line--card-step {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 25vw;
  display: flex;
}

.decorative-line--card-step.left {
  width: 23vw;
}

.decorative-line--card-step.right {
  width: 25vw;
}

.circle--decorative-line {
  box-shadow: 0 0 5px 0 var(--main-light-blue);
  opacity: 1;
  border: 2px solid #a1b3e2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
}

.line--decorative-line {
  z-index: 1;
  border: 1px none var(--background-half-transparent);
  background-color: var(--background-half-transparent);
  background-image: linear-gradient(92deg, #091229, #a1b3e2);
  flex: 1;
  width: auto;
  height: 2px;
  position: relative;
}

.line--decorative-line.right {
  box-shadow: none;
  background-image: linear-gradient(272deg, #091229, #a1b3e2);
}

.title-methodology {
  z-index: auto;
  color: var(--color-white);
  background-color: #09132900;
  width: 100%;
  padding: 80px 60px 40px;
  position: static;
}

.methodology {
  z-index: 1;
  color: var(--color-white);
  background-color: #09132900;
  width: 100%;
  padding: 0 0 80px;
  position: relative;
}

.texte-card-steps {
  color: var(--text-gray-medium);
  text-align: left;
  text-shadow: none;
  align-self: flex-start;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.texte-card-steps.unexpanded {
  opacity: 0;
  height: 0;
  display: flex;
  overflow: hidden;
}

.texte-card-steps.right {
  text-align: right;
}

.container-nav--swiper {
  display: flex;
}

.list-item--card-step {
  color: var(--texte-medium-transparent);
  margin-bottom: 5px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.list--card-step {
  margin-bottom: 0;
  padding-left: 25px;
}

.card-step--methodology {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 54%;
  min-width: 870px;
  max-width: 900px;
  padding-right: 60px;
  display: flex;
}

.card-step--methodology.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  width: 55%;
  min-width: 870px;
  padding-left: 60px;
  padding-right: 0;
}

.image--card-step {
  width: 80%;
  min-width: 150px;
  height: auto;
}

.image--card-step.small {
  width: 70%;
  height: auto;
}

.image--card-step.small.right {
  float: right;
  width: auto;
}

.image--card-step.big {
  width: 100%;
}

.overlay-image-step {
  z-index: 2;
  background-image: linear-gradient(#0912290f, #0912290f);
  display: none;
  position: absolute;
  inset: 0%;
}

.container-image--card-step {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 280px;
  height: auto;
  margin-right: 0;
  display: block;
  position: relative;
}

.number-step {
  z-index: -1;
  color: var(--main-light-blue);
  text-shadow: 0 0 5px var(--main-light-blue);
  background-color: #a5bde900;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 30px;
  padding: 0;
  font-family: Newake Font, sans-serif;
  font-size: 102px;
  display: flex;
  position: static;
}

.number-step.right {
  margin-left: 0;
  margin-right: 0;
}

.sticky-menu--expertise {
  z-index: 3;
  border-style: none none solid solid;
  border-width: 1px;
  border-color: var(--background-medium-transparent);
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #19233b;
  border-radius: 0 0 7px 7px;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: auto;
  height: 50px;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: 0 auto auto 0%;
}

.container-11 {
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.container-right--menu-sticky {
  display: none;
}

.container-left--menu-sticky {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: auto;
  padding: 5px 10px;
  display: flex;
  position: relative;
}

.link--menu-sticky-expertise {
  z-index: 1;
  border-right: 1px solid var(--background-medium-transparent);
  color: var(--main-light-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom-right-radius: 0;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 180px;
  padding: 10px 15px 9px;
  font-family: Newake Font, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.link--menu-sticky-expertise:hover {
  background-color: var(--background-medium-transparent);
  border-radius: 0;
}

.link--menu-sticky-expertise.w--current {
  font-family: Newake Font, sans-serif;
}

.link--menu-sticky-expertise.last {
  border-bottom-right-radius: 7px;
}

.link--menu-sticky-expertise.first {
  border-bottom-left-radius: 7px;
}

.link--menu-sticky-expertise.first.w--current {
  background-color: var(--background-medium-transparent);
}

.sticky-menu {
  z-index: 3;
  width: 100%;
  height: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: fixed;
  top: 70px;
}

.image-step--card-step.blue {
  filter: brightness(105%);
}

.image-step--card-step.right {
  margin-right: 0;
}

.image-step--card-step.right.small {
  clear: none;
  filter: brightness(80%);
  width: 85%;
}

.image-step--card-step.small {
  filter: brightness(80%);
  width: 85%;
}

.description--faq-cards {
  text-shadow: none;
  margin-bottom: 20px;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.description--faq-cards.last {
  margin-bottom: 10px;
}

.description--faq-cards.first {
  padding-top: 20px;
  font-size: 18px;
}

.faq-card {
  background-color: var(--background-light-transparent);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 20px;
  transition: box-shadow .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  box-shadow: 0 0 30px #00000005;
}

.faq-card:hover {
  box-shadow: 0 3px 30px #0000000d;
}

.title--faq-card {
  letter-spacing: 1.5px;
  width: 94%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.answer--faq-card {
  overflow: hidden;
}

.faq-image {
  object-fit: contain;
  width: 100%;
  margin-top: 100px;
  display: block;
}

.faq-arrow {
  color: var(--main-dark-blue);
  width: 40px;
  height: 40px;
  margin-right: 0;
}

.faq-title {
  max-width: 350px;
  margin-bottom: 0;
}

.faq-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.faq-question--faq-cards {
  text-shadow: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.container-controls--swiper {
  display: flex;
}

.container-texte--card-step {
  flex: none;
  width: 50%;
  display: flex;
}

.container-faq-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 70%;
  margin-top: 0;
  margin-right: auto;
  display: flex;
}

.container-ctas--navbar {
  display: flex;
}

.text-span-18, .text-span-19 {
  color: var(--background-main-medium);
}

.bold-text-2 {
  font-family: Newake Font, sans-serif;
}

.sidebar-faq {
  justify-content: flex-end;
  width: 30%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: clip;
}

.inner-container-faq {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  width: 100%;
  margin-top: 60px;
  display: flex;
  overflow: clip;
}

.banner-contact--vertical-blue {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--background-half-transparent);
  box-shadow: inset 0 0 20px -2px var(--background-half-transparent);
  background-color: #3b63ab;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 30%;
  padding: 0 20px 30px;
  display: flex;
  position: sticky;
  top: 160px;
}

.heading-medium--light-blue {
  text-align: center;
  letter-spacing: 2px;
  text-shadow: none;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.heading-medium--light-blue.no-margin {
  color: var(--color-white);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 30px;
}

.heading-medium--light-blue.no-margin.left {
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
  line-height: 30px;
}

.bold-text--medium-blue {
  color: var(--background-main-medium);
  font-weight: 700;
}

.arrow---faq-cards {
  padding-top: 4px;
}

.list-item--faq-card {
  color: var(--main-light-blue);
  text-shadow: none;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
}

.unordered-list--faq-card {
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

.lottie--banner-contact {
  width: 262px;
  margin-top: 0;
}

.lottie--banner-contact.small {
  width: 220px;
}

.content-contact-form--faq {
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.content-contact-form--faq._80 {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 80%;
  padding-right: 20px;
}

.left--hero-content {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  width: 62%;
  display: flex;
}

.left--hero-content._58 {
  width: 58%;
}

.left--hero-content._68 {
  width: 68%;
}

.right--hero-content {
  justify-content: flex-end;
  width: 35%;
  display: flex;
}

.right--hero-content._32 {
  width: 32%;
}

.container-content--hero-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.lottie-animation-hero-content {
  width: 100%;
  margin-top: -30px;
  margin-left: 0;
}

.success-message {
  background-color: #ddd0;
}

.texte-big--white {
  color: var(--color-white);
  text-align: center;
  text-shadow: none;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.texte-big--white.left {
  text-align: left;
  text-transform: uppercase;
  margin-left: 0;
}

.texte-big--white.margin-bottom {
  margin-bottom: 40px;
}

.close-button--contact-banner {
  color: var(--color-white);
  text-shadow: none;
  cursor: pointer;
  background-color: #ffffff26;
  border-radius: 0 7px 0%;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  font-family: Leonsans, sans-serif;
  font-size: 32px;
  display: flex;
  position: absolute;
  inset: 0 0 auto auto;
}

.close-button--contact-banner.expanded {
  background-color: #ffffff29;
  border-radius: 0 7px 0 10%;
  display: flex;
  top: 0;
  right: 0;
}

.close-button--contact-banner.visible {
  display: none;
}

.content--card-expertise--home {
  flex-flow: column;
  width: 62%;
  display: flex;
}

.lottie-animation--card-expertise {
  align-self: stretch;
  width: 34%;
}

.text-logo--navbar {
  color: var(--background-main-medium);
  letter-spacing: 0;
  padding-top: 4px;
  font-family: Newake Font, sans-serif;
  font-size: 30px;
  line-height: 36px;
}

.text-span-20, .text-span-21 {
  color: var(--background-main-medium);
}

.banner-contact--horizontal-blue {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--background-half-transparent);
  box-shadow: inset 0 0 20px -2px var(--background-half-transparent);
  background-color: #3b63ab;
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 30%;
  padding: 0 20px 30px;
  display: flex;
  position: sticky;
  top: 160px;
}

.banner-contact--horizontal-blue.non-sticky {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  box-shadow: inset 0 0 20px -2px var(--background-half-transparent);
  background-color: #3b63ab;
  border-style: none;
  border-radius: 10px;
  flex-flow: row;
  width: 70%;
  margin-bottom: 80px;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
  position: static;
}

.text-span-22, .text-span-23, .text-span-24, .text-span-25 {
  color: var(--background-main-medium);
}

.ordered-list--faq-card {
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: decimal;
}

.text-span-26, .text-span-27 {
  color: var(--background-main-medium);
}

.header-tab--about {
  letter-spacing: 1.5px;
  text-shadow: none;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
}

.hero-privacy-policy {
  z-index: 3;
  background-image: linear-gradient(#081123, #081329 91%);
  height: auto;
  padding: 160px 60px 40px;
  font-family: Leonsans, sans-serif;
  position: relative;
}

.privacy-text {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}

.privacy-text p {
  color: var(--main-light-blue);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.titre-h2-small {
  color: var(--main-light-blue);
  letter-spacing: 1.5px;
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.titre-medium--light-blue {
  color: var(--main-light-blue);
  letter-spacing: 1.5px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Newake Font, sans-serif;
  font-size: 20px;
}

.list-4 {
  font-size: 18px;
  line-height: 28px;
}

.container-top--footer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-bottom: 1px solid var(--background-half-transparent);
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.links--footer {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  flex: 1;
  align-items: center;
  width: 27%;
  display: flex;
}

.link-2 {
  color: var(--background-main-medium);
  font-weight: 700;
  text-decoration: none;
}

.list-item--policy {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}

.link-3 {
  color: var(--background-main-medium);
  font-weight: 700;
}

.section-policy {
  box-shadow: none;
  text-shadow: 0 0 4px #fff;
  background-color: #091329;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 0 60px 140px;
  font-family: Leonsans, sans-serif;
  display: flex;
  position: static;
  overflow: clip;
}

.titre-h2-small-2 {
  font-size: 24px;
  line-height: 32px;
}

.texte-mentions-legales {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.link-4 {
  color: var(--background-main-medium);
  font-weight: 700;
}

.logo-slogan--footer {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  width: 30%;
  display: flex;
}

.link--footer {
  z-index: 2;
  color: var(--color-white);
  letter-spacing: 1.5px;
  flex: 1;
  align-self: stretch;
  align-items: center;
  margin-bottom: 0;
  padding: 15px 0 15px 20px;
  font-family: Newake Font, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta--footer {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container-ctas--footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  width: 27%;
  display: flex;
}

.brand--footer {
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.brand--footer.w--current {
  align-items: center;
  width: auto;
  display: flex;
}

.container-link--footer {
  background-color: var(--background-light-transparent);
  border-radius: 7px;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  width: 97%;
  padding: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.container-link--footer:hover {
  background-color: var(--background-medium-transparent);
  width: 100%;
  margin-right: 0;
}

.container-link--footer:active {
  background-color: var(--background-medium-transparent);
  width: 100%;
}

.arrow-link--footer {
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.code-embed-7 {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-logo--footer {
  color: var(--background-main-medium);
  letter-spacing: 0;
  padding-top: 4px;
  font-family: Newake Font, sans-serif;
  font-size: 45px;
  line-height: 36px;
}

.headline--footer {
  color: var(--color-white);
  text-align: left;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.logo--footer {
  border-radius: 4px;
  width: 40px;
  margin-top: 0;
  margin-right: 10px;
}

.company--footer {
  display: flex;
}

.heading--footer {
  text-align: left;
  letter-spacing: 1.5px;
  font-family: Newake Font, sans-serif;
  font-size: 22px;
  line-height: 26px;
}

.ctas--footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.container-bottom-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  width: 100%;
  display: flex;
}

.link-2--footer {
  color: var(--background-main-medium);
  font-weight: 700;
  text-decoration: none;
}

.link-timeline {
  color: var(--secondary-yellow);
  margin-left: 10px;
  font-family: Leonsans, sans-serif;
  font-size: 20px;
}

.link-timeline.no-margin {
  letter-spacing: 1px;
  margin-left: 0;
  font-family: Leonsans, sans-serif;
  font-size: 18px;
}

.popup-contact {
  color: var(--color-white);
  background-color: #0a1936;
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 850px;
  height: auto;
  min-height: auto;
  max-height: 95vh;
  padding: 40px 20px 40px 40px;
  transition: all .2s;
  display: flex;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 0 13px #ffffff82;
}

.code-embed-8 {
  border-radius: 8px;
}

@media screen and (min-width: 1440px) {
  .body {
    background-image: none;
  }

  .navbar {
    box-shadow: 1px 1px 3px #000, inset 0 0 8px -4px #dadada;
  }

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

  .overlay {
    background-color: #273858c2;
  }

  .timeline--date-text {
    margin-top: 0;
  }

  .timeline_circle {
    margin-top: -7px;
    top: 14.8vh;
  }

  .texte-18px--white {
    letter-spacing: 0;
    font-family: Leonsans, sans-serif;
    font-weight: 500;
  }

  .nav-main {
    margin-top: 0;
  }

  .nav-right-main {
    box-shadow: none;
    color: #d7f3fa;
    background-color: #0000;
  }

  .main-content {
    z-index: 2;
    justify-content: space-between;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .main-content.sticky-menu {
    top: 0;
  }

  .section-outils {
    padding-top: 40px;
  }

  .tab-pane-tab-2 {
    min-height: 80vh;
    overflow: hidden;
  }

  .item-education--tab-about {
    margin-bottom: 0;
  }

  .paragraphe-medium-white {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
  }

  .card-achievement {
    background-color: #2a365038;
  }

  .container-input--form-tarifs {
    border-style: none;
    margin-left: 0;
  }

  .container-tarifs--right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .dropdown-menu--navbar {
    display: none;
  }

  .link--dropdown-menu.first.w--current {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .hero-content--home {
    align-items: flex-start;
  }

  .slogan-hero--home {
    text-align: left;
  }

  .hero-home {
    height: auto;
  }

  .satisfaction {
    background-image: none;
    padding-top: 60px;
  }

  .container-cards-offers {
    flex-flow: row;
    justify-content: flex-start;
    margin-top: 0;
    padding-right: 0;
  }

  .card-mission--top {
    border-bottom-color: var(--background-half-transparent);
  }

  .heading-3--card-missions {
    font-weight: 700;
  }

  .texte--18px-500--gray {
    font-weight: 500;
  }

  .hero-top--page-expertise {
    width: 60%;
  }

  .container-achievements--home {
    margin-top: 0;
  }

  .container-achievements--home.swiper {
    flex-flow: row;
  }

  .heading-xxl--main {
    z-index: 3;
    text-align: left;
    position: relative;
  }

  .heading-xxl--main._70, .heading-xxl--main._60 {
    z-index: 1;
    position: relative;
  }

  .expertises.dark {
    background-color: #09132900;
  }

  .expertises-tabs--home {
    margin-top: 80px;
  }

  .darkbg.one {
    position: static;
    overflow: clip;
  }

  .darkbg.four {
    z-index: auto;
  }

  .branding-nav.click4 {
    justify-content: center;
    height: auto;
    margin-bottom: 0;
    padding: 20px;
  }

  .branding-nav.click4:hover {
    background-color: var(--background-medium-transparent);
    border-radius: 7px;
  }

  .branding-nav.click4.w--current {
    background-color: var(--background-medium-secondary);
    border-style: none;
    border-radius: 7px;
  }

  .branding-nav.click2 {
    letter-spacing: 2px;
    justify-content: center;
    height: auto;
    margin-bottom: 0;
    padding: 20px;
  }

  .branding-nav.click2:hover {
    background-color: var(--background-medium-transparent);
    border-radius: 7px;
  }

  .branding-nav.click2.w--current {
    background-color: var(--background-medium-secondary);
    color: var(--main-light-blue);
    border-style: none;
    border-radius: 7px;
    justify-content: center;
    margin-bottom: 0;
    font-size: 20px;
  }

  .branding-nav.click1 {
    flex: none;
    justify-content: center;
    align-self: auto;
    width: 250px;
    height: auto;
    padding: 20px;
  }

  .branding-nav.click1.w--current {
    background-color: var(--background-medium-secondary);
    border-style: none;
    border-radius: 7px;
    justify-content: center;
    height: auto;
    margin-bottom: 0;
    padding: 20px;
    font-size: 22px;
  }

  .branding-nav.click3 {
    justify-content: center;
    height: auto;
    margin-bottom: 0;
    padding: 20px;
    font-size: 22px;
  }

  .branding-nav.click3:hover {
    background-color: var(--background-medium-transparent);
    border-radius: 7px;
  }

  .branding-nav.click3.w--current {
    background-color: var(--background-medium-secondary);
    border-style: none;
    border-radius: 7px;
  }

  .expertises-tabs-menu--home {
    flex: none;
    align-items: flex-end;
    width: auto;
    margin-right: 15px;
  }

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

  .heading-3-42px--white {
    margin-top: 0;
    font-size: 26px;
  }

  .heading-3-42px--white.underlined._80 {
    width: 100%;
    margin-bottom: 0;
    font-size: 22px;
  }

  .heading-3-42px--white._70 {
    -webkit-user-select: none;
    user-select: none;
  }

  .cta-contact.cta-big--light-blue.footer {
    background-color: var(--background-main-medium);
  }

  .cta-contact.cta-big--transparent.white.small {
    margin-left: auto;
    margin-right: auto;
  }

  .cta-contact.cta-big--transparent.white.small.centered {
    border-color: var(--background-half-transparent);
    color: var(--color-white);
    margin-left: auto;
  }

  .cta-contact.cta-big--transparent.white.small.left {
    margin-left: 0;
  }

  .cta-medium--yellow {
    background-color: var(--secondary-yellow);
    padding: 12px 30px;
    box-shadow: inset 0 0 12px #ffffffab;
  }

  .bloc-shadow--home.right {
    right: -40px;
  }

  .button-3 {
    margin-top: 40px;
  }

  .container-ctas-hero--home {
    padding-bottom: 0;
    position: static;
  }

  .achievements {
    padding-top: 80px;
  }

  .faq {
    background-image: none;
    padding-top: 40px;
  }

  .cta-link--main {
    font-family: Leonsans, sans-serif;
  }

  .hero-about {
    background-image: none;
    height: auto;
  }

  .cta-medium--transparent {
    background-color: var(--background-green);
    padding: 12px 0;
    box-shadow: inset 0 0 12px #ffffffab;
  }

  .cta-medium--transparent.hidden {
    display: none;
  }

  .cta-medium--transparent.expanded {
    box-shadow: none;
    background-color: #217a5600;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-a-propos {
    background-image: none;
    padding-top: 20px;
  }

  .hero-left--about {
    width: 100%;
  }

  .texte-presentation--about {
    font-weight: 500;
  }

  .heading-2-42px--dark {
    z-index: 3;
    text-align: left;
    position: relative;
  }

  .cta-link--dark {
    font-family: Leonsans, sans-serif;
  }

  .section-tarification {
    padding-top: 40px;
  }

  .circle--decorative-line {
    display: flex;
  }

  .title-methodology {
    position: static;
  }

  .methodology {
    padding-bottom: 80px;
  }

  .texte-card-steps {
    font-weight: 500;
  }

  .card-step--methodology {
    align-items: center;
  }

  .container-left--menu-sticky {
    z-index: 4;
  }

  .banner-contact--vertical-blue {
    background-color: #3b63ab;
    width: 30%;
  }

  .heading-medium--light-blue.no-margin {
    color: var(--color-white);
    text-align: center;
  }

  .heading-medium--light-blue.no-margin.centered {
    text-align: center;
    line-height: 30px;
  }

  .heading-medium--light-blue.no-margin.left {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
  }

  .lottie--banner-contact.percentage {
    width: 18%;
  }

  .lottie--banner-contact.small {
    width: 220px;
  }

  .content-contact-form--faq {
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    padding: 0;
  }

  .left--hero-content._68 {
    width: 68%;
  }

  .right--hero-content._32 {
    width: 32%;
  }

  .banner-contact--horizontal-blue {
    flex-flow: row;
    width: 100%;
    margin-bottom: 80px;
    padding: 20px;
  }

  .banner-contact--horizontal-blue.non-sticky {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #3b63ab;
    flex: 0 auto;
    width: 70%;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
    position: static;
  }

  .text-span-22, .text-span-23 {
    color: var(--background-main-medium);
  }

  .hero-privacy-policy {
    background-image: linear-gradient(#081329b0, #081329 91%);
    height: auto;
  }

  .section-policy {
    background-image: none;
    padding-top: 0;
  }
}

@media screen and (min-width: 1920px) {
  .body {
    background-image: none;
  }

  .navbar {
    align-items: center;
    padding: 0;
  }

  .text-span {
    font-size: 24px;
  }

  .footer {
    z-index: auto;
    background-color: var(--background-black);
  }

  .cta-contact {
    text-shadow: none;
    background-image: none;
    width: auto;
    margin-left: 30px;
    padding: 10px 30px;
    font-size: 18px;
  }

  .carte-expertise {
    background-image: none;
    background-position: 0 0;
    width: 270px;
    height: 170px;
  }

  .heading-carte-expertise {
    font-size: 26px;
  }

  .container-expertises.v2 {
    display: none;
  }

  .headline-carte-expertise {
    box-shadow: none;
    background-color: #090e2100;
  }

  .nav-left {
    width: 70%;
  }

  .inner-container-nav {
    justify-content: center;
    align-items: center;
    max-width: 1301px;
    display: flex;
  }

  .close-button {
    color: var(--color-white);
    width: auto;
    margin-top: 0;
    margin-right: 14%;
    padding: 40px;
    font-size: 22px;
    right: -12%;
  }

  .timeline--text-experience {
    font-size: 22px;
  }

  .timeline_right {
    margin-left: 0;
  }

  .timeline_circle {
    margin-left: 2px;
    top: 14.3vh;
    left: auto;
  }

  .timeline_left {
    position: relative;
  }

  .timeline_item {
    grid-template-columns: 1fr 140px 1fr;
  }

  .timeline_progress-bar {
    height: 55vh;
    margin-top: -14px;
    top: 22vh;
  }

  .timeline_progress {
    margin-right: 0;
    top: 16.5vh;
  }

  .list-item-2 {
    font-size: 22px;
    line-height: 32px;
  }

  .timeline--image-entreprise {
    width: 300px;
  }

  .timeline---company-label.outlined {
    font-size: 20px;
  }

  .timeline--info {
    font-size: 22px;
  }

  .timeline_left__inner {
    position: sticky;
  }

  .timeline--info-job {
    font-size: 22px;
  }

  .timeline-item-info-job {
    font-size: 24px;
  }

  .timeline--cat-info, .link {
    font-size: 22px;
  }

  .nav-main {
    max-width: none;
  }

  .inner-container-nav-main {
    justify-content: center;
    align-items: center;
    max-width: 1301px;
    display: flex;
  }

  .nav-right-main {
    background-color: #0e4c6800;
    background-image: none;
    width: auto;
    max-width: none;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .main-content {
    flex-flow: column;
    max-width: 1200px;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .main-content.sticky-menu {
    top: 70px;
  }

  .container-filter-buttons--achievements {
    width: 100%;
    max-width: none;
    margin-left: auto;
  }

  .section-outils {
    box-shadow: none;
    background-color: #0a132700;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 80px;
    display: flex;
    position: static;
  }

  .section-outils.hidden {
    display: none;
  }

  .card-achievement--top {
    height: 220px;
    margin-bottom: 0;
  }

  .card-achievement.expanded {
    margin-top: 60px;
  }

  .section-achievements {
    background-image: none;
    background-position: 0 0;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 220px;
    display: flex;
    position: static;
  }

  .close-button-2 {
    right: 15vw;
  }

  .navbar-flex {
    z-index: 5;
  }

  .navlink-menu.w--current {
    font-size: 16px;
  }

  .cta-site--card-achievement {
    width: auto;
    margin-left: 30px;
    padding: 10px 30px;
    font-size: 14px;
  }

  .form {
    overflow: hidden;
  }

  .cta-contact--popup {
    width: 260px;
    margin-left: 0;
    padding: 10px 30px;
    font-size: 14px;
  }

  .close-button--contact-form {
    right: 0;
  }

  .banner-contact {
    display: none;
  }

  .tabs-content-2 {
    width: 100%;
  }

  .hero-achievements {
    height: auto;
  }

  .dropdown-menu--navbar {
    z-index: 8;
  }

  .slogan-hero--home {
    width: 100%;
    margin-left: 0%;
    font-size: 24px;
    line-height: 30px;
  }

  .bold-text {
    text-shadow: none;
  }

  .satisfaction {
    box-shadow: none;
    background-color: #0a1327;
    background-image: none;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    display: none;
    position: static;
  }

  .hero-top--page-expertise {
    width: 70%;
  }

  .container-achievements--home.swiper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 0;
  }

  .heading-xxl--main._70, .heading-xxl--main._60 {
    position: relative;
  }

  .branding-nav.click2.w--current {
    font-size: 22px;
  }

  .branding-nav.click1 {
    flex: none;
    width: 250px;
  }

  .expertise-card--home {
    justify-content: space-between;
    max-width: 820px;
    height: auto;
    padding: 30px;
  }

  .expertise-card--home.content {
    width: 75%;
    max-width: 850px;
  }

  .heading-3-42px--white.underlined._80 {
    letter-spacing: 1.5px;
    width: 100%;
  }

  .cta-contact.cta-big--light-blue.footer {
    background-color: var(--background-main-medium);
    box-shadow: none;
    flex: none;
    align-self: stretch;
    width: auto;
  }

  .container-offers--home {
    max-width: none;
  }

  .bloc-shadow--home.right {
    right: -40px;
  }

  .cta-big--transparent.blue-border.footer {
    align-self: stretch;
    width: auto;
  }

  .achievements {
    box-shadow: none;
    background-color: #09132900;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: static;
  }

  .faq {
    box-shadow: none;
    background-color: #0a132700;
    background-image: none;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 220px;
    display: flex;
    position: static;
  }

  .card-achievement--home {
    border-style: none;
    border-color: var(--background-half-transparent);
    background-color: var(--background-light-transparent);
    height: 100%;
    padding: 20px;
  }

  .keyword-expertise-home {
    background-color: var(--background-light-transparent);
  }

  .hero-about {
    background-image: linear-gradient(#081329b0, #081329 88%);
  }

  .section-a-propos {
    box-shadow: none;
    background-color: #0a1327;
    background-image: none;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 20px;
    padding-bottom: 100px;
    display: flex;
    position: static;
  }

  .cta-link--dark {
    border-color: var(--border-ligth-blue);
    color: var(--main-light-blue);
  }

  .section-tarification {
    box-shadow: none;
    background-color: #0a132700;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 40px;
    padding-bottom: 80px;
    display: flex;
    position: static;
  }

  .heading-category--hero-expertise {
    justify-content: center;
    width: auto;
  }

  .decorative-line--card-step, .decorative-line--card-step.right {
    width: 30vw;
  }

  .sticky-menu--expertise {
    background-color: #19233b;
    margin-left: 0;
    position: relative;
  }

  .sticky-menu-container {
    z-index: 3;
    justify-content: flex-start;
    width: auto;
    max-width: 1200px;
    display: flex;
    position: static;
    top: 92px;
  }

  .sticky-menu {
    z-index: 4;
    width: 100%;
    position: fixed;
    top: 70px;
  }

  .left--hero-content {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .close-button--contact-banner {
    right: 0;
  }

  .content--card-expertise--home {
    width: 62%;
  }

  .lottie-animation--card-expertise {
    flex: none;
    align-self: stretch;
    width: 34%;
    margin-left: auto;
  }

  .hero-privacy-policy {
    background-image: linear-gradient(#081329b0, #081329 88%);
  }

  .container-top--footer {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .links--footer {
    flex: 1;
    width: 35%;
  }

  .section-policy {
    box-shadow: none;
    background-color: #0a1327;
    background-image: none;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 100px;
    display: flex;
    position: static;
  }

  .logo-slogan--footer, .container-ctas--footer {
    flex: 1;
    width: 28%;
  }

  .heading--footer {
    text-align: left;
    letter-spacing: 1.5px;
    font-family: Newake Font, sans-serif;
    font-size: 20px;
    line-height: 26px;
  }

  .ctas--footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .container-bottom-footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-self: stretch;
    display: flex;
  }

  .link-2--footer {
    color: var(--background-main-medium);
    font-weight: 700;
    text-decoration: none;
  }

  .link-timeline {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .body {
    overflow: visible;
  }

  .text-span {
    letter-spacing: 1.5px;
    font-size: 20px;
  }

  .footer {
    padding: 40px 30px 100px;
  }

  .cta-contact {
    flex: 0 auto;
    justify-content: center;
    width: 180px;
    margin-top: 0;
    margin-left: 40px;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Leonsans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: flex;
  }

  .carte-expertise {
    height: 130px;
  }

  .container-expertises {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    width: 80%;
    margin-top: 30px;
  }

  .headline-carte-expertise {
    margin-bottom: 0;
  }

  .keyword-expertise {
    flex: none;
    font-size: 12px;
  }

  .container-keywords-expertise {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
  }

  .description-expertise {
    margin-left: auto;
  }

  .carte-mission {
    flex-flow: wrap;
    flex: 1;
    align-self: stretch;
    min-width: 200px;
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-missions-expertise.wrapped {
    flex-flow: wrap;
  }

  .close-button.expanded {
    flex: none;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .container-tarifs--page-expertise {
    flex-flow: column;
    align-items: flex-start;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .timeline--centre {
    z-index: 2;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    height: auto;
    margin-right: 0;
    padding-top: 0;
    position: absolute;
    inset: 36px auto auto 14px;
    overflow: visible;
  }

  .timeline--date-text {
    color: var(--main-light-blue);
    font-size: 30px;
  }

  .timeline--date-text.first {
    padding-top: 7px;
    font-size: 26px;
  }

  .timeline--text-experience {
    color: var(--main-light-blue);
    font-family: Leonsans, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .timeline_right {
    width: 100%;
    padding-left: 30px;
  }

  .timeline_circle {
    background-color: var(--main-light-blue);
  }

  .timeline_circle.first {
    flex: 0 auto;
    margin-top: 0;
    margin-right: 0;
    position: sticky;
    left: 0;
    right: auto;
  }

  .timeline_left {
    width: 100%;
  }

  .timeline_item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-columns: 1fr 70px 1fr;
    padding-top: 20px;
    padding-left: 20px;
    position: relative;
  }

  .overlay-fade-bottom {
    left: 0%;
  }

  .timeline_progress-bar {
    height: 50vh;
    margin-top: 0;
    position: sticky;
    top: 5vh;
    bottom: 0;
  }

  .timeline_component {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
    overflow: clip;
  }

  .timeline_component.expanded {
    padding-top: 0;
  }

  .timeline_progress {
    z-index: 1;
    margin-top: 0;
    position: fixed;
    inset: 12vh auto 0% 20px;
    overflow: clip;
  }

  .list-item-2 {
    color: var(--main-light-blue);
    font-size: 18px;
  }

  .list {
    padding-left: 25px;
  }

  .timeline--image-entreprise.change-color, .timeline--image-entreprise.change-color.doctoclass {
    width: 25%;
  }

  .timeline--image-entreprise.first {
    width: 200px;
    margin-top: 0;
  }

  .timeline-item--achievements {
    font-size: 18px;
    line-height: 22px;
  }

  .timeline--carte-realisations {
    padding: 15px;
  }

  .timeline-heading-achievements {
    letter-spacing: 2px;
    font-size: 24px;
  }

  .timeline---company-label.outlined {
    min-width: 82px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .arrow-down {
    margin-bottom: 10px;
  }

  .svg-thiga {
    width: 25%;
  }

  .timeline--info {
    margin-left: 5px;
    font-size: 18px;
  }

  .timeline-annees-exp {
    width: 100px;
    height: 40px;
    margin-top: 0;
    margin-left: 40px;
    padding-top: 2px;
    font-size: 18px;
  }

  .timeline_left__inner {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 30px;
  }

  .emoji-cup {
    font-size: 25px;
  }

  .timeline-item-info-job {
    margin-bottom: 5px;
  }

  .timeline--cat-info {
    min-width: 49px;
    font-size: 18px;
  }

  .link {
    font-size: 18px;
  }

  .link.no-margin {
    letter-spacing: 0;
  }

  .main-content {
    flex-flow: column;
    align-items: center;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
    overflow: clip;
  }

  .main-content.sticky-menu {
    margin-left: auto;
  }

  .heading-xxl--white {
    letter-spacing: 1px;
    width: 92%;
    font-size: 38px;
    line-height: 42px;
  }

  .heading-xxl--white._80 {
    width: 89%;
    font-size: 34px;
    line-height: 46px;
  }

  .container-filter-buttons--achievements {
    flex-flow: wrap;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-top: 40px;
    overflow: auto;
  }

  .container-missions {
    width: auto;
    position: relative;
  }

  .section-outils {
    background-color: #09132900;
    background-image: none;
    width: 100%;
    padding: 40px 30px 80px;
    overflow: hidden;
  }

  .icon {
    margin-left: 0;
    position: absolute;
  }

  .hero-grid--container-headline.expanded {
    margin-top: 5%;
    padding-bottom: 0;
  }

  .cell-about--expandable-container.expanded {
    margin-top: 60px;
    padding-right: 5px;
  }

  .cell-about--texte-header {
    font-size: 16px;
  }

  .tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #07132b00;
    flex-flow: wrap;
    padding-left: 30px;
  }

  .tab-link-tab-1.inactive-tab.w--current {
    letter-spacing: 1px;
    flex: none;
    padding: 15px 20px;
    font-size: 18px;
  }

  .inactive-tab {
    flex: none;
    padding: 15px 20px;
    font-size: 18px;
  }

  .tab-pane-tab-2 {
    min-height: 80vh;
  }

  .item-education--tab-about {
    height: 120px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-education--heading-school {
    font-size: 20px;
  }

  .item-education--year {
    width: 200px;
  }

  .separator--tabs-about {
    background-color: #07132b00;
    height: 20px;
    margin-right: 0;
    display: flex;
    position: sticky;
    top: 4vh;
  }

  .cell-services--expandable-container {
    overflow: hidden;
  }

  .cell-services--expandable-container.expanded {
    flex: none;
    margin-top: 40px;
  }

  .cell-services--card-service {
    flex: none;
  }

  .card-achievement--top {
    align-self: stretch;
  }

  .card-achievement {
    flex: 1;
    width: 48%;
    height: 300px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 2px 5px #0003;
  }

  .card-achievement.expanded {
    width: 100%;
    margin-top: 0;
  }

  .heading-company--card-achievement {
    font-size: 18px;
    line-height: 20px;
  }

  .heading-company--card-achievement.expanded {
    margin-top: 0;
    margin-right: 20px;
    font-size: 24px;
  }

  .heading-company--card-achievement.ir {
    line-height: 20px;
  }

  .section-achievements {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-card-achievement {
    font-size: 18px;
  }

  .heading-small--card-achievement.margin-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .expandable-container--card-achievement.expanded {
    width: auto;
    max-width: 100%;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 20px;
  }

  .container-cards--achievements {
    z-index: 2;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    max-width: none;
    margin-top: 0;
    position: relative;
  }

  .company--card-achievement {
    width: 100%;
    min-width: 40%;
  }

  .company--card-achievement.expanded {
    align-items: center;
    height: 110px;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .screenshots--card-achievement {
    align-items: center;
  }

  .screenshot--card-achievement {
    flex: 1;
    align-self: stretch;
    max-width: none;
    height: auto;
  }

  .lightbox-link {
    min-width: auto;
    height: auto;
  }

  .category--card-achievement.cro, .category--card-achievement.webdesign, .category--card-achievement.leadgen, .category--card-achievement.inbound, .category--card-achievement.growth {
    padding: 1px 10px;
    font-size: 14px;
  }

  .screenshots-container--card-achievement {
    z-index: 99999;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 40px;
    margin-right: -20px;
    padding-bottom: 60px;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .screenshots-container--card-achievement.no-padding {
    padding-bottom: 5px;
  }

  .lightbox-link-2 {
    flex-flow: column;
    flex: none;
    align-self: auto;
    width: 300px;
    min-width: auto;
    height: auto;
    display: flex;
  }

  .logo-company--card-achievement {
    width: 168px;
  }

  .logo-company--card-achievement.expanded {
    width: 189px;
    margin-top: 0;
  }

  .logo-company--card-achievement.matera {
    width: 128px;
  }

  .logo-company--card-achievement.hellolead.expanded {
    width: 120px;
    margin-bottom: 0;
  }

  .container-category--card-achievement {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    top: 3%;
  }

  .container-category--card-achievement.expanded {
    top: 4%;
    right: 8%;
  }

  .list-item {
    margin-top: 5px;
    font-size: 18px;
    line-height: 28px;
  }

  .unexpanded-heading--card-achivement {
    font-size: 25px;
    line-height: 30px;
    top: 42%;
  }

  .close-button-2 {
    z-index: 999999;
    width: 40px;
    height: 40px;
    display: none;
  }

  .text--close-button {
    font-size: 40px;
  }

  .expanded-heading--card-achivement {
    margin-bottom: 40px;
    line-height: 42px;
  }

  .expanded-heading--card-achivement.expanded {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 24px;
  }

  .subheading-small--card-achievement {
    margin-top: 30px;
  }

  .sub-list-item {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 18px;
    line-height: 28px;
    list-style-type: decimal;
  }

  .navbar-flex {
    z-index: 4;
    background-color: var(--background-dark-blue);
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .container-navbar {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .navlink-menu {
    letter-spacing: 2px;
    border-radius: 0;
    flex: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-size: 14px;
  }

  .navlink-menu:hover {
    border-radius: 0;
  }

  .navlink-menu.dropdown {
    margin-right: 0;
    padding-right: 40px;
  }

  .nav-menu {
    z-index: 5;
    box-shadow: none;
    background-color: #1c2234;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    align-items: center;
    padding-bottom: 30px;
    position: absolute;
  }

  .icon-2 {
    color: var(--color-white);
    margin-top: 0;
    font-size: 40px;
  }

  .heading-4-capital {
    color: var(--background-main-medium);
    letter-spacing: 1.5px;
    font-family: Newake Font, sans-serif;
  }

  .list-2 {
    color: var(--main-light-blue);
    padding-left: 16px;
  }

  .heading-shamalo {
    font-family: Newake Font, sans-serif;
    font-size: 50px;
  }

  .cta-achievement--timeline-item {
    width: 140px;
    font-size: 16px;
  }

  .cta-achievement--timeline-item.expanded {
    flex: 0 auto;
  }

  .menu-button {
    position: absolute;
    inset: 0% 0% 0% auto;
  }

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

  .logo--navbar {
    width: 40px;
    margin-bottom: 0;
  }

  .brand {
    width: 170px;
    margin-bottom: 0;
  }

  .brand.w--current {
    width: auto;
  }

  .result--card-achievement.big {
    width: 50%;
    min-width: 300px;
  }

  .text-screenshot-achievement-copy {
    font-size: 18px;
  }

  .cta-site--card-achievement {
    margin-left: 10px;
    font-family: Leonsans, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .wrapper-popup-contact {
    justify-content: center;
    align-items: center;
    top: 0%;
  }

  .contact-form {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    height: 100vh;
    max-height: none;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 15px;
    overflow: hidden;
  }

  .form {
    padding-top: 30px;
    padding-right: 15px;
    overflow: hidden;
  }

  .cta-contact--popup {
    text-transform: uppercase;
    margin-left: 0;
    font-family: Leonsans, sans-serif;
    font-size: 14px;
    font-weight: 700;
  }

  .textarea {
    height: 350px;
  }

  .form-block {
    margin-top: 30px;
    overflow: auto;
  }

  .close-button--contact-form {
    z-index: 999999;
    border-top-right-radius: 0;
    width: 40px;
    height: 40px;
  }

  .container-top--contact-form {
    margin-bottom: 0;
  }

  .cta-download--cell-about {
    padding: 20px 60px 20px 20px;
    font-size: 16px;
  }

  .code-embed-4 {
    right: 8%;
  }

  .heading-1--page-service {
    flex-flow: wrap;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    overflow: auto;
  }

  .hero-expertise {
    padding: 60px 30px 40px;
  }

  .hero-content {
    align-items: flex-start;
  }

  .hero-content.row {
    clear: none;
    align-items: center;
  }

  .cta-contact--expertise {
    width: auto;
    position: relative;
  }

  .heading-large--white {
    width: 100%;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
  }

  .banner-contact {
    background-position: 0 0, 50%;
    height: auto;
    padding: 60px 30px;
  }

  .texte-presentation--page-expertise {
    text-align: justify;
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    line-height: 24px;
  }

  .card-reinsurance--page-expertise {
    justify-content: space-around;
    width: 22%;
    min-width: 160px;
    padding: 10px;
  }

  .container-cards-reinsurance--page-expertise {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 5px;
  }

  .heading-reinsurance-card {
    font-size: 16px;
  }

  .tabs {
    flex: 0 auto;
    align-self: auto;
    width: auto;
    min-width: auto;
    max-width: none;
  }

  .tabs-content-2 {
    border-top-right-radius: 0;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-menu-2 {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .tab-link-tab-1-2, .tab-link-tab-1-2.w--current, .tab-link-tab-3 {
    flex: 1;
    width: 33%;
  }

  .tab-link-tab-3.w--current {
    flex: 1;
  }

  .tab-link-tab-2 {
    flex: 1;
    width: 33%;
  }

  .image--resinsurance-card {
    margin-bottom: 10px;
  }

  .card-reinsurance--top {
    justify-content: center;
    align-items: center;
  }

  .field-label--tarifs {
    width: 231px;
  }

  .container-input--form-tarifs {
    justify-content: space-around;
    align-self: auto;
    width: 99%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-tarifs--page-expertise {
    flex-flow: column;
    width: 100%;
  }

  .texte-separateur {
    flex: none;
  }

  .card-tarifs--page-expertise {
    flex: 1;
    width: 35%;
    padding: 20px 10px;
  }

  .heading-montant--tarifs {
    margin-bottom: 10px;
  }

  .container-tarifs--right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
  }

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

  .heading-tarifs {
    margin-bottom: 20px;
  }

  .container-tarifs--left {
    flex: 0 auto;
    align-self: auto;
    width: auto;
  }

  .divider--form-tarifs {
    text-align: left;
    justify-content: flex-start;
  }

  .tab-pane-tab-1-2 {
    align-self: center;
  }

  .hero-achievements {
    z-index: -1;
    height: auto;
    padding: 100px 30px 20px;
    position: static;
  }

  .icon-3 {
    left: 159.906px;
  }

  .dropdown-menu--navbar {
    background-color: #182138;
    border-radius: 0;
    width: 100%;
    padding-top: 0;
    display: none;
    position: static;
    top: 56px;
  }

  .link--dropdown-menu {
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    font-size: 14px;
    font-weight: 700;
  }

  .link--dropdown-menu.w--current {
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #a5bde926;
    padding-left: 60px;
    font-size: 14px;
  }

  .link--dropdown-menu.last {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link--dropdown-menu.first.w--current {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 20px;
    font-weight: 700;
  }

  .dropdown-2 {
    width: 100%;
  }

  .dropdown-2:hover {
    background-color: var(--background-medium-transparent);
  }

  .container-tarifs--page-expertise-copy, .container-tarifs--page-expertise-copy-copy {
    flex-flow: column;
    align-items: flex-start;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .container-tools--page-expertise {
    flex-flow: column;
    align-items: flex-start;
    width: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .tools--page-expertise {
    align-self: auto;
    width: auto;
  }

  .item-tools--page-expertise {
    align-self: auto;
    align-items: flex-start;
    width: auto;
  }

  .tab-pane-tab-2-2 {
    flex: none;
    align-self: center;
    width: 100%;
    position: relative;
  }

  .heading-hero---home {
    letter-spacing: 1px;
    font-size: 35px;
  }

  .slogan-hero--home {
    text-align: left;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    font-size: 20px;
    line-height: 26px;
  }

  .hero-home {
    background-image: none;
    padding: 80px 30px 40px;
  }

  .headline-container--home {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .subheading-hero-home {
    margin-top: 10px;
    font-size: 20px;
  }

  .bold-text {
    padding-top: 10px;
    padding-bottom: 4px;
    font-size: 82px;
    font-weight: 500;
  }

  .satisfaction {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
  }

  .container-cards-offers.swiper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 10px;
    overflow: auto;
  }

  .container-reinsurance-cards--home {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: row;
    justify-content: flex-start;
    margin-top: 60px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    overflow: auto;
  }

  .card-offer--big {
    width: 300px;
  }

  .hero-top--page-expertise {
    width: 100%;
  }

  .heading-1--page-expertise {
    letter-spacing: 1px;
    width: 100%;
    font-size: 35px;
  }

  .card-reinsurance--home {
    justify-content: space-around;
    width: 22%;
    min-width: 160px;
    padding: 10px;
  }

  .container-achievements--home.swiper {
    overflow: auto;
  }

  .heading-xxl--main {
    text-align: left;
    font-size: 32px;
    position: static;
  }

  .heading-xxl--main._70, .heading-xxl--main._60 {
    width: 68%;
    font-size: 32px;
    line-height: 36px;
    position: static;
  }

  .container-expertise--home {
    padding-left: 0;
    padding-right: 0;
  }

  .expertises {
    padding: 40px 30px;
  }

  .expertises.dark {
    padding: 40px;
  }

  .expertises-tabs--home {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    margin-top: 40px;
  }

  .expertise-tab-content--home {
    border-radius: 7px;
    width: auto;
    height: 374.844px;
    margin-top: 0;
    padding-top: 0;
    top: 0;
  }

  .expertise-slide--home {
    width: auto;
  }

  .branding-nav.click4 {
    flex: none;
    font-size: 20px;
  }

  .branding-nav.click4.w--current {
    flex: none;
  }

  .branding-nav.click2 {
    flex: none;
    font-size: 20px;
  }

  .branding-nav.click2.w--current {
    font-size: 20px;
  }

  .branding-nav.click1 {
    flex: none;
    width: 250px;
  }

  .branding-nav.click1.w--current, .branding-nav.click3 {
    flex: none;
    font-size: 20px;
  }

  .expertises-tabs-menu--home {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    flex: none;
    align-self: flex-start;
    width: auto;
    margin-right: 10px;
    overflow: auto;
  }

  .expertise-card--home {
    width: 100%;
    max-width: none;
    height: 380px;
    padding: 20px;
  }

  .heading-3-42px--white.underlined._80 {
    width: 60%;
    padding-bottom: 20px;
  }

  .heading-3-42px--white._70 {
    width: 59%;
  }

  .branding-collection-list-text {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .cta-contact.cta-big--light-blue:hover {
    box-shadow: inset 0 0 15px 2px #e2c4d16b;
  }

  .cta-contact.cta-big--light-blue.footer {
    flex: none;
    width: 230px;
  }

  .cta-contact.cta-medium--light-blue:hover {
    box-shadow: inset 0 0 15px 2px #e2c4d16b;
  }

  .cta-contact.cta-big--transparent.white {
    width: 200px;
    height: 45px;
  }

  .cta-contact.cta-xxl--light-blue:hover {
    box-shadow: inset 0 0 15px 2px #e2c4d16b;
  }

  .container-nav-svg--swiper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100px;
  }

  .offers {
    padding: 40px 30px;
  }

  .container-ctas-hero--home {
    margin-top: 40px;
    position: static;
  }

  .cta-big--transparent.blue-border.footer {
    flex: 0 auto;
    align-self: stretch;
    width: 230px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .achievements {
    width: 100%;
    padding: 40px;
    overflow: hidden;
  }

  .faq {
    width: 100%;
    padding: 40px 30px 140px;
    overflow: clip;
  }

  .container-keywords-expertise--home {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
    display: none;
  }

  .keyword-expertise-home {
    flex: none;
    font-size: 12px;
  }

  .header-achievements--home {
    justify-content: space-between;
    align-items: center;
  }

  .hero-about {
    background-color: var(--background-dark-blue);
    background-image: none;
    padding: 100px 30px 40px;
  }

  .section-a-propos {
    background-color: var(--background-dark-blue);
    background-image: none;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 30px;
    overflow: clip;
  }

  .hero-left--about {
    flex: none;
    width: 69%;
    margin-right: 40px;
  }

  .image-hero--about {
    flex: none;
    align-self: center;
    width: 150px;
    height: 150px;
    position: static;
    inset: 20% 2% auto auto;
  }

  .texte-presentation--about {
    margin-top: 20px;
    font-size: 20px;
    line-height: 26px;
  }

  .heading-2-42px--dark {
    text-align: left;
    margin-bottom: 0;
  }

  .grid-view-button {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    padding: 10px;
  }

  .picto-cta.phone {
    flex: none;
    margin-left: -5px;
  }

  .container-cta-call-menu {
    align-items: center;
    width: auto;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .flex-view-button.selected {
    width: 50px;
    height: 50px;
    margin-right: 8px;
    padding: 10px;
  }

  .section-tarification {
    background-color: #09132900;
    background-image: none;
    width: 100%;
    padding: 80px 40px 40px;
    overflow: hidden;
  }

  .heading-category--hero-expertise {
    line-height: 36px;
  }

  .card-tool--page-expertise {
    flex: none;
    width: 48.5%;
  }

  .heading-3-28px--light-blue {
    width: 100%;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
  }

  .heading-step--light-blue {
    width: 100%;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .step--methodology {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .decorative-line--card-step, .decorative-line--card-step.right {
    width: 15vw;
  }

  .title-methodology {
    padding: 40px 30px 20px;
  }

  .methodology {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .texte-card-steps {
    font-size: 18px;
    line-height: 22px;
  }

  .card-step--methodology {
    min-width: 650px;
    padding-right: 30px;
  }

  .card-step--methodology.right {
    min-width: 650px;
    padding-left: 30px;
  }

  .container-image--card-step {
    align-items: flex-end;
    width: 200px;
    margin-left: 0;
    display: flex;
  }

  .container-image--card-step.right {
    align-items: flex-start;
  }

  .number-step {
    font-size: 82px;
  }

  .number-step.right {
    position: absolute;
    inset: 0% -30% 0% auto;
  }

  .sticky-menu--expertise {
    z-index: auto;
    box-shadow: none;
    background-color: #19233b;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    margin-left: 0;
    padding: 0;
    overflow: auto;
  }

  .container-left--menu-sticky {
    z-index: auto;
    background-color: var(--background-dark-blue);
    box-shadow: 0 0 9px -3px var(--main-light-blue);
    border-radius: 7px;
  }

  .link--menu-sticky-expertise {
    flex: none;
  }

  .link--menu-sticky-expertise.last {
    border-right-style: none;
    border-bottom-right-radius: 0;
  }

  .link--menu-sticky-expertise.first {
    border-bottom-left-radius: 7px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link--menu-sticky-expertise.first.w--current {
    border-bottom-left-radius: 0;
  }

  .sticky-menu {
    z-index: 3;
    top: 70px;
  }

  .image-step--card-step.blue {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .container-controls--swiper {
    flex: 1;
    justify-content: flex-start;
    width: 30%;
  }

  .container-texte--card-step {
    position: relative;
  }

  .container-faq-cards {
    width: 100%;
  }

  .container-ctas--navbar {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
  }

  .sidebar-faq {
    width: 100%;
  }

  .inner-container-faq {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column-reverse;
    width: 100%;
    margin-top: 40px;
    position: relative;
    overflow: clip;
  }

  .banner-contact--vertical-blue {
    background-color: #3b63ab;
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0;
    padding: 10px 20px;
    position: sticky;
    inset: 140px 0% auto;
    overflow: clip;
  }

  .banner-contact--vertical-blue.no-submenu {
    top: 80px;
  }

  .heading-medium--light-blue.no-margin {
    text-align: left;
    margin-bottom: 20px;
    font-family: Newake Font, sans-serif;
  }

  .lottie--banner-contact {
    width: 140px;
    margin-top: 0;
  }

  .content-contact-form--faq {
    flex-flow: column;
    justify-content: space-around;
    align-self: center;
    align-items: flex-start;
    width: 57%;
    height: auto;
    margin-left: 40px;
    display: flex;
  }

  .left--hero-content {
    width: 64%;
  }

  .right--hero-content {
    align-items: flex-start;
    width: 40%;
    position: absolute;
    inset: 12% 0% auto auto;
    overflow: hidden;
  }

  .container-content--hero-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .lottie-animation-hero-content {
    align-self: flex-start;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .close-button--contact-banner {
    z-index: 999999;
    border-top-right-radius: 0;
    width: 40px;
    height: 40px;
  }

  .close-button--contact-banner.visible {
    display: flex;
  }

  .content--card-expertise--home {
    width: 100%;
  }

  .lottie-animation--card-expertise {
    position: absolute;
    inset: 3% 3% auto auto;
  }

  .lottie-animation--card-expertise.cro {
    top: 2%;
    right: 2%;
  }

  .lottie-animation--card-expertise.content {
    top: 4%;
    right: 4%;
  }

  .text-logo--navbar {
    font-size: 26px;
  }

  .banner-contact--horizontal-blue {
    background-color: #3b63ab;
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0;
    padding: 10px 20px;
    position: sticky;
    inset: 140px 0% auto;
    overflow: clip;
  }

  .banner-contact--horizontal-blue.no-submenu {
    top: 80px;
  }

  .hero-privacy-policy {
    background-color: #09132900;
    background-image: none;
    padding: 100px 30px 40px;
  }

  .privacy-text {
    flex: 0 auto;
    width: 100%;
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .container-top--footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .links--footer {
    flex: none;
    width: 57%;
  }

  .section-policy {
    background-color: #09132900;
    background-image: none;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    overflow: clip;
  }

  .logo-slogan--footer {
    flex: none;
    width: 40%;
  }

  .container-ctas--footer {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 10px;
  }

  .brand--footer {
    width: 170px;
    margin-bottom: 0;
  }

  .brand--footer.w--current {
    width: auto;
  }

  .text-logo--footer {
    font-size: 36px;
  }

  .logo--footer {
    width: 40px;
    margin-bottom: 0;
  }

  .ctas--footer {
    flex-flow: row;
  }

  .link-timeline {
    font-size: 18px;
  }

  .link-timeline.no-margin {
    letter-spacing: 0;
  }

  .popup-contact {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    height: 100vh;
    max-height: none;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 15px;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    display: flex;
  }

  .text-span {
    font-size: 20px;
  }

  .footer {
    z-index: 2;
    padding: 40px 30px 100px;
    position: relative;
  }

  .cta-contact {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    left: 40px;
  }

  .keyword-expertise {
    flex: none;
  }

  .container-keywords-expertise {
    margin-top: 30px;
  }

  .description-expertise {
    margin-top: 0;
  }

  .carte-mission {
    flex: 1;
    align-content: center;
    align-self: stretch;
    min-width: 32%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .texte-carte-mission {
    font-size: 16px;
  }

  .close-button.expanded {
    height: 43px;
    padding: 30px 30px 20px;
  }

  .container-tarifs--page-expertise {
    margin-top: 0;
    padding-bottom: 0;
  }

  .timeline--centre {
    justify-content: flex-start;
    position: absolute;
    top: 39px;
    left: 20px;
  }

  .timeline--date-text {
    margin-bottom: 0;
    font-size: 30px;
  }

  .timeline--date-text.first {
    padding-top: 5px;
  }

  .timeline--text-experience {
    font-size: 18px;
  }

  .timeline_right {
    margin-top: 0;
    overflow: clip;
  }

  .timeline_circle.first {
    margin-top: -6px;
    top: 9.3vh;
  }

  .timeline_left {
    text-align: left;
  }

  .timeline_item {
    grid-template-columns: 35px 1fr;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
  }

  .timeline_progress-bar {
    height: 55vh;
    top: 15vh;
  }

  .timeline_progress {
    left: 26px;
  }

  .list-item-2 {
    font-weight: 400;
  }

  .list {
    padding-left: 25px;
  }

  .timeline--image-entreprise.change-color {
    width: 40%;
    margin-top: 0;
  }

  .timeline--image-entreprise.change-color.doctoclass {
    width: 41%;
    margin-top: 0;
  }

  .timeline--image-entreprise.change-color.rx {
    width: 35%;
  }

  .timeline--image-entreprise.first {
    width: 150px;
    margin-top: 0;
  }

  .timeline-heading-achievements {
    letter-spacing: 2px;
  }

  .timeline---company-label.outlined {
    min-width: 80px;
  }

  .timeline--info {
    font-weight: 400;
  }

  .timeline-annees-exp {
    width: auto;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .timeline_left__inner {
    flex-flow: row;
    align-items: center;
    padding-left: 30px;
    top: 12.9vh;
  }

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

  .nav-right-main {
    position: relative;
  }

  .main-content {
    flex: none;
    justify-content: center;
    align-self: auto;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
  }

  .heading-xxl--white {
    width: 69%;
    margin-bottom: 0;
    font-size: 38px;
    line-height: 42px;
  }

  .heading-xxl--white._80 {
    width: 100%;
    line-height: 42px;
  }

  .container-filter-buttons--achievements {
    flex-flow: wrap;
    flex: none;
    justify-content: flex-start;
    align-self: flex-start;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .section-outils {
    padding: 40px 30px;
    overflow: hidden;
  }

  .icon {
    margin-left: 10px;
  }

  .hero-grid--container-headline {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .hero-grid--container-headline.expanded {
    margin-top: 70px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .cell-about--expandable-container.expanded {
    margin-top: 20px;
  }

  .tabs-menu {
    justify-content: flex-start;
    margin-left: 30px;
    padding-left: 0;
    top: 10px;
    overflow: auto;
  }

  .tab-link-tab-1.inactive-tab.w--current {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .inactive-tab {
    flex: none;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-education--tab-about {
    height: auto;
  }

  .container-tab--about {
    align-items: flex-start;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .item-education--heading-school {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
  }

  .item-education--diploma {
    font-size: 16px;
  }

  .cell-about-image-school {
    margin-top: 0;
    margin-right: 0;
  }

  .cell-about-image-school.big, .cell-about-image-school.small {
    margin-right: 0;
  }

  .item-education--heading-year {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .item-education--left {
    flex-flow: column;
  }

  .item-education--right {
    flex-flow: column;
    flex: none;
    justify-content: center;
  }

  .separator--tabs-about {
    height: 10px;
  }

  .cell-about--item-skill {
    align-self: flex-start;
    align-items: center;
    margin-bottom: 10px;
  }

  .item-skill--score-plain {
    width: 40px;
  }

  .item-skill--left {
    flex: 0 auto;
    width: 200px;
  }

  .item-skill--score-dark {
    width: 40px;
  }

  .cell-services--expandable-container {
    overflow: hidden;
  }

  .cell-services--expandable-container.expanded {
    margin-top: 40px;
  }

  .cell-services--card-service {
    width: 48%;
    height: 216px;
  }

  .heading-10 {
    text-align: left;
    justify-content: flex-start;
    width: 60%;
    margin-left: 0;
    font-size: 20px;
    line-height: 30px;
    display: flex;
  }

  .card-service--top {
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .paragraphe-medium-white {
    font-size: 18px;
  }

  .card-achievement {
    width: 354px;
    height: 320px;
    padding-bottom: 20px;
  }

  .section-achievements {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-filter--achievements {
    font-size: 16px;
  }

  .filter-button--achievements.growth, .filter-button--achievements.cro {
    flex: none;
    min-width: auto;
  }

  .filter-button--achievements.seo {
    flex: none;
    width: auto;
    min-width: 200px;
  }

  .filter-button--achievements.webdesign, .filter-button--achievements.leadgen {
    flex: none;
    min-width: auto;
  }

  .expandable-container--card-achievement.expanded {
    width: 100%;
  }

  .container-cards--achievements {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .company--card-achievement.expanded {
    align-items: flex-end;
    height: 120px;
    padding-bottom: 20px;
  }

  .screenshots-container--card-achievement {
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    padding-bottom: 90px;
  }

  .lightbox-link-2 {
    flex-flow: column;
    width: auto;
    min-width: 300px;
  }

  .logo-company--card-achievement.brainly {
    margin-bottom: 20px;
  }

  .logo-company--card-achievement.hellolead {
    width: 147px;
  }

  .logo-company--card-achievement.hellolead.expanded {
    margin-bottom: 0;
  }

  .logo-company--card-achievement.cassiopee {
    margin-bottom: 20px;
  }

  .container-category--card-achievement.expanded {
    top: 1%;
    left: 2%;
    right: auto;
  }

  .unexpanded-heading--card-achivement {
    font-size: 22px;
    line-height: 32px;
  }

  .text--close-button {
    font-size: 40px;
  }

  .expanded-heading--card-achivement.expanded {
    font-size: 24px;
    line-height: 31px;
  }

  .navbar-flex {
    justify-content: flex-start;
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-navbar {
    margin-left: 0;
    display: flex;
  }

  .navlink-menu {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-menu {
    background-color: #0a1327;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .icon-2 {
    color: var(--color-white);
    text-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 40px;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .heading-shamalo {
    margin-top: 10px;
  }

  .menu-button {
    background-color: #090e2800;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

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

  .logo--navbar {
    width: 40px;
  }

  .brand {
    width: 170px;
    margin-bottom: 0;
  }

  .brand.w--current {
    width: auto;
    padding-left: 0;
  }

  .container-results--card-achievement {
    flex-flow: column;
  }

  .result--card-achievement, .result--card-achievement.big {
    width: 70%;
  }

  .cta-site--card-achievement {
    margin-top: 10px;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    left: -110px;
  }

  .wrapper-popup-contact {
    align-items: flex-start;
    overflow: hidden;
  }

  .contact-form {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 100vh;
    max-height: none;
    padding: 30px 15px 0 30px;
    overflow: auto;
  }

  .form {
    flex-flow: column;
    padding-top: 20px;
    padding-right: 0;
    display: flex;
  }

  .cta-contact--popup {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: 700;
    position: static;
    left: -110px;
  }

  .form-block {
    width: 100%;
    margin-top: 0;
    padding: 20px 15px 60px 0;
    overflow: auto;
  }

  .container-top--contact-form {
    margin-bottom: 0;
    padding: 0;
  }

  .text--form {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
  }

  .checkbox-field {
    padding: 8px 16px;
  }

  .heading-1--page-service {
    flex-flow: wrap;
    flex: none;
    justify-content: flex-start;
    align-self: flex-start;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .hero-expertise {
    background-image: none;
    padding: 40px 20px 10px;
    overflow: hidden;
  }

  .hero-content {
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-content.row {
    padding: 0;
  }

  .heading-large--white {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
  }

  .text-block-13 {
    text-align: center;
    font-size: 18px;
  }

  .banner-contact {
    z-index: 2;
    height: auto;
    padding: 40px 30px;
    position: relative;
  }

  .content--banner-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .texte-presentation--page-expertise {
    text-align: justify;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }

  .card-reinsurance--page-expertise {
    width: 25%;
    min-width: 180px;
  }

  .container-cards-reinsurance--page-expertise {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: 35px;
    padding: 5px 60px 10px 5px;
    position: static;
    top: 46%;
    overflow: auto;
  }

  .heading-reinsurance-card {
    font-size: 16px;
  }

  .tabs {
    flex-flow: column;
    flex: none;
    align-self: stretch;
    width: 100%;
    max-width: none;
    display: flex;
    position: static;
  }

  .tabs-content-2 {
    flex: none;
    align-self: auto;
    width: auto;
  }

  .tabs-menu-2 {
    flex: 1;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .tab-link-tab-1-2.w--current {
    justify-content: center;
    align-items: center;
    width: 26%;
    display: flex;
  }

  .tab-link-tab-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-tab {
    text-align: center;
    font-size: 18px;
  }

  .text-block-15, .text-block-16 {
    font-size: 16px;
  }

  .container-input--form-tarifs {
    justify-content: space-around;
    width: 98%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .input--tarifs.day {
    width: 70px;
    padding-left: 20px;
  }

  .input--tarifs.month-2, .texte-separateur {
    font-size: 16px;
  }

  .card-tarifs--page-expertise {
    align-self: stretch;
    width: 47%;
  }

  .input-unit--tarifs {
    font-size: 16px;
  }

  .container-tarifs--right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .heading-tarifs {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }

  .variable-duree--tarifs {
    font-size: 16px;
  }

  .tab-pane-tab-1-2 {
    max-width: 100%;
  }

  .hero-achievements {
    background-image: none;
    padding: 100px 30px 20px;
    overflow: hidden;
  }

  .icon-3 {
    left: 157.906px;
  }

  .dropdown-menu--navbar {
    padding-top: 0;
    display: none;
  }

  .link--dropdown-menu {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link--dropdown-menu.first.w--current {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 20px;
  }

  .container-tarifs--page-expertise-copy, .container-tarifs--page-expertise-copy-copy, .container-tools--page-expertise {
    padding-bottom: 0;
  }

  .label-tool {
    font-size: 16px;
  }

  .heading-hero---home {
    font-size: 25px;
  }

  .slogan-hero--home {
    text-align: left;
    width: 83%;
    font-size: 22px;
    line-height: 26px;
  }

  .hero-home {
    background-image: none;
    padding: 60px 30px 200px;
    overflow: hidden;
  }

  .subheading-hero-home {
    margin-top: 0;
    font-size: 19px;
    line-height: 28px;
  }

  .bold-text {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 62px;
  }

  .satisfaction {
    padding-top: 200px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
  }

  .container-reinsurance-cards--home {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    margin-top: 0;
    padding: 5px 60px 10px 5px;
    position: absolute;
    inset: auto 0% 0% 20px;
    overflow: auto;
  }

  .hero-top--page-expertise {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1--page-expertise {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 41px;
  }

  .card-reinsurance--home {
    width: 25%;
    min-width: 180px;
  }

  .container-achievements--home.swiper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    overflow: auto;
  }

  .heading-xxl--main._70, .heading-xxl--main._60 {
    width: auto;
    margin-bottom: 20px;
    line-height: 34px;
  }

  .texte-20px-400--light-blue {
    color: var(--color-white);
    width: 100%;
  }

  .expertises {
    padding: 40px 30px;
  }

  .expertises.dark {
    padding: 30px;
  }

  .expertises-tabs--home {
    flex-flow: row;
    justify-content: flex-start;
  }

  .expertise-tab-content--home {
    width: auto;
    height: auto;
    margin-left: 0%;
    padding-top: 0;
    top: 0;
  }

  .expertise-slide--home {
    width: auto;
  }

  .branding-nav.click4 {
    background-color: var(--background-light-secondary);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 200px;
    height: 50px;
    padding: 10px;
  }

  .branding-nav.click4.w--current {
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .branding-nav.click2 {
    background-color: var(--background-light-secondary);
    border-radius: 7px;
    flex: none;
    width: 200px;
    height: 50px;
    margin-bottom: 0;
    padding: 10px;
  }

  .branding-nav.click1 {
    background-color: var(--background-light-secondary);
    flex: none;
    width: 200px;
    height: 50px;
    margin-bottom: 0;
    padding: 10px;
  }

  .branding-nav.click1.w--current {
    border-radius: 7px;
    width: 200px;
    height: 50px;
    padding: 10px;
    font-family: Newake Font, sans-serif;
  }

  .branding-nav.click3 {
    background-color: var(--background-light-secondary);
    flex: none;
    width: 200px;
    height: 50px;
    margin-bottom: 0;
    padding: 10px;
  }

  .expertises-tabs-menu--home {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: center;
    width: auto;
    position: relative;
    overflow: auto;
  }

  .expertise-card--home {
    width: auto;
    height: auto;
    padding-left: 20px;
  }

  .heading-3-42px--white.underlined._80 {
    width: 69%;
    padding-bottom: 10px;
    font-size: 20px;
  }

  .branding-collection-list-text {
    margin-top: 20px;
  }

  .cta-contact.cta-big--light-blue {
    flex: none;
    width: 48%;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    left: 0;
  }

  .cta-contact.cta-medium--light-blue {
    flex: none;
    width: 48%;
    margin-left: 0;
    margin-right: 0;
    left: 0;
  }

  .cta-contact.cta-big--transparent.white {
    align-self: auto;
    margin-right: 0;
  }

  .cta-contact.cta-big--transparent.white.left {
    align-self: flex-start;
    margin-left: 0;
    margin-right: auto;
    position: static;
  }

  .cta-contact.cta-big--transparent.white.small {
    margin-left: 0;
    margin-right: auto;
  }

  .cta-contact.cta-xxl--light-blue {
    flex: none;
    width: 48%;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    left: 0;
  }

  .header-offers--home {
    flex-flow: column;
    align-items: flex-start;
  }

  .offers {
    padding: 40px 30px;
  }

  .container-ctas-hero--home {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .cta-big--transparent {
    flex: none;
    width: 48%;
    font-size: 12px;
  }

  .cta-big--transparent.blue-border {
    width: 48%;
  }

  .cta-big--transparent.blue-border.footer {
    padding-bottom: 10px;
  }

  .achievements {
    padding: 20px 30px 40px;
    overflow: hidden;
  }

  .faq {
    padding: 40px 30px 100px;
    overflow: clip;
  }

  .container-keywords-expertise--home {
    margin-top: 30px;
  }

  .keyword-expertise-home {
    flex: none;
  }

  .header-tab--tabs-expertise {
    letter-spacing: 1px;
    font-family: Newake Font, sans-serif;
    font-size: 18px;
    font-weight: 700;
  }

  .header-achievements--home {
    flex-flow: column;
    align-items: flex-start;
  }

  .hero-about {
    background-image: none;
    padding: 100px 30px 20px;
    overflow: hidden;
  }

  .section-a-propos {
    box-shadow: none;
    padding: 0 30px 40px 0;
    overflow: hidden;
  }

  .hero-left--about {
    flex: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-hero--about {
    width: 100px;
    height: 100px;
    position: absolute;
    inset: 22% 8% auto auto;
  }

  .texte-presentation--about {
    margin-top: 50px;
    font-size: 18px;
  }

  .heading-2-42px--dark {
    margin-bottom: 20px;
  }

  .container-cta-call-menu {
    margin-left: 60px;
  }

  .section-tarification {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
  }

  .heading-category--hero-expertise {
    font-size: 16px;
    line-height: 34px;
  }

  .card-tool--page-expertise {
    width: 100%;
  }

  .container-cards-tools--page-expertise {
    margin-top: 20px;
  }

  .container-methodology {
    padding-bottom: 30px;
  }

  .content--card-step {
    flex-flow: column;
    flex: 0 auto;
    align-items: flex-start;
    width: 100%;
  }

  .content--card-step.right {
    flex: 1;
    margin-right: 20px;
  }

  .heading-3-28px--light-blue {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 35px;
  }

  .heading-step--light-blue {
    flex-flow: column;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 30px;
    display: flex;
  }

  .step--methodology {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .step--methodology.right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row-reverse;
  }

  .decorative-line--card-step {
    width: 15vw;
  }

  .decorative-line--card-step.right {
    flex-flow: row-reverse;
    width: 15vw;
  }

  .line--decorative-line.right {
    transform: rotate(180deg);
  }

  .title-methodology {
    padding-bottom: 40px;
  }

  .methodology {
    padding-top: 0;
  }

  .texte-card-steps {
    background-color: #f8f8f900;
    font-weight: 500;
  }

  .container-nav--swiper {
    justify-content: flex-start;
  }

  .card-step--methodology {
    flex-flow: column-reverse;
    flex: 1;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    min-width: auto;
    max-width: none;
    padding-right: 0;
    position: relative;
  }

  .card-step--methodology.right {
    flex-flow: column;
    flex: 1;
    align-items: flex-start;
    width: 100%;
    min-width: auto;
    padding-left: 0;
  }

  .overlay-image-step {
    background-image: linear-gradient(#091229b8, #091229b8);
    display: flex;
  }

  .container-image--card-step {
    z-index: -1;
    margin-bottom: 0;
    position: absolute;
    inset: 0% auto auto -27%;
  }

  .container-image--card-step.right {
    margin-bottom: 0;
    margin-right: 0;
    top: -15%;
    left: -25%;
  }

  .container-image--card-step.left {
    left: -20%;
  }

  .container-image--card-step.top {
    top: -37%;
  }

  .number-step {
    z-index: 1;
    clear: right;
    flex: none;
    align-self: stretch;
    width: 45px;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 79px;
    position: relative;
  }

  .number-step.right {
    justify-content: flex-start;
    margin-right: 10px;
    position: static;
  }

  .sticky-menu--expertise {
    border-bottom-left-radius: 7px;
    width: 100%;
  }

  .container-left--menu-sticky {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .link--menu-sticky-expertise {
    flex: none;
    width: auto;
    min-width: 140px;
    font-size: 14px;
  }

  .link--menu-sticky-expertise.last {
    border-right-style: none;
  }

  .link--menu-sticky-expertise.first {
    border-bottom-left-radius: 7px;
  }

  .link--menu-sticky-expertise.first.w--current {
    background-color: var(--background-medium-transparent);
  }

  .image-step--card-step.blue {
    position: static;
  }

  .image-step--card-step.right.small, .image-step--card-step.small {
    margin-bottom: 10px;
  }

  .faq-card {
    width: 100%;
  }

  .container-controls--swiper {
    align-self: flex-end;
    margin-right: auto;
  }

  .container-texte--card-step {
    justify-content: flex-end;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
  }

  .container-texte--card-step.right {
    flex-flow: row-reverse;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: 0;
  }

  .inner-container-faq {
    width: 100%;
    margin-top: 20px;
  }

  .heading-medium--light-blue.no-margin {
    line-height: 23px;
  }

  .content-contact-form--faq {
    width: 61%;
    margin-left: 20px;
  }

  .left--hero-content {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .left--hero-content._58 {
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .right--hero-content {
    width: 33%;
    display: flex;
    position: absolute;
    inset: 11% 3% auto auto;
  }

  .lottie-animation-hero-content {
    align-self: flex-start;
    width: 100%;
    position: static;
    inset: 0% 0% auto auto;
  }

  .texte-big--white {
    color: var(--color-white);
    width: 100%;
  }

  .close-button--contact-banner.visible {
    width: 35px;
    height: 35px;
  }

  .lottie-animation--card-expertise {
    width: 26%;
    top: 1%;
    right: 1%;
  }

  .text-logo--navbar {
    font-size: 24px;
  }

  .hero-privacy-policy {
    background-image: none;
    padding: 100px 0 20px 30px;
    overflow: hidden;
  }

  .container-top--footer {
    flex-flow: column;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .links--footer {
    width: 100%;
  }

  .section-policy {
    box-shadow: none;
    padding: 0 30px 40px;
    overflow: hidden;
  }

  .logo-slogan--footer {
    width: 100%;
  }

  .container-ctas--footer {
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
  }

  .brand--footer {
    width: 170px;
    margin-bottom: 0;
  }

  .brand--footer.w--current {
    width: auto;
    padding-left: 0;
  }

  .text-logo--footer {
    font-size: 36px;
  }

  .logo--footer {
    width: 40px;
  }

  .heading--footer {
    font-size: 20px;
  }

  .container-bottom-footer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .popup-contact {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 100vh;
    max-height: none;
    padding: 30px 15px 0 30px;
    overflow: auto;
  }
}

@media screen and (max-width: 479px) {
  .text-span {
    letter-spacing: 1px;
    font-size: 20px;
  }

  .footer {
    text-align: left;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-contact {
    width: 160px;
    margin-left: 20px;
    position: static;
  }

  .image-expertise {
    display: none;
  }

  .keyword-expertise {
    padding: 5px 10px;
    font-size: 12px;
  }

  .container-keywords-expertise {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 890px;
    margin-top: 20px;
  }

  .carte-mission {
    flex-flow: row;
    flex: 1;
    place-content: stretch flex-start;
    align-self: stretch;
    align-items: center;
    min-width: 100%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .container-missions-expertise.wrapped {
    align-content: flex-start;
  }

  .texte-carte-mission {
    text-align: left;
  }

  .right-arrow-svg, .left-arrow-svg {
    z-index: 21;
    align-items: center;
    margin-bottom: 5px;
    display: flex;
    position: absolute;
  }

  .close-button {
    z-index: 9999;
    top: 2%;
    right: -5%;
  }

  .close-button.expanded {
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    inset: 0% 0% auto auto;
  }

  .container-tarifs--page-expertise {
    align-items: center;
  }

  .timeline--centre {
    position: absolute;
    top: 34px;
    left: 14px;
  }

  .timeline--date-text {
    font-size: 24px;
  }

  .timeline--date-text.first {
    padding-top: 7px;
    font-size: 22px;
  }

  .timeline--text-experience {
    margin-bottom: 10px;
  }

  .timeline_right {
    margin-top: 0;
    padding-left: 20px;
  }

  .timeline_circle {
    box-shadow: 0 0 0 6px var(--background-medium-transparent);
  }

  .timeline_circle.first {
    box-shadow: 0 0 0 6px var(--background-medium-transparent);
    margin-top: 0;
    margin-bottom: 0;
    top: 9vh;
    left: 0;
    right: 0;
  }

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

  .timeline_progress-bar {
    height: 30vh;
    top: 0;
  }

  .timeline_progress {
    left: 20px;
  }

  .timeline--image-entreprise.change-color {
    width: 56%;
  }

  .timeline--image-entreprise.change-color.doctoclass {
    width: 63%;
  }

  .timeline--image-entreprise.change-color.rx {
    width: 42%;
  }

  .timeline--carte-realisations {
    padding: 15px;
  }

  .timeline-heading-achievements {
    letter-spacing: 2px;
    font-size: 22px;
  }

  .timeline---company-label.outlined {
    min-width: auto;
  }

  .svg-thiga {
    width: 65%;
  }

  .timeline--info {
    margin-left: 5px;
  }

  .timeline-annees-exp {
    align-self: center;
    min-width: 100px;
    height: 36px;
    margin-top: 10px;
    margin-left: 0;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .timeline_left__inner {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
  }

  .timeline--info-job {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .timeline--cat-info {
    min-width: 49px;
    padding-top: 2px;
  }

  .texte-18px--white {
    text-align: center;
    line-height: 24px;
  }

  .nav-main {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .nav-right-main {
    flex-flow: row;
    padding: 0;
  }

  .main-content {
    max-width: 100%;
    margin-top: 0;
    padding: 0;
    overflow: clip;
  }

  .main-content.sticky-menu {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-xxl--white {
    text-align: left;
    width: auto;
    max-width: none;
    margin-right: auto;
    font-size: 32px;
    line-height: 36px;
  }

  .heading-xxl--white._80 {
    font-size: 32px;
    line-height: 38px;
  }

  .container-filter-buttons--achievements {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    margin: 40px 0 5px 15px;
    padding-bottom: 10px;
    padding-left: 5px;
    position: static;
    inset: 140px 0% 0% 20px;
    overflow: auto;
  }

  .section-outils {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon {
    margin-left: 0;
    left: 80px;
  }

  .dropdown-list {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 170px;
    margin-top: -2px;
    display: none;
    left: -16px;
  }

  .dropdown-link {
    margin-left: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
  }

  .dropdown-link:hover {
    background-color: #fff0;
  }

  .dropdown-link-2 {
    margin-left: 10px;
    padding-left: 0;
    font-size: 15px;
  }

  .dropdown-link-2:hover {
    background-color: #fff0;
  }

  .dropdown-link-3 {
    margin-left: 10px;
    padding-left: 0;
    font-size: 15px;
  }

  .dropdown-link-3:hover {
    background-color: #fff0;
  }

  .dropdown-link-3.last {
    font-size: 14px;
  }

  .dropdown-link-3.last:hover {
    background-color: #fff0;
  }

  .hero-grid--container-headline.expanded {
    margin-top: 40px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .cell-about--expandable-container.expanded {
    margin-top: 30px;
  }

  .tabs-menu {
    flex-flow: row;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 5px;
    position: sticky;
  }

  .tab-link-tab-1.inactive-tab.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-education--tab-about {
    flex-flow: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-tab--about {
    margin-top: 20px;
    padding-top: 10px;
  }

  .item-education--school {
    align-items: center;
  }

  .item-education--heading-school, .item-education--diploma {
    text-align: center;
  }

  .cell-about-image-school {
    width: 100px;
  }

  .item-education--heading-year {
    font-size: 24px;
  }

  .item-education--year {
    justify-content: center;
    margin-right: 0;
  }

  .item-education--left {
    align-items: center;
  }

  .item-education--right {
    flex-flow: row;
    justify-content: center;
    width: 50%;
  }

  .separator--tabs-about {
    box-shadow: none;
    height: 10px;
  }

  .cell-about--item-skill {
    flex-flow: column;
    margin-bottom: 20px;
  }

  .heading-skill--tabs-about {
    text-align: center;
  }

  .item-skill--left {
    width: auto;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .cell-services--expandable-container.expanded {
    margin-top: 0;
  }

  .cell-services--card-service {
    width: 85%;
    height: 190px;
  }

  .heading-10 {
    line-height: 22px;
  }

  .paragraphe-medium-white {
    font-size: 18px;
    line-height: 24px;
  }

  .card-achievement {
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  .card-achievement.expanded {
    width: 100%;
    padding-top: 70px;
    padding-right: 5px;
  }

  .heading-company--card-achievement {
    line-height: 20px;
  }

  .heading-company--card-achievement.ir {
    font-size: 18px;
    line-height: 20px;
  }

  .section-achievements {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .filter-button--achievements.growth, .filter-button--achievements.cro {
    min-width: auto;
  }

  .filter-button--achievements.seo {
    align-self: center;
    min-width: auto;
  }

  .filter-button--achievements.leadgen {
    min-width: auto;
  }

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

  .heading-small--card-achievement {
    line-height: 30px;
  }

  .expandable-container--card-achievement.expanded {
    padding-left: 0;
    padding-right: 10px;
  }

  .container-cards--achievements {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .company--card-achievement {
    height: 33%;
    padding-top: 50px;
  }

  .company--card-achievement.expanded {
    height: 130px;
    padding-right: 20px;
    overflow: hidden;
  }

  .screenshots--card-achievement {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    display: flex;
    overflow: auto;
  }

  .screenshot--card-achievement {
    width: 100%;
  }

  .lightbox-link {
    flex: 1;
  }

  .category--card-achievement.cro {
    min-width: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .category--card-achievement.webdesign {
    min-width: 110px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .category--card-achievement.leadgen {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .category--card-achievement.inbound {
    min-width: 110px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .category--card-achievement.growth {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .screenshots-container--card-achievement {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow: auto;
  }

  .lightbox-link-2 {
    flex: none;
    width: 260px;
    min-width: auto;
  }

  .logo-company--card-achievement.expanded {
    margin-top: 0;
    margin-bottom: -10px;
  }

  .logo-company--card-achievement.hellolead.expanded {
    margin-top: 0;
  }

  .container-category--card-achievement.expanded {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    top: 2%;
    left: 2%;
    right: auto;
    overflow: visible;
  }

  .unordered-list {
    padding-left: 20px;
  }

  .unexpanded-heading--card-achivement {
    line-height: 29px;
    top: 42%;
  }

  .close-button-2 {
    width: 35px;
    height: 35px;
    top: 2vw;
  }

  .close-button-2.expanded {
    width: 30px;
    height: 30px;
    top: 0;
  }

  .text--close-button {
    font-size: 32px;
  }

  .expanded-heading--card-achivement {
    font-size: 26px;
    line-height: 34px;
  }

  .expanded-heading--card-achivement.expanded {
    font-size: 24px;
    line-height: 34px;
  }

  .cta--card-achievement {
    margin-top: 40px;
  }

  .ordered-list {
    padding-left: 20px;
  }

  .subheading-small--card-achievement {
    line-height: 30px;
  }

  .navbar-flex {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .navlink-menu {
    padding-left: 20px;
    font-size: 14px;
  }

  .icon-2 {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .heading-4-capital {
    margin-top: 20px;
  }

  .cta-achievement--timeline-item {
    width: 120px;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .menu-button {
    padding-right: 10px;
  }

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

  .logo--navbar {
    width: 40px;
  }

  .brand {
    flex: none;
    padding-left: 0;
  }

  .text-screenshot-achievement-copy {
    text-align: left;
  }

  .cta-site--card-achievement {
    position: relative;
  }

  .wrapper-popup-contact {
    height: auto;
  }

  .contact-form {
    width: 100%;
    max-height: none;
    padding: 40px 10px 20px 20px;
    overflow: auto;
  }

  .form {
    padding-top: 20px;
    padding-bottom: 100px;
    padding-right: 10px;
    overflow: auto;
  }

  .cta-contact--popup {
    flex: none;
    height: 50px;
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    position: static;
  }

  .heading--form {
    text-align: left;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    font-size: 26px;
  }

  .text-field {
    margin-bottom: 15px;
  }

  .form-block {
    margin-top: 0;
    margin-left: 0;
    padding: 20px 0 0;
    display: flex;
    overflow: auto;
  }

  .field-label {
    margin-bottom: 10px;
  }

  .close-button--contact-form {
    width: 35px;
    height: 35px;
    top: 0;
  }

  .close-button--contact-form.expanded {
    width: 30px;
    height: 30px;
    top: 0;
  }

  .container-top--contact-form {
    padding-left: 0;
    padding-right: 0;
  }

  .text--form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 22px;
  }

  .item--form-contact.double {
    width: 100%;
    margin-bottom: 10px;
  }

  .checkbox-label {
    font-size: 12px;
    font-weight: 500;
  }

  .container-radio--form-contact {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .container-double-items {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .container-double-items.column {
    flex-flow: column;
  }

  .checkbox-field {
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
  }

  .cta-download--cell-about {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .heading-1--page-service {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
    inset: 0 0% 0% 20px;
    overflow: auto;
  }

  .hero-expertise {
    background-image: none;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .hero-content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .hero-content.row {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-large--white {
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 30px;
  }

  .text-block-13 {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
  }

  .banner-contact {
    height: auto;
    padding: 40px 20px;
  }

  .content--banner-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .texte-presentation--page-expertise {
    text-align: left;
    margin-top: 20px;
  }

  .card-reinsurance--page-expertise:hover {
    transform: none;
  }

  .container-cards-reinsurance--page-expertise {
    width: 96%;
    margin-top: 40px;
    margin-left: 15px;
    position: static;
    inset: auto 0% 0%;
  }

  .heading-reinsurance-card.home {
    font-size: 16px;
  }

  .tabs {
    width: 100%;
  }

  .tabs-content-2 {
    flex: none;
    align-self: stretch;
    min-height: 25vh;
    padding: 20px 10px 40px;
  }

  .tabs-menu-2 {
    display: flex;
  }

  .tab-link-tab-1-2 {
    border-top-left-radius: 7px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-tab-1-2.w--current {
    flex: 0 auto;
    width: 33%;
  }

  .tab-link-tab-3 {
    justify-content: center;
    display: flex;
  }

  .tab-link-tab-3.w--current {
    border-top-right-radius: 7px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-link-tab-2 {
    flex: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-tab {
    flex: none;
    font-size: 16px;
  }

  .container-input--form-tarifs {
    flex-flow: column;
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    padding: 10px 20px;
  }

  .input--tarifs.day {
    width: 80px;
  }

  .input--tarifs.month-2 {
    flex: 1;
    justify-content: center;
    font-weight: 500;
    display: flex;
  }

  .card-tarifs--page-expertise {
    flex: none;
    justify-content: center;
    align-self: stretch;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
  }

  .container-input--tarifs {
    flex: 1;
    margin-top: 0;
    margin-left: 0;
  }

  .input-unit--tarifs {
    text-align: center;
    flex: 1;
    font-weight: 500;
  }

  .container-tarifs--right {
    flex-flow: column;
    justify-content: center;
    align-self: center;
    width: 100%;
    margin-top: 40px;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    overflow: hidden;
  }

  .heading-tarifs {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
  }

  .container-tarifs--left {
    margin-top: 20px;
    padding-bottom: 0;
  }

  .divider--form-tarifs {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .hero-achievements {
    background-image: none;
    padding: 100px 0 20px;
  }

  .icon-3 {
    left: 137.906px;
  }

  .dropdown-menu--navbar {
    display: none;
  }

  .link--dropdown-menu, .link--dropdown-menu.w--current {
    padding-left: 30px;
  }

  .inner--container-input-tarifs {
    align-self: stretch;
  }

  .container-tarifs--page-expertise-copy, .container-tarifs--page-expertise-copy-copy, .container-tools--page-expertise {
    align-items: center;
  }

  .heading-hero---home {
    text-align: left;
    width: 100%;
    max-width: none;
    margin-right: auto;
    font-size: 30px;
    line-height: 34px;
  }

  .hero-content--home {
    margin-top: 0;
    padding-top: 0;
  }

  .slogan-hero--home {
    text-align: left;
    width: 100%;
    margin-left: auto;
    font-size: 20px;
  }

  .hero-home {
    background-image: none;
    padding: 120px 20px 180px;
  }

  .headline-container--home {
    border-bottom-style: solid;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .subheading-hero-home {
    color: var(--text-gray-medium);
    letter-spacing: -.5px;
    border-left-style: none;
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    font-size: 20px;
    font-weight: 500;
  }

  .bold-text {
    border-bottom: 1px #bfcde747;
    border-right-style: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-size: 56px;
    display: flex;
  }

  .satisfaction {
    padding-top: 180px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-cards-offers.swiper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .container-reinsurance-cards--home {
    width: 96%;
    margin-left: 0;
    padding-left: 0;
  }

  .card-offer--big {
    width: 264px;
  }

  .hero-top--page-expertise {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1--page-expertise {
    text-align: left;
    width: auto;
    max-width: none;
    margin-right: auto;
    font-size: 40px;
    line-height: 40px;
  }

  .card-reinsurance--home:hover {
    transform: none;
  }

  .container-achievements--home.swiper {
    margin-bottom: 0;
  }

  .heading-xxl--main._70 {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .heading-xxl--main.right {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-xxl--main._60 {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .texte-20px-400--light-blue {
    width: 100%;
  }

  .expertises, .expertises.dark {
    padding: 40px 20px;
  }

  .expertises-tabs--home {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
  }

  .expertise-tab-content--home {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  .branding-nav {
    width: 48%;
  }

  .branding-nav.click4, .branding-nav.click4.w--current {
    flex: none;
    width: 48%;
    height: 60px;
  }

  .branding-nav.click2 {
    flex: none;
    width: 48%;
    height: 60px;
    padding: 20px;
  }

  .branding-nav.click1 {
    flex: none;
    align-self: stretch;
    width: 48%;
    height: 60px;
  }

  .branding-nav.click1.w--current {
    flex: none;
    width: 48%;
    height: 60px;
    padding: 20px;
    font-size: 20px;
  }

  .branding-nav.click3 {
    flex: none;
    width: 48%;
    height: 60px;
  }

  .branding-nav.click3.w--current {
    flex: 1;
  }

  .expertises-tabs-menu--home {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: space-between;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .expertise-card--home {
    flex-flow: column;
    width: 100%;
    padding-bottom: 30px;
    font-size: .8em;
  }

  .heading-3-42px--white.underlined._80 {
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
  }

  .branding-collection-list-text {
    padding: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .cta-contact.cta-big--light-blue {
    width: 100%;
    font-size: 14px;
  }

  .cta-contact.cta-big--light-blue.footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .cta-contact.cta-medium--light-blue {
    width: 100%;
    font-size: 14px;
  }

  .cta-contact.cta-big--transparent.white.left {
    margin-left: auto;
  }

  .cta-contact.cta-big--transparent.white.small {
    height: 40px;
    margin-left: auto;
  }

  .cta-contact.cta-xxl--light-blue {
    width: 100%;
    font-size: 14px;
  }

  .header-offers--home {
    justify-content: space-between;
    align-items: stretch;
  }

  .offers {
    background-color: #0000;
    padding: 40px 20px;
  }

  .container-offers--home {
    align-self: auto;
    align-items: center;
    margin-top: 40px;
    overflow: hidden;
  }

  .container-ctas-hero--home {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    margin-top: 40px;
    padding: 0;
  }

  .cta-big--transparent {
    width: 100%;
    font-size: 14px;
  }

  .cta-big--transparent.blue-border {
    width: 100%;
  }

  .achievements {
    padding: 40px 20px;
  }

  .faq {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-achievement--home {
    width: 450px;
  }

  .container-keywords-expertise--home {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 890px;
    margin-top: 20px;
  }

  .cta-link--main.small.no-border {
    flex: 1;
    margin-left: 0;
  }

  .keyword-expertise-home {
    padding: 5px 10px;
    font-size: 12px;
  }

  .header-tab--tabs-expertise {
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
  }

  .container-achievements {
    margin-bottom: 0;
  }

  .container-cta-link--main {
    justify-content: center;
    align-self: stretch;
    width: auto;
    margin-top: 40px;
  }

  .hero-about {
    background-image: none;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .section-a-propos {
    padding-top: 0;
    padding-left: 0;
    padding-right: 20px;
  }

  .hero-left--about {
    margin-bottom: 20px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-hero--about {
    background-image: linear-gradient(138deg, #0912299e, #0912290f), url('../images/mathieu-milon-shamalo.webp');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    width: 80px;
    height: 80px;
    top: 0%;
  }

  .cta-link--dark {
    text-align: left;
    padding-right: 30px;
  }

  .cta-link--dark.blue-border {
    justify-content: flex-start;
    width: 100%;
  }

  .container-cta-call-menu {
    margin-left: 20px;
  }

  .section-tarification {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-category--hero-expertise {
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding: 2px 14px 1px;
    font-size: 16px;
    line-height: 38px;
  }

  .card-tool--page-expertise {
    width: 100%;
  }

  .container-cards-tools--page-expertise {
    margin-top: 40px;
  }

  .heading-3-28px--light-blue, .heading-step--light-blue {
    font-size: 24px;
  }

  .step--methodology {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .decorative-line--card-step {
    width: 13vw;
    display: none;
  }

  .title-methodology {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .methodology {
    padding-bottom: 10px;
  }

  .container-image--card-step, .container-image--card-step.right {
    left: -12%;
  }

  .sticky-menu--expertise {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-flow: row;
    width: 100%;
    height: 50px;
    margin-left: auto;
    padding-right: 0;
    overflow: auto;
  }

  .container-left--menu-sticky {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
  }

  .link--menu-sticky-expertise {
    flex: none;
    width: auto;
    min-width: 145px;
  }

  .link--menu-sticky-expertise.last {
    flex: none;
    width: 160px;
  }

  .link--menu-sticky-expertise.first {
    letter-spacing: 1.5px;
    flex: none;
  }

  .sticky-menu {
    padding-left: 0;
    display: flex;
    top: 70px;
    left: 0;
  }

  .faq-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title--faq-card {
    font-size: 18px;
    line-height: 22px;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .container-controls--swiper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-self: stretch;
    width: 100%;
    margin-top: 20px;
    margin-right: auto;
    display: none;
  }

  .container-texte--card-step {
    width: 95%;
    padding-left: 20px;
  }

  .container-texte--card-step.right {
    width: 95%;
  }

  .inner-container-faq {
    width: 100%;
  }

  .banner-contact--vertical-blue {
    padding: 20px;
    top: 130px;
  }

  .banner-contact--vertical-blue.no-submenu {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-medium--light-blue.no-margin {
    text-align: center;
    width: 90%;
    font-size: 18px;
    line-height: 20px;
  }

  .lottie--banner-contact {
    display: none;
  }

  .content-contact-form--faq {
    align-items: center;
    width: 100%;
    margin-left: 0;
  }

  .left--hero-content {
    width: 100%;
  }

  .left--hero-content._58 {
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .left--hero-content._68 {
    width: 100%;
  }

  .right--hero-content {
    display: none;
  }

  .texte-big--white {
    width: 100%;
  }

  .close-button--contact-banner {
    width: 30px;
    height: 30px;
    font-size: 27px;
    top: 0;
  }

  .close-button--contact-banner.expanded {
    width: 30px;
    height: 30px;
    top: 0;
  }

  .close-button--contact-banner.visible {
    width: 30px;
    height: 30px;
  }

  .content--card-expertise--home {
    width: 100%;
  }

  .lottie-animation--card-expertise {
    width: 134px;
  }

  .lottie-animation--card-expertise.cro, .lottie-animation--card-expertise.content {
    width: 33%;
  }

  .banner-contact--horizontal-blue {
    padding: 20px;
    top: 130px;
  }

  .banner-contact--horizontal-blue.no-submenu {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-privacy-policy {
    background-image: none;
    padding: 100px 0 20px;
    position: relative;
  }

  .container-top--footer {
    flex-flow: column;
  }

  .links--footer {
    width: 100%;
  }

  .section-policy {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-slogan--footer {
    width: 100%;
  }

  .link--footer.w--current {
    flex: 1;
  }

  .container-ctas--footer {
    flex-flow: column;
  }

  .brand--footer {
    flex: none;
    padding-left: 0;
  }

  .text-logo--footer {
    font-size: 38px;
  }

  .logo--footer {
    width: 40px;
  }

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

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

  .container-bottom-footer {
    text-align: center;
  }

  .popup-contact {
    width: 100%;
    max-height: none;
    padding: 40px 10px 20px 20px;
    overflow: auto;
  }
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed6818-22658594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed682e-22658594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed6818-595e24c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed682e-595e24c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed6818-cc9eaf48 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed682e-cc9eaf48 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed6818-7520a8a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_31666a71-014e-b9df-bbba-c9d8aeed682e-7520a8a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-a61cbed3-6f57-e1d3-6391-2798189b94ff-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b954a-7883cc3f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b9551-7883cc3f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b9553-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b9596-7883cc3f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b959d-7883cc3f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b959f-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b95e6-7883cc3f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b95ef-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b9672-7883cc3f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b967b-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b96c6-7883cc3f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a61cbed3-6f57-e1d3-6391-2798189b96cf-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a61cbed3-6f57-e1d3-6391-2798189b94ff-7883cc3f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Newake Font';
  src: url('../fonts/Newake-Font-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Leonsans';
  src: url('../fonts/LeonSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Leonsans';
  src: url('../fonts/LeonSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Leonsans';
  src: url('../fonts/LeonSans-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Leonsans';
  src: url('../fonts/LeonSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Leonsans';
  src: url('../fonts/LeonSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}