:root {
  --primary-dark: black;
  --white: white;
  --paragraph-gray: #8e8e8e;
  --primary-clair: #f0ece6;
  --white-opacity-10: #ffffff1a;
  --white-70: #ffffffb3;
  --transparent: #fff0;
  --dark-gray\<deleted\|variable-e2382e90\>: #8e8e8e;
  --white-50: #ffffff80;
  --untitled-ui--primary700: #f0ece6;
  --untitled-ui--success700: #27bb31;
  --dark-gray: #323232;
  --untitled-ui--gray600: #475467;
  --untitled-ui--white: white;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--primary600: #f0ece6;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary800: #f0ece6;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--success50: #ecfdf3;
  --primary-light: #eef4f8;
  --gray: #e9e9e9;
}

body {
  background-color: var(--primary-dark);
  color: var(--primary-dark);
  font-family: Geist, sans-serif;
  font-size: 16px;
  line-height: 1em;
}

h1 {
  color: var(--white);
  letter-spacing: -1.5px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2em;
}

h2 {
  color: var(--white);
  letter-spacing: -1.26px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2em;
}

h3 {
  color: var(--white);
  letter-spacing: -.9px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.2em;
}

h4 {
  color: var(--white);
  letter-spacing: -.72px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2em;
}

h5 {
  color: var(--white);
  letter-spacing: -.6px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2em;
}

h6 {
  color: var(--white);
  letter-spacing: -.54px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2em;
}

p {
  color: var(--paragraph-gray);
  letter-spacing: -.54px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

a {
  color: var(--white);
  text-transform: uppercase;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  transition: all .35s;
}

a:hover {
  opacity: .7;
  font-weight: 400;
}

ul {
  grid-row-gap: 15px;
  background-color: var(--paragraph-gray);
  color: var(--white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: var(--white);
  align-items: center;
  line-height: 1.4em;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: 10px;
  display: block;
}

blockquote {
  color: var(--white);
  letter-spacing: -1.08px;
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a0451971f0_%E2%80%9C.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 34px;
  border-left: 1px #000;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 54px 20px 10px 44px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.1;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

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

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

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

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

.section {
  padding-top: 120px;
  padding-bottom: 160px;
  position: relative;
  overflow: hidden;
}

.section.licensing-fonts {
  padding-top: 0;
  padding-bottom: 0;
}

.section.banner-our-team {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  display: flex;
}

.section.banner-our-team.mobile-no-bottom-spacing {
  padding-top: 180px;
  padding-bottom: 60px;
}

.section.banner-our-team.mobile-no-bottom-spacing.beige {
  margin-top: 8.2rem;
  padding-top: 60px;
}

.section.banner-service-template {
  background-color: var(--white);
  border: 0 #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 7.3rem;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.section.without-bottom-spacing {
  padding-bottom: 0;
}

.section.banner-q-a {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 60px;
  display: flex;
}

.section.about-us-banner {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 70px;
  display: flex;
}

.section.about-us-banner.beige {
  margin-top: 8.2rem;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.blue-background {
  background-color: var(--primary-clair);
}

.section.landing-banner {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a04519725b_Logo%20Outline.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 160px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.without-space {
  padding-top: 0;
  padding-bottom: 0;
}

.section.overflow-visible {
  overflow: visible;
}

.section.team-section {
  padding-top: 80px;
}

.section.primary-green-bg {
  background-color: var(--primary-clair);
}

.section.image-full-width {
  min-height: 500px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.expand {
  height: 300vh;
  position: static;
  overflow: visible;
}

.section.expand.black {
  padding-top: 120px;
  padding-bottom: 160px;
}

.section.team-banner-template {
  margin-top: 8.2rem;
  padding-top: 120px;
  padding-bottom: 0;
  overflow: visible;
}

.section.banner-services-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
}

.section.template-section {
  overflow: visible;
}

.section.template-section.without-bottom-space {
  padding-bottom: 0;
}

.section.template-section.beige {
  background-color: #000;
  padding: 120px 0 160px;
}

.section.template-section.beige.xp {
  padding-bottom: 0;
}

.section.banner-clients {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a0451971cb_Vector%201%20(Stroke)%20(1).webp");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 420px;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 80px;
  display: flex;
}

.section.banner-clients.beige {
  background-color: #f0ece6;
  background-image: none;
  margin-top: 8.2rem;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.contact-banner {
  background-color: #fff;
  padding-top: 120px;
}

.section.banner-job-position-template {
  background-color: var(--primary-clair);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 80px;
  display: flex;
}

.section.blog-post-section {
  padding-top: 140px;
  overflow: visible;
}

.section.cases-3-banner {
  background-color: var(--primary-clair);
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a0451971cb_Vector%201%20(Stroke)%20(1).webp");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 420px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 100px;
  display: flex;
}

.section.case-banner {
  padding-top: 160px;
  padding-bottom: 60px;
}

.section.banner-changelog {
  background-color: var(--primary-clair);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 80px;
  display: flex;
}

.section.licensing-banner {
  background-color: var(--primary-clair);
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a0451971cb_Vector%201%20(Stroke)%20(1).webp");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 320px;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8.2rem;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.section.banner-services-categoty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  display: flex;
}

.section.beige {
  background-color: #f0ece6;
}

.section.without-top-spacing.black {
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 0;
}

.section.without-top-spacing.beige {
  padding-top: 120px;
  padding-bottom: 160px;
}

.section.cta-section {
  overflow: hidden;
}

.section.counter-section {
  justify-content: flex-end;
  align-items: center;
  height: 640px;
  padding-top: 140px;
  display: flex;
  overflow: hidden;
}

.section.counter-section.klein {
  opacity: 1;
  background-color: #002fa7;
  height: auto;
  padding: 120px 0 160px;
}

.section.counter-section.beige {
  height: auto;
  margin-bottom: auto;
  padding-top: 120px;
  padding-bottom: 160px;
  top: auto;
}

.section.counter-section.beige:hover {
  color: var(--primary-dark);
}

.section.services-section {
  border: 1px solid var(--primary-dark);
  background-color: var(--primary-dark);
  padding-top: 120px;
  padding-bottom: 160px;
}

.section.services-section.is-dark-bg {
  padding: 120px 0 160px;
}

.section.black {
  background-color: #000;
}

.section.black.actu {
  background-color: #f0ece6;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 160px;
  display: block;
}

.base-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1180px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.base-container.align-left {
  align-items: flex-start;
}

.base-container.beige {
  background-color: #f0ece6;
}

.base-container.black {
  background-color: #000;
  width: 100%;
  margin-top: 0;
}

.base-container.black.glass-card {
  width: auto;
  padding-top: 80px;
}

.base-container.banner-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.base-container.footer.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.primary-button {
  border: 1px solid var(--white);
  background-color: var(--white-opacity-10);
  color: var(--white);
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  transition: background-color .3s linear, border-color .3s linear;
  display: inline-flex;
}

.primary-button:hover {
  background-color: var(--white-opacity-10);
  opacity: 1;
  color: var(--white);
}

.primary-button.full-width-mobile {
  display: block;
}

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

.primary-button.button-outline:hover {
  background-color: var(--white);
  color: var(--primary-dark);
}

.primary-button.submit-button {
  min-width: 100%;
  display: block;
}

.primary-button.submit-button.contact {
  border-color: var(--primary-dark);
  background-color: var(--primary-dark);
  color: var(--white);
}

.primary-button.submit-button.contact.uui-button-2 {
  border-radius: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Geist, sans-serif;
  font-size: 16px;
}

.primary-button.submit-button.contact.uui-button-2.big {
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer {
  background-color: var(--primary-dark);
  text-align: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  overflow: hidden;
}

.footer-bottom-wrapper {
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.footer-rights {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  color: var(--paragraph-gray);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.footer-copyright {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  color: var(--paragraph-gray);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.footer-copyright-link {
  color: var(--white-70);
  letter-spacing: .2px;
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
}

.footer-copyright-link:hover {
  opacity: 1;
  color: var(--white);
}

.section-title-wrapper {
  text-align: center;
  max-width: 840px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.section-title-wrapper.values-title-wrapper {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/6878194470c067c1a9fe0f20_bsf_extra_small.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  width: 720px;
  max-width: 720px;
}

.section-title-wrapper.values-title-wrapper.glass-card {
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/6878194470c067c1a9fe0f20_bsf_extra_small.svg");
  background-position: 0 0;
  background-size: auto;
}

.section-title-wrapper.align-center {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.section-title-wrapper.team-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.text-white {
  color: var(--white);
  font-size: 18px;
}

.text-white.paragraph-no-margin {
  color: var(--paragraph-gray);
}

.text-white.paragraph-no-margin.gray {
  color: var(--white-70);
  text-align: left;
  margin-bottom: 0;
  display: block;
}

.paragraph-no-margin {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  display: none;
}

.paragraph-no-margin.text-white {
  color: var(--white);
}

.paragraph-no-margin.text-light {
  color: var(--primary-dark);
  font-family: Geist, sans-serif;
  font-size: 24px;
}

.hidden {
  display: none;
}

.footer-social-icons-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.footer-top-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100px;
  display: flex;
}

.footer-brand-column {
  border-right: 1px solid var(--white-opacity-10);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 0 20px;
  display: flex;
}

.footer-social-icon {
  color: var(--paragraph-gray);
  border: 1px #ffffff1a;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-family: "Fa Brands 400", Arial, sans-serif;
  font-size: 18px;
  transition: all .3s;
  display: flex;
}

.footer-social-icon:hover {
  border-color: var(--white-50);
  opacity: 100;
  color: var(--white);
}

.footer-logo {
  vertical-align: middle;
  width: 80%;
  max-width: none;
  padding-left: 0;
}

.without-top-spacing {
  padding-top: 0;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  height: 68px;
  font-size: 14px;
  display: flex;
  inset: auto 292px 0% auto;
}

.services-slider {
  background-color: var(--transparent);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1180px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.arrow-right {
  margin-top: 3px;
  font-family: "Fa solid 900", Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
}

.empty-state {
  background-color: var(--transparent);
  color: var(--white);
  text-align: center;
}

.empty-state.nav-empty {
  color: var(--primary-dark);
  text-align: left;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.empty-state.empty-full-height {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.center-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-rights-wrapper {
  grid-column-gap: 5px;
  flex-wrap: wrap;
  display: flex;
}

.footer-column {
  border-right: 1px solid var(--white-opacity-10);
  flex-direction: column;
  align-items: stretch;
  width: 31%;
  padding-top: 95px;
  padding-bottom: 30px;
  padding-right: 30px;
  display: flex;
}

.footer-column.last-child {
  text-align: left;
  border-right-style: none;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 0 20px;
}

.footer-column.center {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 0 20px;
}

.foter-contact-link {
  color: var(--paragraph-gray);
  text-align: center;
  letter-spacing: -.72px;
  text-transform: none;
  font-size: 16px;
  font-weight: 300;
}

.footer-contact-link {
  color: var(--white);
  letter-spacing: -.72px;
  text-transform: none;
  font-size: 16px;
}

.footer-contatct-wrap {
  justify-content: flex-start;
  align-items: center;
}

.footer-contatct-wrap.margin-bottom-10 {
  margin-bottom: 10px;
}

.link-line {
  background-color: var(--white);
  width: 100%;
  height: 1px;
}

.dual-contacts-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.column-contacts-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
}

.footer-bottom-text-wrap {
  border-top: 1px solid var(--white-opacity-10);
  border-bottom: 1px solid var(--white-opacity-10);
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}

.footer-text-wrap {
  flex-direction: column;
  align-items: center;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-text-big {
  color: #8e8e8e;
  text-align: center;
  text-transform: uppercase;
  max-width: 1180px;
  font-size: 83px;
  font-weight: 900;
  line-height: .8em;
}

.footer-text-big:lang(en) {
  font-size: 66px;
}

.subheading {
  color: var(--primary-dark);
  margin-top: 0;
  margin-bottom: 0;
}

.subheading-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
}

.subheading-wrap.tabs-subheading {
  justify-content: space-between;
  align-items: center;
}

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

.subheading-wrap.margin-top-10 {
  margin-top: 10px;
}

.subheading-wrap.mobile-align-left {
  color: var(--white);
  justify-content: flex-start;
  display: flex;
}

.head {
  color: var(--primary-dark);
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1em;
}

.head.white {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 68px;
  font-weight: 600;
}

.head.cgu {
  font-size: 44px;
}

.head.margin-top {
  color: var(--primary-dark);
  text-align: left;
  letter-spacing: 2px;
  width: 100%;
  min-width: 100%;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 90px;
  font-weight: 900;
  line-height: 1.1em;
}

.manifesto-button-wrap {
  flex-flow: row-reverse wrap-reverse;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  display: inline-flex;
}

.manifesto-button-wrap.margin-top-40 {
  margin-top: 40px;
}

.manifesto-button-wrap.manifesto, .manifesto-button-wrap.center {
  justify-content: center;
}

.manifesto-button-wrap.leftbtn {
  justify-content: flex-end;
}

.manifesto-button-wrap.bocie {
  flex-flow: row;
  justify-content: center;
  margin-right: 0;
}

.manifesto-button-wrap.manifesto, .manifesto-button-wrap.center {
  justify-content: center;
}

.heading-no-margin {
  color: var(--white);
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2em;
}

.heading-no-margin.center-title {
  text-align: center;
  text-transform: none;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2em;
  display: block;
}

.heading-no-margin.center-title.left-title {
  text-align: left;
  text-align: left;
  font-size: 28px;
  line-height: 1.4em;
}

.service-item-overlay {
  background-color: #0000;
  display: block;
  position: absolute;
  inset: 0%;
}

.service-image {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 32px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.service-text-wrap {
  z-index: 2;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 420px;
  margin: 40px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.service-number {
  color: var(--primary-dark);
  letter-spacing: -.54px;
  font-size: 18px;
}

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

.service-title-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-transform: none;
  max-width: 300px;
}

.h3-heading-link {
  color: var(--white);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  width: auto;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: block;
}

.h3-heading-link.team {
  color: var(--white);
  text-transform: none;
  font-size: 22px;
}

.h3-heading-link.black {
  color: var(--primary-dark);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.home-service-collection-item {
  width: 32.2%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.home-service-collection-item.item-full-width {
  width: auto;
}

.service-item-wrap {
  height: 100%;
  display: flex;
  position: relative;
}

.service-item-bg {
  z-index: 1;
  background-color: var(--primary-clair);
  height: 1px;
  display: none;
  position: absolute;
  inset: 0%;
}

.text-big {
  color: var(--white);
  text-align: center;
  letter-spacing: -1.8px;
  width: 100%;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.3em;
  display: block;
}

.text-big.margin-bottom-5 {
  margin-bottom: 5px;
}

.counter-text-description {
  color: var(--primary-dark);
  letter-spacing: -.48px;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 16px;
}

.team {
  color: var(--white-70);
  letter-spacing: 1.4px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
}

.team.sepc {
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  min-height: 50px;
  margin-top: 0;
  font-size: 16px;
  font-style: normal;
}

.team.maj {
  color: var(--paragraph-gray);
  text-transform: none;
}

.team.maj.nomgbtm {
  margin-bottom: 4px;
}

.cta-description-wrap {
  text-align: center;
  width: 100%;
  max-width: 440px;
}

.cta-content-wrap {
  z-index: 1;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cta-image {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 800px;
  position: absolute;
  inset: 0%;
}

.cta-overlay {
  background-color: #6e6e6e80;
  line-height: 1.2em;
  position: absolute;
  inset: 0%;
}

.primary-button-with-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--white);
  background-color: var(--primary-dark);
  color: var(--white);
  text-align: center;
  letter-spacing: -.42px;
  text-transform: uppercase;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .3s linear, border-color .3s linear;
  display: inline-flex;
}

.primary-button-with-icon:hover {
  background-color: var(--transparent);
  opacity: 1;
  color: var(--white);
}

.primary-button-with-icon.uui-button-2.is-button-large:hover, .primary-button-with-icon.uui-button-2.is-button-large:focus {
  border-color: var(--dark-gray);
  background-color: var(--dark-gray);
}

.primary-button-with-icon.uui-button-2.is-button-large:hover, .primary-button-with-icon.uui-button-2.is-button-large:focus {
  border-color: var(--dark-gray);
  background-color: var(--dark-gray);
}

.primary-button-with-icon.uui-button-2.is-button-large {
  border-color: var(--primary-dark);
  background-color: var(--primary-dark);
  letter-spacing: 1.4px;
  border-radius: 32px;
  padding-top: 15px;
  font-family: Geist, sans-serif;
  font-size: 16px;
}

.primary-button-with-icon.uui-button-2.is-button-large:hover, .primary-button-with-icon.uui-button-2.is-button-large:focus {
  border-color: var(--dark-gray);
  background-color: var(--dark-gray);
}

.button-arrow {
  font-family: "Fa solid 900", Arial, sans-serif;
}

.black-linear-overlay {
  background-image: linear-gradient(90deg, #0c0603a8, #0000 88%);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.counter-content-right-wrap {
  z-index: 1;
  text-align: center;
  width: 100%;
  max-width: none;
  position: relative;
}

.counter-content-right-wrap.bocie {
  max-width: 860px;
}

.counter-hero-wrapper {
  justify-content: center;
  align-items: center;
}

.counter-home-2-wrapper {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
}

.counter-info-item {
  color: var(--white);
  width: 33%;
}

.counter-info-item.last-child {
  text-align: left;
  text-align: left;
}

.counter-about-wrap {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.counter-about-wrap.about {
  max-width: 720px;
  font-size: 28px;
}

.counter-image-absolute {
  opacity: .82;
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.services-home-2-section-title-wrap {
  z-index: 3;
  background-color: var(--primary-dark);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
  position: relative;
}

.home-2-services-title-wrap {
  text-align: left;
  width: 380px;
  max-width: 380px;
  margin-top: 20px;
}

.services-slider-wrap {
  border: 1px solid var(--primary-dark);
  flex-flow: row;
  align-items: stretch;
  position: relative;
}

.services-slider-mask {
  border-top: 1px #000;
  max-width: 440px;
  overflow: visible;
}

.services-slide {
  margin-right: 20px;
}

.home-2-services-collection-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.services-slider-arrow {
  border: 1px solid var(--white-opacity-10);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  transition: all .35s;
  display: flex;
  inset: auto auto 0% 15px;
}

.services-slider-arrow:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--primary-dark);
}

.services-slider-arrow.arrow-right {
  left: 95px;
}

.services-slider-arrow.left-arrow {
  background-color: var(--primary-dark);
  display: flex;
  inset: auto 80px 0% auto;
}

.services-slider-arrow.left-arrow:hover {
  background-color: var(--white);
}

.slider-arrow-icon {
  font-family: "Fa solid 900", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1;
}

.slider-dark-bg {
  z-index: 2;
  background-color: var(--primary-dark);
  width: 45%;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-quote {
  letter-spacing: -1.08px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-bottom: 0;
  padding: 0;
  font-style: normal;
}

.text-quote-wrap {
  position: relative;
}

.light-color-overlay {
  z-index: 3;
  background-color: #0b0b0bb3;
  width: 100%;
  min-height: 43px;
  position: absolute;
  inset: 30px 0% auto auto;
}

.light-color-overlay.row-4 {
  top: 150px;
}

.light-color-overlay.row-5 {
  top: 190px;
}

.light-color-overlay.row-6 {
  top: 230px;
}

.light-color-overlay.row-7 {
  top: 267px;
}

.light-color-overlay.row-8 {
  top: 310px;
}

.light-color-overlay.row-2 {
  top: 70px;
}

.light-color-overlay.row-3 {
  top: 110px;
}

.light-color-overlay.row-9 {
  top: 350px;
}

.light-color-overlay.row-10 {
  top: 385px;
}

.services-collection-list-wrapper {
  height: 100%;
}

.hero-reviews-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
}

.reviews-info-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--transparent);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 20px;
}

.review-slider {
  background-color: var(--transparent);
  width: 100%;
  height: auto;
  margin-top: 0;
}

.reviews-text-content-block {
  justify-content: flex-start;
  width: 70%;
}

.review-content {
  color: var(--primary-dark);
  text-align: left;
  letter-spacing: -1.26px;
  max-width: none;
  padding-right: 0;
  font-family: PT Serif, serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5em;
}

.review-content.home-3-content {
  height: auto;
}

.review-content.testimonials-content {
  letter-spacing: -.9px;
  font-size: 24px;
  line-height: 1.2em;
}

.review-content.home-quote {
  padding-right: 20px;
  font-family: PT Serif, serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5em;
}

.review-author-wrap {
  margin-top: 0;
}

.reviews-slider-arrow {
  border: 1px solid var(--white-opacity-10);
  background-color: var(--primary-dark);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  transition: all .35s;
  display: flex;
  inset: auto 0% 0% auto;
}

.reviews-slider-arrow:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--primary-dark);
}

.reviews-slider-arrow.left-arrow {
  right: 80px;
}

.reviews-slider-arrow.bg-green {
  background-color: var(--primary-clair);
}

.reviews-slider-arrow.bg-green:hover {
  color: var(--white);
}

.slider-review-content {
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}

.contacts-image {
  width: 700px;
  position: absolute;
  inset: 13% auto auto -32%;
}

.contacts-image.svg-elem-1 {
  border: 17px #000;
  top: 0%;
}

.promotion-labels-wrapper-to-remove {
  z-index: 2147483647;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

.promotion-label-close {
  cursor: pointer;
  padding: 10px 20px;
  position: absolute;
  top: -7px;
  right: -14px;
}

.promotion-label-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
  position: absolute;
  right: 10px;
}

.promotion-coupon {
  color: #101828;
  background-color: #fff;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  display: inline-block;
}

.promotion-label-paragraph {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  max-width: 94%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
}

.promotion-label-buy-this-template {
  color: #000;
  letter-spacing: normal;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 144px;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.promotion-label-buy-this-template:hover {
  opacity: 1;
  color: #000;
}

.promotion-label-more-templates {
  color: #000;
  letter-spacing: normal;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 144px;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.promotion-label-more-templates:hover {
  opacity: 1;
  color: #000;
}

.promotion-label-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 15px;
  display: flex;
  position: relative;
}

.promotion-label-button {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 5px 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3em;
}

.promotion-label-button:hover {
  opacity: 1;
  color: #ffffffb3;
}

.promotion-icon {
  object-fit: contain;
  margin-right: 8px;
}

.close-image {
  width: 12px;
  height: 12px;
}

.promotion-label-left {
  background-color: #0055d4;
  border-radius: 4px;
  width: 100%;
  max-width: 290px;
  position: absolute;
}

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

.heading {
  color: var(--primary-dark);
}

.primary-button-line-black {
  border: 1px solid var(--primary-dark);
  background-color: var(--transparent);
  color: var(--primary-dark);
  text-align: center;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  transition: background-color .3s linear, border-color .3s linear;
  display: inline-flex;
}

.primary-button-line-black:hover {
  border-color: var(--primary-dark);
  background-color: var(--primary-dark);
  opacity: 1;
  color: var(--white);
}

.primary-button-line-black.full-width-mobile {
  display: block;
}

.primary-button-line-black.button-outline {
  background-color: var(--primary-dark);
  color: var(--white);
}

.primary-button-line-black.button-outline:hover {
  background-color: var(--white);
  color: var(--primary-dark);
}

.primary-button-line-black.submit-button {
  min-width: 100%;
  display: block;
}

.primary-button-line-black.white {
  border-color: var(--white);
  color: var(--white);
  border-radius: 32px;
  margin-bottom: 10px;
  display: block;
}

.primary-button-line-black.white.navb-c {
  width: 100%;
  font-size: 14px;
  display: block;
}

.primary-button-line-black.white.navb-c:hover {
  background-color: var(--white-opacity-10);
}

.primary-button-line-black.white.bo-cie {
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.primary-button-line-black.white.bo-cie:hover {
  background-color: var(--white-opacity-10);
}

.bold-text {
  color: var(--primary-dark);
  text-align: left;
  font-weight: 400;
}

.bold-text.light {
  color: var(--primary-dark);
  font-weight: 300;
}

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

.bold-text.light.heading-center {
  text-align: center;
  font-family: Geist, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6em;
}

.bold-text.grey {
  color: var(--paragraph-gray);
}

.heading-no-margin-copy {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
}

.background-video {
  aspect-ratio: auto;
  opacity: .81;
  object-fit: none;
  width: 100%;
  min-width: 569px;
  height: 100%;
  min-height: 751px;
  position: relative;
  top: auto;
  overflow: hidden;
}

.image-2 {
  object-fit: cover;
  border: 40px #e6ddca;
  border-radius: 32px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding: 20px 20px 0;
  display: block;
}

.image-2.glass-card {
  border-style: none;
  border-radius: 32px;
}

.svg-elem-1 {
  padding-bottom: 20px;
}

.code-embed {
  margin-top: 20px;
}

.dropdown-container {
  flex-flow: row;
  place-content: space-around flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1180px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  left: auto;
  overflow: visible;
}

.paragraph.approche {
  font-size: 18px;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet {
  display: none;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--primary-dark);
  background-color: var(--primary-dark);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--dark-gray);
  background-color: var(--dark-gray);
  opacity: 100;
}

.uui-button:focus {
  border-color: var(--dark-gray);
  background-color: var(--dark-gray);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button.w--current {
  font-size: 16px;
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

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

.menu-icon_component {
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-navbar02_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar02_dropdown-blog-item-wrapper {
  flex-flow: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar02_blog-image {
  text-align: left;
  object-fit: cover;
  width: 60%;
  max-width: none;
  height: 100%;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  text-decoration: underline;
  display: inline-block;
  position: static;
  inset: 0%;
}

.uui-navbar02_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar02_menu-button {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.uui-navbar02_dropdown-content-wrapper {
  z-index: 1;
  background-color: #002fa7;
  border-radius: 20px;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.uui-navbar02_dropdown-content-left {
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 0 2rem;
  display: grid;
}

.uui-navbar02_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--white);
  min-width: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-navbar02_dropdown-content-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 22rem;
  padding: .5rem 1.25rem;
  position: relative;
}

.uui-navbar02_component {
  z-index: 1000;
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #0000;
  background-image: linear-gradient(#fff3, #fff3);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.uui-navbar02_container {
  z-index: 20;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.uui-navbar02_container.black-line {
  border-top: 0 #000;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

.uui-navbar02_logo-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.uui-navbar02_logo-link.w--current {
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
}

.uui-navbar02_menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
  position: static;
}

.uui-navbar02_menu-left {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.uui-navbar02_link {
  color: var(--primary-dark);
  letter-spacing: 1.4px;
  flex-flow: row;
  align-items: center;
  padding: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: all .3s;
  display: inline-block;
}

.uui-navbar02_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_link.w--current {
  color: #000;
}

.uui-navbar02_link.first {
  letter-spacing: 1.4px;
  margin-left: 0;
}

.uui-navbar02_link.first.w--current {
  margin-right: 30.7266px;
}

.uui-navbar02_dropdown-toggle2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: 1.4px;
  background-color: #0000;
  align-items: center;
  padding: 1rem 2.5rem 1rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar02_dropdown-toggle2:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_dropdown-toggle2.w--open {
  background-color: var(--transparent);
}

.uui-navbar02_dropdown-list {
  background-color: #fff;
  flex-flow: row;
  margin-top: 0;
  display: none;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar02_dropdown-list.w--open {
  z-index: 80;
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 1180px;
  margin-top: 0;
  padding: 20px 2rem;
  display: block;
  position: absolute;
  inset: 7rem auto auto 0%;
  overflow: hidden;
}

.uui-navbar02_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar02_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar02_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar02_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar02_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar02_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.show-tablet {
  display: none;
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-wrap: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  max-width: 1180px;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.uui-logo_logotype {
  flex: none;
  width: 400px;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.uui-navbar02_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar02_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar02_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.text-block-7 {
  color: var(--primary-dark);
  font-size: 14px;
  font-weight: 400;
}

.uui-navbar02_dropdown-link-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar02_dropdown-link-copy:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.uui-page-padding {
  padding-left: 0;
  padding-right: 0;
}

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

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-2.is-button-large {
  grid-column-gap: .75rem;
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-text-size-xlarge {
  color: var(--primary-dark);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.5;
}

.uui-section_heroheader {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/686abb769b69507210e48205_c98bc74560168268e91a8b03227f42de_background_texture_bonnier_tissu.webp");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 90vh;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.uui-heroheader09_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: end stretch;
  place-items: start stretch;
  margin-left: 0;
  display: grid;
}

.uui-heroheader09_image-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: relative;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-2.is-button-large {
  grid-column-gap: .75rem;
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-navbar02_menu-dropdown-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.uui-navbar02_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1rem 2.5rem 1rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar02_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar02_dropdown-toggle.bubble {
  grid-column-gap: .5px;
  grid-row-gap: .5px;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 32px;
  flex-flow: row;
  justify-content: center;
  margin-right: 10px;
  padding: .625rem;
}

.uui-navbar02_dropdown-toggle.bubble.w--open {
  padding-left: .625rem;
  padding-right: .625rem;
}

.link {
  color: var(--primary-dark);
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: .625rem 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  display: flex;
  overflow: visible;
}

.link.w--current {
  color: var(--primary-dark);
  background-color: #fcfcfc;
  border: 1px solid #000;
  border-radius: 32px;
  width: auto;
  padding: .625rem .625rem .625rem .624rem;
  display: none;
}

.text-block-8 {
  color: var(--primary-dark);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.locales-list {
  color: var(--primary-dark);
  width: auto;
}

.locales-empty {
  color: var(--primary-dark);
}

.flex-block-18 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 32px;
  padding: 0;
}

.white {
  color: #fff;
}

.text-block-9 {
  color: var(--primary-dark);
}

.text-block-9.uui-navbar02_item-heading {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1em;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: block;
}

.dropdown-list {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 32px;
  top: 100%;
  left: 0;
}

.dropdown-list.w--open {
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  width: auto;
  padding: 0;
}

.dropdown-list.lang.w--open {
  margin-top: 10px;
}

.nav-overlay {
  z-index: 8;
  background-image: linear-gradient(#ffffff26, #ffffff26);
  height: 1000px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.nav-bg-blur {
  display: block;
}

.image-5 {
  width: 25%;
  max-width: none;
  padding-bottom: 40px;
}

.image-5.bo-cie {
  width: 20%;
  padding-bottom: 10px;
}

.nav-bar-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  position: relative;
  overflow: visible;
}

.navbar {
  background-color: #fff;
  background-image: none;
  border-top: 13px solid #000;
  border-bottom-style: none;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-height: 7rem;
  padding-bottom: .5rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.paragraph-3 {
  color: var(--primary-dark);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5em;
}

.paragraph-3.manifesto {
  direction: ltr;
  color: var(--primary-dark);
  text-align: center;
  text-overflow: clip;
  white-space: break-spaces;
  max-width: 1180px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Geist, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4em;
}

.paragraph-3.manifesto.bold {
  margin-top: 20px;
  font-weight: 500;
}

.text-block-10 {
  letter-spacing: 1.4px;
  font-family: Geist, sans-serif;
  font-size: 16px;
}

.klein {
  color: var(--white-70);
  max-width: none;
  font-size: 28px;
  line-height: 1.4em;
}

.div-block-8 {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1180px;
  display: flex;
}

.text-block-13 {
  color: var(--white);
  font-weight: 600;
}

.dropdown {
  position: static;
}

.heading-12, .heading-13, .heading-14, .heading-18 {
  color: var(--primary-dark);
}

.bold-text-6 {
  font-size: 38px;
  font-weight: 700;
}

.div-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  display: flex;
}

.heading-19 {
  color: var(--primary-dark);
  font-size: 28px;
  font-weight: 600;
}

.fs-cc_title {
  color: var(--white);
  text-align: center;
  margin-bottom: .25rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.padding-global {
  padding-left: 4rem;
  padding-right: 4rem;
}

.padding-global.padding-section-medium.z-index-1 {
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 1rem;
}

.clone-elements-inside-div {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.fs-cc_button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-size: .9375rem;
  font-weight: 700;
  transition: background-color .1s;
  display: inline-flex;
}

.fs-cc_button.is-secondary {
  color: #000;
  background-color: #fff0;
  border: 1px solid #0000001a;
}

.hero_grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.fs-cc_modal {
  opacity: 1;
  color: var(--white);
  background-color: #000000c7;
  flex-flow: column;
  justify-content: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.fs-cc_checkbox {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.fs-cc_checkbox.is--not-allowed {
  cursor: not-allowed;
  cursor: not-allowed;
}

.fs-cc_form {
  margin-bottom: 0;
}

.page-wrapper {
  z-index: 200;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.fs-cc_close-button {
  z-index: 5;
  cursor: pointer;
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 1.25rem -3rem auto;
  display: flex;
  position: relative;
}

.section_hero {
  background-color: #0000;
  position: relative;
}

.fs-cc_link {
  text-transform: none;
  text-decoration: underline;
}

.cookie-preference_background {
  opacity: 1;
  cursor: pointer;
  background-color: #0003;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc_screen-reader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.fs-cc_checkbox-label {
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.fs-cc_preference-buttons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: -1.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 1.5rem;
  display: flex;
  position: sticky;
  bottom: -2rem;
}

.hero_notice {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fffc;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 18rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.hero_col2 {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.fs-cc_preference-component {
  z-index: 9525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc_modal-buttons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #f8f8f8;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.fs-cc_checkbox-button {
  float: left;
  border: 1px solid #fff;
  border-radius: 8rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.fs-cc_checkbox-button.w--redirected-checked {
  background-color: #146ef5;
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/692059d9df06d8d7322cfbf2_radio__checkmark.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #146ef5;
}

.fs-cc_checkbox-button.w--redirected-focus {
  box-shadow: none;
}

.fs-cc_checkbox-button.is-required {
  -webkit-text-stroke-color: var(--untitled-ui--success700);
  cursor: not-allowed;
  -webkit-text-stroke-color: var(--untitled-ui--success700);
  cursor: not-allowed;
  background-color: #27bb31;
  background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/692059d9df06d8d7322cfbf2_radio__checkmark.svg");
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #146ef5;
  border-radius: 8rem;
}

.fs-cc_checkbox-description {
  color: var(--white-70);
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.fs-cc_checkbox-description.is--not-allowed {
  color: var(--white-70);
}

.fs-cc_preferences {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

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

.fs_cc-modal-content {
  padding: 1.5rem 4rem;
}

.fs-cc_close-button-line {
  background-color: #000;
  width: 1rem;
  height: 2px;
  position: absolute;
  transform: rotate(-45deg);
}

.fs-cc_close-button-line.is-2nd {
  transform: rotate(45deg);
}

.fs-cc_cookie-component {
  z-index: 9500;
  max-width: none;
  display: flex;
}

.fs-cc_description {
  color: var(--white-70);
  text-align: center;
  text-transform: none;
  width: 100%;
  font-size: 12px;
  display: block;
}

.fs-cc_custom-code {
  display: none;
}

.cookie-preference_wrapper {
  z-index: 1;
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 72px;
    line-height: 1.1em;
  }

  .section {
    margin-bottom: 0;
  }

  .section.banner-our-team, .section.banner-our-team.mobile-no-bottom-spacing {
    padding-top: 200px;
  }

  .section.banner-our-team, .section.banner-our-team.mobile-no-bottom-spacing {
    padding-top: 200px;
  }

  .section.banner-our-team.mobile-no-bottom-spacing {
    padding-top: 200px;
  }

  .section.banner-our-team.mobile-no-bottom-spacing.beige {
    margin-top: 8.2rem;
  }

  .section.banner-service-template {
    background-color: var(--white);
    padding-top: 60px;
  }

  .section.banner-q-a {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.about-us-banner {
    padding-top: 180px;
    padding-bottom: 120px;
  }

  .section.about-us-banner.beige {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .section.about-us-banner.beige.approche {
    background-image: none;
  }

  .section.without-top-spacing.black {
    border: 1px solid #000;
    border-bottom: 0 #0000006e;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.cta-section {
    background-image: none;
  }

  .section.counter-section {
    height: 730px;
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.services-section {
    padding-bottom: 100px;
  }

  .section.template-section {
    padding-top: 100px;
  }

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

  .section.banner-clients.beige {
    background-color: #f0ece6;
  }

  .section.contact-banner {
    background-color: #fff;
  }

  .section.cases-3-banner {
    background-size: 480px;
    padding-top: 160px;
    padding-bottom: 150px;
  }

  .section.case-banner {
    padding-bottom: 80px;
  }

  .section.banner-services-categoty {
    padding-bottom: 100px;
  }

  .section.black.actu {
    border-top: 1px solid #00000075;
  }

  .base-container {
    text-align: left;
    display: block;
  }

  .base-container.banner-container {
    align-items: stretch;
    margin-top: 0;
  }

  .base-container.black {
    padding-left: 0;
    padding-right: 0;
  }

  .base-container.black.glass-card {
    width: auto;
    padding-top: 80px;
  }

  .base-container.footer {
    max-width: none;
  }

  .base-container.cgu {
    text-align: left;
  }

  .spacing-system-column {
    padding-right: 30px;
  }

  .spacing-columns, .colors-container {
    margin-top: 50px;
  }

  .headings-typography-wrapper {
    width: 48%;
  }

  .style-guide-body-wrapper {
    margin-right: 60px;
  }

  .primary-button {
    min-width: 0;
    max-width: none;
  }

  .grid-header {
    margin-top: 50px;
  }

  .nav-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0 0 10px;
  }

  .nav-menu {
    flex: 1;
    align-self: stretch;
    display: block;
  }

  .nav-link:hover {
    font-weight: 900;
    text-decoration: none;
  }

  .nav-link:focus {
    font-weight: 900;
  }

  .nav-link.first {
    flex: 0 auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

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

  .nav-link.first:focus {
    flex: 0 auto;
    font-weight: 900;
  }

  .nav-dropdown-toggle:focus {
    font-weight: 900;
  }

  .nav-dropdown-list {
    width: 100vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    top: 136%;
  }

  .nav-dropdown-list.megamenu {
    max-width: 1200px;
  }

  .nav-dropdown-list.megamenu.w--open {
    border-top-style: solid;
    margin-top: 0;
    top: 160px;
  }

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

  .nav-item-title {
    color: var(--primary-dark);
  }

  .nav-item-title:hover {
    outline-offset: 0px;
    border-bottom: 0 solid #000;
    outline: 3px #0b0b0b;
    text-decoration: underline;
  }

  .nav-item-title:focus {
    font-weight: 900;
  }

  .coming-soon-wrapper {
    max-width: 600px;
  }

  .coming-soon-page-wrap {
    background-position: 0 0, 40%;
  }

  .coming-soon-heading {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .blog-grid-collection-list {
    grid-column-gap: 30px;
  }

  .blog-grid-image {
    height: 240px;
    transition: all .35s cubic-bezier(.55, .085, .68, .53);
  }

  .blog-grid-image:hover {
    transform: scale(1.04);
  }

  .blog-grid-content-wrapper {
    min-height: 280px;
  }

  .blog-grid-item {
    width: 31.5%;
  }

  .nav-menu-wrapper {
    display: flex;
  }

  .blog-template-pagination-link {
    text-transform: none;
  }

  .footer-copyright {
    display: flex;
  }

  .section-title-wrapper {
    margin-bottom: 70px;
  }

  .section-title-wrapper.team-section {
    align-items: center;
    margin-bottom: 40px;
  }

  .section-title-wrapper.values-title-wrapper {
    width: 720px;
  }

  .style-guide-buttons-wrapper {
    flex-wrap: nowrap;
    margin-top: 50px;
  }

  .banner-title-wrapper.about-us-banner {
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .banner-title-wrapper.services-template-banner {
    text-align: center;
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100px;
    max-width: none;
    margin-right: 0;
    display: flex;
  }

  .banner-title-wrapper.cases-category-banner {
    max-width: 780px;
  }

  .text-white.paragraph-no-margin {
    color: var(--paragraph-gray);
    font-weight: 300;
  }

  .footer-brand-column {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .footer-social-icon {
    border-style: none;
    width: 65px;
    height: 65px;
  }

  .footer-logo {
    width: 80%;
  }

  .without-top-spacing {
    padding-top: 0;
  }

  .search-section {
    padding-bottom: 100px;
  }

  .landing-banner-title-wrapper {
    max-width: 780px;
  }

  .home-1-banner-section {
    height: 100vh;
    min-height: auto;
    padding-bottom: 70px;
  }

  .services-slider {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonials {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .blog-section-title {
    margin-bottom: 70px;
  }

  .map-wrapper {
    padding-right: 70px;
  }

  .section-title-center {
    margin-bottom: 70px;
  }

  .about-img._3 {
    width: 340px;
  }

  .about-img._2, .about-img._3 {
    width: 340px;
  }

  .about-img._4 {
    width: 280px;
  }

  .about-img._2 {
    width: 340px;
  }

  .industries-block-wrapper {
    position: relative;
  }

  .section-with-blue-bg {
    padding-left: 40px;
    padding-right: 40px;
  }

  .menu-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .rich-text-style.grey {
    text-align: center;
    text-align: center;
    padding: 0%;
  }

  .button-wrap.mobile-align-left {
    display: none;
  }

  .center-title {
    padding-right: 140px;
  }

  .details-page-title {
    font-size: 42px;
  }

  .typography-hero-wrapper {
    margin-top: 50px;
  }

  .section-purchase {
    padding-top: 130px;
  }

  .licensing-icons {
    width: 45%;
  }

  .left-nav-wrapper {
    grid-column-gap: 125px;
    grid-row-gap: 125px;
  }

  .footer-column {
    width: 29%;
    padding-top: 135px;
  }

  .footer-column.last-child {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 33%;
    padding-right: 28px;
  }

  .footer-column.center {
    justify-content: center;
    width: 33%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-links-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .foter-contact-link {
    text-align: center;
    letter-spacing: -.9px;
    font-size: 16px;
  }

  .column-contacts-info {
    text-align: center;
    justify-content: flex-end;
    align-items: center;
  }

  .footer-bottom-text-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-text-big {
    font-size: 101px;
  }

  .left-banner-wrap {
    width: 49%;
  }

  .right-banner-wrap {
    width: 51%;
  }

  .subheading {
    text-align: left;
  }

  .head {
    text-align: center;
    text-transform: uppercase;
  }

  .head.margin-top {
    text-align: left;
    text-align: left;
    margin-top: 0;
    font-size: 90px;
  }

  .banner-content-left {
    width: 40%;
  }

  .banner-content-left.banner-home-2 {
    width: 50%;
  }

  .manifesto-button-wrap {
    align-items: center;
  }

  .manifesto-button-wrap.leftbtn {
    align-items: flex-start;
  }

  .hero-values-wrap {
    width: 47%;
  }

  .heading-no-margin {
    font-weight: 500;
  }

  .heading-no-margin.center-title {
    padding-right: 0;
    font-size: 32px;
  }

  .services-section-title-wrap {
    margin-bottom: 70px;
  }

  .service-text-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .h3-heading-link {
    text-transform: uppercase;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .h3-heading-link.black {
    font-size: 22px;
  }

  .h3-heading-link.team {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .tabs-wrap {
    max-width: 920px;
  }

  .values-tabs-content {
    width: 440px;
    min-height: 540px;
  }

  .values-section-title-wrap {
    max-width: 920px;
    margin-bottom: 50px;
  }

  .top-values-section-wrap {
    padding-top: 45px;
  }

  .text-big {
    letter-spacing: -2.1px;
    font-size: 48px;
    font-weight: 300;
  }

  .counter-text-description {
    letter-spacing: -.54px;
    font-size: 18px;
  }

  .wrapper-with-bg-image {
    height: 650px;
    padding-top: 150px;
  }

  .image-absolute.about-us-image {
    position: relative;
  }

  .team-photo-link {
    width: 100%;
  }

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

  .team-info-wrap {
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .cta-overlay {
    background-color: #6e6e6e80;
  }

  .home-2-banner-section {
    margin-top: 156px;
    padding-top: 0;
  }

  .primary-button-with-icon.uui-button-2.is-button-large {
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-radius: 32px;
  }

  .banner-clients-rate {
    width: 480px;
    height: 440px;
    padding-right: 30px;
  }

  .hero-banner-2-content {
    flex: 1;
  }

  .client-image-wrap {
    width: 72px;
    height: 72px;
  }

  .banner-clients-content-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .black-linear-overlay {
    padding: 30px;
  }

  .services-home-2-section-title-wrap {
    width: 40%;
  }

  .home-2-services-collection-list {
    flex-flow: column;
    display: flex;
  }

  .slider-dark-bg {
    width: 40%;
  }

  .quote-block-img-wrap {
    width: 43%;
  }

  .quote-content-wrapper {
    width: 53%;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .home-quote {
    letter-spacing: -1.26px;
    font-size: 42px;
  }

  .light-color-overlay {
    min-height: 48px;
    top: 30px;
  }

  .light-color-overlay.row-2 {
    top: 78px;
  }

  .light-color-overlay.row-3 {
    top: 126px;
  }

  .light-color-overlay.row-4 {
    top: 170px;
  }

  .light-color-overlay.row-5 {
    top: 217px;
  }

  .light-color-overlay.row-6 {
    top: 262px;
  }

  .light-color-overlay.row-7 {
    top: 308px;
  }

  .light-color-overlay.row-8 {
    top: 355px;
  }

  .light-color-overlay.row-9 {
    top: 400px;
  }

  .light-color-overlay.row-10 {
    display: none;
    top: 477px;
  }

  .section-title-flex-between-wrap {
    margin-bottom: 70px;
  }

  .case-study-content-wrap {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .project-description-item {
    width: 46%;
  }

  .hero-reviews-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .reviews-info-block {
    background-color: var(--transparent);
    width: 10%;
  }

  .review-content {
    font-size: 28px;
  }

  .review-author-wrap {
    margin-top: 0;
  }

  .slider-review-content {
    justify-content: flex-start;
  }

  .image-logo-absolute {
    width: 740px;
  }

  .image-logo-absolute.about-us, .image-logo-absolute.services, .image-logo-absolute.about-us, .image-logo-absolute.services {
    right: -15%;
  }

  .home-3-banner-section {
    min-height: 100vh;
    padding-top: 200px;
  }

  .hero-banner-3-content {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .margin-top-20 {
    font-size: 80px;
    font-weight: 900;
  }

  .tab-content-wrapper {
    min-height: 550px;
  }

  .right-tab-content-wrap {
    width: 45%;
  }

  .reviews-divider {
    margin-top: 70px;
    margin-bottom: 70px;
  }

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

  .clients-rate {
    width: 480px;
    height: 480px;
    padding-right: 70px;
  }

  .clients-block-image-wrapper {
    max-height: 480px;
  }

  .bottom-banner-slider {
    margin-bottom: 70px;
  }

  .text-light.paragraph-no-margin {
    color: var(--white);
  }

  .about-content-title-wrap, .pricing-title {
    margin-bottom: 70px;
  }

  .pricing-icon {
    width: 60px;
  }

  .scroll-details {
    text-transform: none;
  }

  .about-team-member-info {
    margin-top: 0;
  }

  .team-info-content-left {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .team-wrap-relative {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .logo-background-image-wrap {
    background-size: 800px;
  }

  .logo-background-image-wrap.q-a-image {
    background-size: 750px;
  }

  .services-banner-content {
    margin-top: 20px;
  }

  .collection-list-services-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .services-card {
    grid-row-gap: 120px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .banner-service-description-wrap {
    max-width: 440px;
  }

  .template-banner-title {
    font-size: 56px;
  }

  .template-banner-title.heading-no-margin {
    color: var(--primary-dark);
    text-align: center;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .sidebar-content-wrap {
    background-color: #000;
    border-radius: 32px;
  }

  .contacts-hero-wrap {
    margin-bottom: 70px;
  }

  .contacts-wrap-right {
    max-width: 65%;
  }

  .key-features-wrap {
    width: 45%;
  }

  .left-blog-title-wrap {
    max-width: 60%;
  }

  .collection-cases-2-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .collection-case-studies-wrapper, .home-case-studies-wrapper {
    flex-flow: row;
  }

  .project-info-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .project-info-wrap-right {
    max-width: 560px;
  }

  .project-image-block, .project-content-block {
    width: 50%;
  }

  .info-grid {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .project-rich-text-wrap {
    max-width: 530px;
  }

  .licensing-social-icon {
    width: 65px;
    height: 65px;
  }

  .landing-heading {
    font-size: 74px;
  }

  .counter-number-dark {
    letter-spacing: -2.1px;
    font-size: 70px;
  }

  .primary-button-line-black, .primary-button-line-black.white, .primary-button-line-black.white {
    background-color: var(--white-opacity-10);
  }

  .bold-text.grey {
    color: var(--white-50);
  }

  .heading-no-margin-copy {
    width: auto;
  }

  .div-block {
    height: 74vh;
  }

  .background-video {
    height: 100%;
  }

  .image-2 {
    padding: 0;
  }

  .image-2.team {
    margin-top: 40px;
  }

  .svg-elem-1 {
    padding-bottom: 10px;
  }

  .code-embed {
    padding-bottom: 0;
  }

  .dropdown-container {
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1180px;
    display: block;
    overflow: visible;
  }

  .container {
    width: auto;
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    min-width: auto;
  }

  .uui-navbar02_dropdown-content-right {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .uui-navbar02_component {
    border: 0 solid #000;
    border-radius: 0;
  }

  .uui-navbar02_container {
    border: 0 #000;
    max-width: 1180px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_container.black-line {
    border: 0 solid #000;
    flex: 0 auto;
  }

  .uui-navbar02_logo-link {
    padding-top: 0;
    padding-bottom: 0;
  }

  .uui-navbar02_logo-link.w--current {
    text-align: center;
    width: 100%;
    padding-top: 0;
  }

  .uui-navbar02_menu {
    max-width: none;
    display: flex;
  }

  .uui-navbar02_menu-left {
    width: 100%;
  }

  .uui-navbar02_link {
    font-family: Montserrat, sans-serif;
  }

  .uui-navbar02_link.first {
    margin-left: 0;
  }

  .uui-navbar02_link.first.w--current {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
  }

  .uui-navbar02_dropdown-toggle2.w--open {
    display: flex;
  }

  .uui-navbar02_dropdown-list {
    margin-top: 0;
    right: auto;
  }

  .uui-navbar02_dropdown-list.w--open {
    flex-flow: row;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .uui-navbar02_menu-right {
    margin-right: 0;
  }

  .uui-navbar02_dropdown-link {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
  }

  .uui-navbar02_button-wrapper {
    margin-right: 0;
  }

  .uui-logo_component {
    height: 4rem;
    padding-top: 0;
  }

  .uui-logo_logomark {
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .uui-logo_logotype {
    object-fit: contain;
    flex: none;
    max-width: 100%;
    padding-top: 0;
  }

  .text-block-7 {
    text-transform: none;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
  }

  .heading-2 {
    color: var(--primary-dark);
    text-align: left;
  }

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

  .uui-page-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-text-size-xlarge {
    color: var(--primary-dark);
    font-style: italic;
  }

  .uui-section_heroheader {
    background-image: linear-gradient(#ffffff4d, #ffffff4d), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/686abb769b69507210e48205_c98bc74560168268e91a8b03227f42de_background_texture_bonnier_tissu.webp");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    height: 90vh;
    padding-top: 0;
  }

  .uui-heroheader09_component {
    text-align: left;
    width: 1180px;
    margin-left: 0;
  }

  .text-block-8 {
    font-family: Montserrat, sans-serif;
  }

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

  .heading-6.extrabold {
    border-top: 0px none var(--paragraph-gray);
    border-top: 0px none var(--paragraph-gray);
    margin-top: 70px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .locales-list {
    color: var(--primary-dark);
  }

  .text-block-9.uui-navbar02_item-heading {
    letter-spacing: 1.4px;
    letter-spacing: 1.4px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .fs-example_wrapper {
    border-radius: 32px;
    margin: 40px 0 0;
    display: flex;
  }

  .fs-list_tabs.helper {
    border-radius: 32px;
  }

  .nav-bar-container {
    flex-flow: row;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .navbar {
    border-width: 13px 0 0;
    border-bottom-style: none;
    padding-bottom: .5rem;
  }

  .mentions {
    text-align: left;
  }

  .paragraph-3 {
    color: var(--primary-dark);
    font-size: 1.12rem;
    line-height: 1.55em;
  }

  .paragraph-3.manifesto {
    margin-top: 0;
  }

  .text-block-10 {
    font-family: Montserrat, sans-serif;
  }

  .home-2-services-title-wrap-2 {
    width: 75%;
    max-width: none;
  }

  .heading-7 {
    font-size: 38px;
  }

  .heading-8 {
    width: 100%;
  }

  .text-block-11 {
    color: var(--primary-dark);
    text-align: left;
  }

  .tab-pane-tab-1 {
    text-align: left;
  }

  .text-block-12 {
    color: #000;
  }

  .heading-9 {
    width: 100%;
    margin-top: 10px;
  }

  .div-block-13 {
    border-radius: 32px;
    margin-top: 40px;
    padding: 20px;
  }

  .bio-richtext {
    border-bottom-style: none;
    border-bottom-width: 0;
  }

  .div-block-14 {
    background-color: #0000;
    width: auto;
    padding: 40px;
    display: block;
  }

  .credits {
    text-align: center;
  }

  .paragraph-12, .paragraph-13, .paragraph-14, .paragraph-25 {
    margin-bottom: 40px;
  }

  .image-cover-2 {
    width: 100%;
  }

  .bold-text-3.center-title {
    padding-right: 0;
  }

  .link-12, .link-13, .link-14 {
    text-transform: none;
  }

  .bold-text-6 {
    font-size: 36px;
  }

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

  .heading-19 {
    color: var(--primary-dark);
    font-size: 28px;
    font-weight: 500;
  }

  .container-large {
    max-width: none;
  }
}

@media screen and (min-width: 1440px) {
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
  }

  .section {
    padding-top: 120px;
    padding-bottom: 160px;
  }

  .section.banner-service-template {
    background-color: var(--white);
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.landing-banner {
    padding-top: 180px;
  }

  .section.without-top-spacing {
    padding-top: 0;
  }

  .section.cta-section {
    background-image: linear-gradient(to bottom, null, null);
    padding-bottom: 160px;
  }

  .section.counter-section {
    height: 730px;
  }

  .section.counter-section.beige {
    flex-flow: column;
    flex: 0 auto;
    height: auto;
    margin-top: 0;
    padding-top: 60px;
  }

  .section.image-full-width {
    min-height: 550px;
  }

  .section.expand.black {
    padding-top: 120px;
    padding-bottom: 160px;
  }

  .section.banner-services-3 {
    padding-top: 160px;
  }

  .section.banner-clients {
    background-color: var(--white);
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.banner-clients.beige {
    padding-top: 60px;
  }

  .section.contact-banner {
    background-color: #fff;
  }

  .section.banner-job-position-template {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.blog-post-section {
    padding-top: 160px;
  }

  .section.banner-changelog {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.licensing-banner {
    background-size: 340px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.black.actu {
    padding-top: 120px;
    padding-bottom: 160px;
  }

  .base-container.banner-container {
    flex: 0 auto;
    align-self: auto;
    margin-top: 0;
  }

  .nav-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-bottom: 10px;
  }

  .nav-menu {
    align-self: stretch;
  }

  .nav-link.first {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-dropdown-list {
    width: 100vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    top: 136%;
    left: 50%;
  }

  .nav-dropdown-list.megamenu {
    max-width: 1200px;
  }

  .nav-dropdown-list.megamenu.w--open {
    border-top-style: solid;
    margin-top: 0;
    top: 160px;
  }

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

  .blog-template-image {
    height: 640px;
  }

  .section-title-wrapper.team-section {
    justify-content: flex-start;
    align-items: center;
  }

  .banner-title-wrapper.about-us-banner {
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .banner-title-wrapper.team-banner {
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .banner-title-wrapper.services-template-banner {
    align-items: center;
    width: 100px;
  }

  .banner-title-wrapper.q-a-banner-copy {
    max-width: 720px;
  }

  .banner-title-wrapper.services-categoty {
    max-width: 940px;
  }

  .banner-title-wrapper.cases-category-banner {
    max-width: 100%;
  }

  .text-white.paragraph-no-margin, .contacts-input {
    color: var(--paragraph-gray);
  }

  .footer-social-icon {
    border-style: none;
    width: 65px;
  }

  .services-slider {
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .about-img._1 {
    width: 380px;
  }

  .about-img._3 {
    width: 400px;
  }

  .about-img._4 {
    width: 300px;
  }

  .about-img._2 {
    width: 390px;
  }

  .our-services-wrap {
    align-items: center;
  }

  .section-with-blue-bg {
    padding-left: 100px;
    padding-right: 100px;
  }

  .footer-text-big {
    font-size: 101px;
  }

  .subheading-wrap.mobile-align-left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .head.margin-top {
    margin-top: 20px;
  }

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

  .banner-content-left.banner-home-2 {
    width: 50%;
  }

  .manifesto-button-wrap {
    align-self: center;
  }

  .heading-no-margin {
    font-weight: 600;
  }

  .service-text-wrap {
    width: auto;
  }

  .wrapper-with-bg-image {
    height: 700px;
  }

  .image-absolute.about-us-image {
    position: relative;
  }

  .team-photo-link {
    width: 100%;
  }

  .team-soc-icon {
    font-size: 24px;
  }

  .cta-overlay {
    background-color: #6e6e6e80;
  }

  .home-2-banner-section {
    margin-top: 163px;
    padding-top: 0;
  }

  .primary-button-with-icon.uui-button-2.is-button-large {
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-radius: 32px;
  }

  .banner-clients-rate {
    height: 440px;
    padding-right: 30px;
  }

  .hero-banner-2-content {
    flex: 1;
  }

  .banner-clients-content-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .counter-content-right-wrap, .counter-image-absolute {
    text-align: center;
  }

  .services-slider-mask {
    max-width: 460px;
  }

  .home-2-services-collection-list {
    flex-flow: column;
    display: flex;
  }

  .quote-content-wrapper {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .image-logo-absolute {
    width: 800px;
  }

  .hero-banner-3-content {
    grid-column-gap: 230px;
    grid-row-gap: 230px;
  }

  .margin-top-20 {
    font-size: 80px;
    font-weight: 900;
  }

  .services-collection-wrapper {
    max-width: 100%;
  }

  .text-light.paragraph-no-margin {
    color: var(--white);
  }

  .about-timeline-title-wrap {
    margin-bottom: 130px;
  }

  .team-hero-info {
    max-width: none;
  }

  .logo-background-image-wrap {
    background-position: 125% 0;
    background-size: 900px;
  }

  .banner-bottom-image-wrap {
    padding-bottom: 60px;
  }

  .template-banner-title {
    font-size: 64px;
  }

  .template-banner-title.heading-no-margin {
    color: var(--primary-dark);
    width: 100%;
    font-family: Geist, sans-serif;
  }

  .service-additional-image-wrap {
    height: 450px;
  }

  .sidebar-image {
    min-height: 220px;
  }

  .sidebar-content-wrap {
    background-color: #000;
  }

  .job-sidebar-image {
    min-height: 220px;
  }

  .project-title-wrap-left {
    max-width: 540px;
  }

  .project-info-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .password-input, .search-input, .coming-soon-input {
    color: var(--paragraph-gray);
  }

  .heading, .bold-text {
    text-align: left;
  }

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

  .heading-no-margin-copy {
    text-align: center;
  }

  .div-block {
    object-fit: none;
    flex: 1;
    height: 74vh;
    min-height: 0;
  }

  .background-video {
    object-fit: cover;
    height: 100%;
  }

  .image-3 {
    opacity: 1;
    text-align: left;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 120px;
    max-width: 100%;
    height: 168px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
    display: inline-flex;
    position: relative;
    overflow: clip;
  }

  .dropdown-container {
    width: 100%;
    max-width: 1180px;
    display: flex;
    overflow: visible;
  }

  .container {
    width: auto;
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    min-width: auto;
  }

  .uui-navbar02_container, .uui-navbar02_container.black-line, .uui-navbar02_container.black-line {
    max-width: 1180px;
  }

  .uui-navbar02_logo-link {
    padding-bottom: 0;
  }

  .uui-navbar02_logo-link.w--current {
    width: 100%;
    padding-left: 0;
  }

  .uui-navbar02_menu {
    max-width: none;
    display: flex;
  }

  .uui-navbar02_menu-left {
    width: 100%;
  }

  .uui-navbar02_link {
    justify-content: space-between;
    align-items: stretch;
    display: inline-flex;
  }

  .uui-navbar02_link.first {
    margin-left: 0;
  }

  .uui-navbar02_menu-drop {
    justify-content: space-between;
    align-items: stretch;
    display: inline-flex;
  }

  .uui-navbar02_dropdown-list {
    min-width: 0;
    max-width: none;
    margin-top: 0;
  }

  .uui-navbar02_dropdown-list.w--open {
    margin-top: 0;
    display: block;
  }

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

  .uui-page-padding {
    max-width: 1180px;
  }

  .uui-text-size-xlarge {
    color: var(--primary-dark);
    font-style: italic;
  }

  .uui-section_heroheader {
    background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/686abb769b69507210e48205_c98bc74560168268e91a8b03227f42de_background_texture_bonnier_tissu.webp");
    height: 90vh;
    padding-top: 0;
  }

  .uui-heroheader09_component {
    width: 1180px;
    max-width: 1180px;
    margin-left: 0;
  }

  .uui-padding-vertical-xhuge {
    max-width: 1180px;
    padding-bottom: 0;
  }

  .heading-3, .heading-4, .heading-5, .heading-6 {
    text-align: center;
  }

  .locales-list {
    color: var(--primary-dark);
  }

  .nav-bg-blur {
    position: absolute;
    top: 100%;
    left: 0;
  }

  .nav-bar-container {
    position: static;
  }

  .navbar {
    border-bottom-style: none;
  }

  .image-cover-2 {
    width: 100%;
  }

  .container-large {
    max-width: none;
  }
}

@media screen and (min-width: 1920px) {
  .section {
    top: 0;
  }

  .section.banner-our-team.mobile-no-bottom-spacing.beige {
    margin-top: 6.8rem;
  }

  .section.banner-service-template {
    background-color: var(--white);
    background-image: none;
  }

  .section.without-bottom-spacing {
    top: auto;
  }

  .section.banner-q-a {
    padding-top: 180px;
    padding-bottom: 100px;
  }

  .section.about-us-banner {
    background-color: var(--white);
    padding-bottom: 10px;
  }

  .section.about-us-banner.beige {
    background-color: #f0ece6;
    background-image: none;
  }

  .section.without-top-spacing {
    border: 1px #000;
  }

  .section.without-top-spacing.black {
    background-color: #000;
  }

  .section.cta-section {
    background-image: linear-gradient(#0000, #0000);
  }

  .section.counter-section {
    padding-top: 180px;
  }

  .section.counter-section.klein {
    max-width: none;
  }

  .section.counter-section.beige {
    justify-content: flex-end;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 260px;
    padding-bottom: 260px;
  }

  .section.image-full-width {
    min-height: auto;
  }

  .section.template-section {
    padding-top: 120px;
  }

  .section.banner-clients {
    background-color: var(--white);
    background-size: 540px;
    padding-top: 180px;
    padding-bottom: 120px;
  }

  .section.banner-clients.beige {
    padding-top: 60px;
  }

  .section.contact-banner {
    background-color: #fff;
  }

  .section.banner-job-position-template {
    background-image: none;
    padding-top: 180px;
    padding-bottom: 120px;
  }

  .section.cases-3-banner {
    background-size: 540px;
    padding-top: 180px;
  }

  .section.banner-changelog {
    background-size: 540px;
    padding-top: 180px;
    padding-bottom: 120px;
  }

  .section.licensing-banner {
    background-size: 380px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .section.black.actu {
    top: auto;
  }

  .base-container {
    max-width: 1440px;
  }

  .base-container.banner-container {
    text-align: center;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    max-width: 1440px;
    height: auto;
    display: flex;
  }

  .base-container.banner-container.white {
    color: var(--white);
    text-align: center;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .base-container.black {
    text-align: left;
  }

  .navbar-white {
    border-top: 12px solid #000;
    max-width: 1920px;
  }

  .nav-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 1440px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    align-self: stretch;
    display: block;
  }

  .nav-link:hover {
    font-weight: 400;
  }

  .nav-link.first {
    margin-left: 0;
    margin-right: auto;
    padding-right: 0;
    font-weight: 400;
  }

  .nav-link.first:hover {
    font-weight: 400;
    text-decoration: none;
  }

  .nav-dropdown {
    position: static;
  }

  .nav-dropdown-list {
    z-index: 20;
    border-style: solid;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: relative;
    inset: 100% 0 auto;
    overflow: visible;
  }

  .nav-dropdown-list.megamenu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 0;
    padding-top: 15px;
    inset: 0 auto auto 0%;
  }

  .nav-dropdown-list.megamenu.w--open {
    border-style: solid none none;
    width: 100vw;
    max-width: 0;
    margin-top: 0;
    padding-top: 4rem;
    display: flex;
    top: 156px;
  }

  .nav-dropdown-link-wrapper {
    background-color: #fefeff00;
  }

  .nav-dropdown-link-wrapper.klein {
    background-color: #3807ff;
  }

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

  .blog-grid-image {
    height: 280px;
  }

  .blog-grid-content-wrapper {
    min-height: 250px;
  }

  .footer-bottom-wrapper {
    max-width: 1440px;
  }

  .section-title-wrapper.team-section {
    align-items: center;
  }

  .section-title-wrapper.values-title-wrapper {
    width: 100%;
  }

  .banner-title-wrapper.about-us-banner {
    color: var(--white);
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .banner-title-wrapper.team-banner {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .banner-title-wrapper.services-template-banner {
    align-items: center;
    width: 100%;
  }

  .banner-title-wrapper.q-a-banner {
    justify-content: center;
    align-items: center;
  }

  .banner-title-wrapper.q-a-banner-copy {
    max-width: 800px;
  }

  .banner-title-wrapper.blog-category-banner {
    max-width: 1100px;
  }

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

  .text-white.paragraph-no-margin {
    color: var(--paragraph-gray);
  }

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

  .footer-brand-column {
    padding-right: 60px;
  }

  .footer-social-icon {
    font-size: 20px;
  }

  .service-details-content-wrapper {
    width: 100%;
    margin-right: 60px;
  }

  .service-details-sidebar-wrapper {
    color: var(--white);
  }

  .nav-dropdown-column.klein {
    background-color: #002fa7;
  }

  .home-1-banner-section {
    padding-bottom: 100px;
  }

  .services-slider {
    max-width: 1440px;
    overflow: visible;
  }

  .about-img._1 {
    width: 420px;
    left: 16%;
  }

  .about-img._3 {
    width: 430px;
    top: 20%;
    left: 54%;
  }

  .about-img._4 {
    left: 48%;
  }

  .section-with-blue-bg {
    padding-left: 180px;
    padding-right: 180px;
  }

  .rich-text-style {
    color: var(--primary-dark);
  }

  .footer-column {
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer-links-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .footer-text-wrap {
    max-width: 1440px;
  }

  .footer-text-big {
    font-size: 124px;
  }

  .head {
    color: var(--primary-dark);
    -webkit-text-stroke-color: var(--primary-dark);
  }

  .head.margin-top {
    letter-spacing: 1.4px;
    width: 100%;
    margin-top: 10px;
    font-size: 98px;
    line-height: 1.1em;
  }

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

  .banner-content-left.banner-home-2 {
    align-self: auto;
    align-items: flex-start;
    width: 50%;
    min-width: 300px;
    display: block;
    position: relative;
  }

  .banner-content-left.banner-tesimonials {
    width: 45%;
  }

  .manifesto-button-wrap {
    align-self: flex-start;
    width: 100%;
    padding-left: 0;
    display: block;
  }

  .manifesto-button-wrap.bocie {
    display: flex;
  }

  .manifesto-button-wrap.center {
    text-align: center;
  }

  .heading-no-margin {
    color: var(--white);
    text-align: left;
    font-weight: 600;
  }

  .services-list-wrap {
    max-width: 1920px;
  }

  .service-item-overlay {
    width: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 600px;
  }

  .service-image {
    min-height: 0;
    overflow: hidden;
  }

  .service-text-wrap {
    min-height: 420px;
  }

  .h3-heading-link {
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
  }

  .home-service-collection-item {
    height: auto;
    min-height: 600px;
  }

  .home-service-collection-item.item-full-width {
    height: 500px;
    min-height: 0;
  }

  .service-item-bg {
    display: none;
  }

  .section-lines-wrap, .counter-wrapper {
    max-width: 1520px;
  }

  .counter-wrapper.services-counter {
    max-width: 1440px;
  }

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

  .counter-text-description {
    color: var(--primary-dark);
  }

  .image-absolute.about-us-image {
    inset: auto 0% 0% auto;
    height: 100%;
    min-height: 0;
    display: inline-block;
    position: relative;
    inset: auto 0% 0% auto;
  }

  .team-section-content-wrap {
    max-width: 1440px;
  }

  .team-photo-link {
    width: 100%;
  }

  .cta-description-wrap {
    color: var(--primary-dark);
  }

  .hero-banner-1-content {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .cta-image {
    object-fit: cover;
    min-height: 800px;
  }

  .cta-overlay {
    opacity: 1;
    background-color: #6e6e6e80;
  }

  .home-2-banner-section {
    min-width: 1000px;
    max-width: none;
    margin-top: 162px;
    padding-top: 0;
  }

  .primary-button-with-icon.uui-button-2 {
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-radius: 0;
  }

  .banner-clients-rate {
    width: 500px;
    height: 440px;
    padding-right: 30px;
  }

  .hero-banner-2-content {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
    height: auto;
  }

  .banner-clients-content-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .black-linear-overlay {
    background-image: linear-gradient(90deg, #0c06034f, #0000 88%);
  }

  .counter-content-right-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .counter-hero-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .counter-home-2-wrapper {
    max-width: 1520px;
  }

  .counter-about-wrap {
    text-align: center;
    max-width: 100%;
  }

  .services-home-2-section-title-wrap {
    width: 33%;
  }

  .services-slider-wrap {
    max-width: none;
  }

  .services-slider-mask {
    overflow: visible;
  }

  .home-2-services-collection-list {
    flex-flow: column;
    display: flex;
  }

  .slider-dark-bg {
    width: 35%;
  }

  .quote-with-image-wrap {
    align-items: center;
  }

  .quote-block-img-wrap {
    width: 35%;
    min-height: 700px;
    left: 9vw;
  }

  .quote-image {
    object-position: 50% 35%;
  }

  .quote-content-wrapper {
    width: 100%;
  }

  .light-color-overlay {
    min-height: 65px;
    top: 14px;
  }

  .light-color-overlay.row-2 {
    top: 14px;
  }

  .light-color-overlay.row-3 {
    top: 107px;
  }

  .light-color-overlay.row-9 {
    display: none;
  }

  .case-study-content-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    width: 55%;
  }

  .project-image-link {
    width: 45%;
  }

  .services-collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .hero-reviews-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    justify-content: center;
  }

  .review-content, .review-author-wrap {
    width: 100%;
  }

  .image-logo-absolute {
    background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b7b64c956cdcf2acd3fa1_background_texture_bonnier_tissu.png");
    background-position: 0 0;
    background-size: auto;
    width: 100%;
    max-width: 100%;
    max-height: 5px;
    position: relative;
  }

  .image-logo-absolute.negative-z-index {
    width: 1000px;
  }

  .home-3-banner-section {
    padding-top: 280px;
  }

  .banner-title-wrap {
    max-width: 560px;
  }

  .hero-banner-3-content {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .counter-wrapper-home-3 {
    max-width: 1520px;
  }

  .margin-top-20 {
    text-align: left;
    font-size: 80px;
    font-weight: 900;
  }

  .services-collection-wrapper {
    max-width: 1440px;
  }

  .home-3-service-collection-item, .tab-content-wrapper {
    min-height: 600px;
  }

  .right-tab-content-wrap {
    width: 35%;
  }

  .clients-rate {
    width: 500px;
    height: 500px;
    padding-right: 90px;
  }

  .clients-block-image-wrapper {
    max-height: 500px;
  }

  .bottom-banner-slider {
    margin-bottom: 100px;
  }

  .banner-slider-mask {
    width: 940px;
  }

  .text-light.paragraph-no-margin {
    color: var(--white);
  }

  .timeline-wrapper {
    max-width: 1440px;
  }

  .scroll-item-header {
    text-align: left;
  }

  .history-title-wrap-left {
    max-width: 560px;
  }

  .faq-accordion-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .banner-image-overlay {
    background-image: linear-gradient(90deg, var(--primary-dark) 5%, #0b0b0bcc 45%, var(--transparent) 73%), linear-gradient(69deg, var(--primary-dark), var(--transparent) 22%);
    opacity: 1;
  }

  .team-member-image-wrap {
    width: 45%;
  }

  .team-info-content-left {
    max-width: 580px;
  }

  .team-hero-info {
    max-width: none;
  }

  .collection-service-item {
    min-height: 600px;
  }

  .service-collection-image-link {
    height: 260px;
  }

  .logo-background-image-wrap {
    background-position: 100% 0;
    background-size: 1000px;
  }

  .logo-background-image-wrap.q-a-image {
    background-size: 800px;
  }

  .text-wrap-right {
    max-width: 570px;
    padding-right: 40px;
  }

  .banner-bottom-image-wrap {
    min-height: 400px;
  }

  .review-content-2 {
    width: 85%;
  }

  .template-banner-title {
    font-size: 72px;
  }

  .template-banner-title.heading-no-margin {
    color: var(--primary-dark);
  }

  .template-banner-title.heading-no-margin.white {
    color: var(--white);
  }

  .service-additional-image-wrap {
    color: var(--primary-dark);
    height: 500px;
  }

  .service-additional-image-wrap.black {
    border-radius: 32px;
  }

  .sidebar-image {
    min-height: 240px;
  }

  .sidebar-content-wrap {
    background-color: #000;
  }

  .quote-image-icon {
    margin-bottom: 100px;
  }

  .contacts-wrap-right {
    max-width: 55%;
  }

  .contacts-wrap-left {
    align-items: flex-start;
  }

  .form-wrapper {
    margin-top: 60px;
  }

  .contacts-image {
    border: 1px #ffc7c7;
    width: 800px;
    display: inline-block;
    position: absolute;
    top: 13%;
    left: -32%;
    right: auto;
    overflow: clip;
  }

  .career-title-wrap-left {
    max-width: 500px;
  }

  .career-paragraph-wrap-right {
    max-width: 570px;
  }

  .job-details-sidebar-wrapper {
    width: 33%;
  }

  .job-sidebar-image {
    min-height: 240px;
  }

  .key-features-wrap {
    width: 35%;
  }

  .left-blog-title-wrap {
    max-width: 75%;
  }

  .blog-post-conclusion-wrap.textblack {
    color: var(--primary-dark);
  }

  .blog-title-wrap-left {
    max-width: 500px;
  }

  .case-image-link {
    max-width: 400px;
    max-height: 400px;
  }

  .case-text-wrap {
    padding-right: 60px;
  }

  .cases-title-wrap-left {
    max-width: 600px;
  }

  .case-link-wrap {
    height: 550px;
  }

  .project-title-wrap-left {
    max-width: 700px;
  }

  .project-info-wrap-right {
    max-width: 660px;
  }

  .project-content-block {
    padding-right: 80px;
  }

  .project-rich-text-wrap {
    max-width: 640px;
  }

  .licensing-social-icon {
    font-size: 20px;
  }

  .team-hero-wrap {
    background-color: var(--primary-dark);
  }

  .primary-button-line-black {
    border-color: var(--primary-dark);
    color: var(--primary-dark);
  }

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

  .bold-text.light.heading-center {
    text-align: center;
    text-align: center;
    text-align: center;
  }

  .flex-block-16 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-no-margin-copy, .heading-no-margin-copy.heading-center, .heading-no-margin-copy.heading-center {
    text-align: center;
  }

  .dropdown-overlay {
    margin-top: 157px;
  }

  .div-block {
    aspect-ratio: auto;
    object-fit: none;
    flex: 1;
    align-self: auto;
    width: 50%;
    min-width: 50%;
    height: 74vh;
    min-height: 0;
    display: block;
    position: relative;
  }

  .background-video {
    box-sizing: border-box;
    object-fit: cover;
    width: 100%;
    min-width: 569px;
    height: 100%;
    min-height: 751px;
    position: absolute;
    top: auto;
  }

  .code-embed {
    text-align: center;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .dropdown-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 1180px;
    display: flex;
    overflow: visible;
  }

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

  .div-block-2 {
    background-color: var(--transparent);
    color: var(--white);
  }

  .container {
    grid-column-gap: 39px;
    grid-row-gap: 39px;
    flex-flow: row;
    width: 100%;
    margin-left: 0;
  }

  .dropdown-inner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .dropdown-full-bg {
    z-index: 0;
    background-color: #fff;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

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

  .uui-dropdown-icon {
    position: absolute;
  }

  .uui-navbar02_dropdown-link-list {
    grid-template-rows: max-content;
  }

  .uui-navbar02_dropdown-blog-item-wrapper {
    width: 100%;
  }

  .uui-navbar02_dropdown-content-left {
    grid-template-columns: 1fr 1fr;
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    min-width: auto;
  }

  .uui-navbar02_component {
    justify-content: center;
  }

  .uui-navbar02_container {
    flex-flow: row;
    max-width: 1180px;
    overflow: visible;
  }

  .uui-navbar02_logo-link {
    padding-bottom: 0;
  }

  .uui-navbar02_logo-link.w--current {
    width: 100%;
    padding-left: 0;
  }

  .uui-navbar02_menu {
    max-width: none;
    display: flex;
  }

  .uui-navbar02_menu-left {
    flex: 1;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    display: inline-flex;
  }

  .uui-navbar02_link {
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    display: inline-flex;
  }

  .uui-navbar02_link.first {
    margin-left: 0;
    margin-right: auto;
  }

  .uui-navbar02_menu-drop {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    display: inline-flex;
  }

  .uui-navbar02_dropdown-toggle2 {
    flex-flow: row;
    justify-content: flex-start;
    padding: 1rem 2.5rem 1rem 1rem;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .uui-navbar02_dropdown-list {
    min-width: 0;
    max-width: none;
    margin-top: 0;
    display: none;
    left: 0;
  }

  .uui-navbar02_dropdown-list.w--open {
    text-align: left;
    margin-top: 0;
  }

  .uui-navbar02_dropdown-list.langage.w--open {
    position: absolute;
  }

  .uui-navbar02_dropdown-link {
    grid-template-columns: max-content;
  }

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

  .paragraph-2 {
    margin-top: 10px;
    padding-top: 60px;
  }

  .uui-navbar02_dropdown-link-copy {
    grid-template-columns: max-content;
  }

  .div-block-3 {
    vertical-align: baseline;
    background-color: #1500ff;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 200px;
    padding-bottom: 0;
    padding-right: 0;
    display: inline-block;
  }

  .uui-container-large {
    max-width: 80rem;
  }

  .uui-page-padding {
    padding-right: 2rem;
  }

  .uui-button-2.is-button-large {
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    background-color: var(--primary-dark);
    border-radius: 0;
  }

  .uui-text-size-xlarge {
    color: var(--primary-dark);
    font-family: Geist, sans-serif;
    font-style: italic;
  }

  .uui-section_heroheader {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/686abb769b69507210e48205_c98bc74560168268e91a8b03227f42de_background_texture_bonnier_tissu.webp");
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    padding-bottom: 40px;
    display: flex;
    overflow: hidden;
  }

  .uui-heroheader09_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
  }

  .uui-heroheader09_image-wrapper {
    z-index: 1;
    min-height: 751px;
    display: block;
  }

  .uui-padding-vertical-xhuge {
    padding-bottom: 0;
  }

  .uui-navbar02_dropdown-toggle.w--open {
    display: flex;
  }

  .uui-navbar02_menu-dropdown2-copy {
    padding: 0;
    display: inline-block;
    position: static;
    overflow: visible;
  }

  .link, .link.w--current {
    color: var(--primary-dark);
  }

  .text-block-8 {
    text-transform: uppercase;
    font-weight: 400;
  }

  .body-x, .body-x.equipe, .body-x.equipe {
    background-color: var(--primary-dark);
  }

  .code-embed-2 {
    text-align: left;
  }

  .locale, .locales-list {
    color: var(--primary-dark);
  }

  .fs-list_list.helper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: start;
  }

  .fs-list_content {
    justify-content: flex-end;
    display: flex;
  }

  .fs-list_tabs.helper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: start;
    display: grid;
  }

  .fs-list_menu {
    display: block;
  }

  .nav-overlay {
    overflow: visible;
  }

  .nav-bar-container {
    position: static;
  }

  .navbar {
    border-bottom-style: none;
    border-bottom-width: 0;
    min-height: 9.4rem;
    padding-bottom: .5rem;
  }

  .image-cover-2 {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    height: auto;
    max-height: none;
    overflow: hidden;
  }

  .fs-cc_modal {
    width: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    letter-spacing: -1.38px;
    font-size: 46px;
  }

  h2 {
    letter-spacing: -1.14px;
    font-size: 38px;
  }

  blockquote {
    letter-spacing: -.9px;
    padding-top: 44px;
    padding-left: 34px;
    font-size: 30px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.banner-our-team {
    min-height: 300px;
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .section.about-us-banner.beige, .section.about-us-banner.beige.approche {
    min-height: 200px;
    margin-top: 8.2rem;
  }

  .section.banner-services-categoty, .section.banner-our-team {
    min-height: 300px;
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .section.banner-our-team.mobile-no-bottom-spacing.beige {
    min-height: 200px;
    margin-top: 8.2rem;
  }

  .section.banner-service-template {
    background-image: none;
    margin-top: 7.3rem;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.banner-q-a {
    min-height: 300px;
  }

  .section.about-us-banner {
    min-height: 300px;
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .section.about-us-banner.beige, .section.about-us-banner.beige.approche, .section.about-us-banner.beige, .section.about-us-banner.beige.approche, .section.about-us-banner.beige.approche {
    min-height: 200px;
    margin-top: 8.2rem;
  }

  .section.landing-banner {
    padding-top: 120px;
  }

  .section.without-top-spacing {
    padding-top: 0;
  }

  .section.cta-section {
    background-position: 540% 10%;
    background-size: 90%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.counter-section.beige {
    flex-flow: column;
    justify-content: flex-start;
    height: auto;
    margin-bottom: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .section.image-full-width {
    min-height: 400px;
  }

  .section.expand {
    height: auto;
  }

  .section.team-banner-template {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.banner-services-3 {
    padding-top: 120px;
  }

  .section.tablet-small-bottom-spacing {
    padding-bottom: 60px;
  }

  .section.banner-clients {
    background-position: 120% 0;
    background-size: 360px;
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .section.banner-clients.beige {
    background-image: none;
    min-height: 200px;
    margin-top: 8.2rem;
  }

  .section.contact-banner {
    min-height: 200px;
    padding-top: 120px;
  }

  .section.banner-job-position-template {
    background-image: none;
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section.blog-post-section {
    padding-top: 120px;
  }

  .section.cases-3-banner {
    background-size: 360px;
    min-height: 300px;
  }

  .section.case-banner {
    padding-top: 120px;
  }

  .section.banner-changelog {
    background-position: 120% 0;
    background-size: 360px;
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .section.licensing-banner {
    background-size: 260px;
    margin-top: 8.2rem;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.banner-services-categoty {
    min-height: 300px;
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .base-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .base-container.banner-container {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .base-container.black.glass-card {
    padding-top: 60px;
  }

  .base-container.footer.no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-system {
    width: 100%;
  }

  .grid-description.first-description {
    text-align: center;
    text-align: center;
  }

  .spacing-system-image {
    width: 75%;
  }

  .spacing-wrapper-mobile {
    width: 70%;
  }

  .spacing-columns {
    flex-flow: wrap;
    display: flex;
  }

  .bottom-style-spacing-desktop {
    bottom: 6%;
  }

  .top-style-spacing-desktop {
    top: 4%;
  }

  .middle-style-spacing-desktop {
    top: 30%;
  }

  .spasing-system-image-mobile {
    width: 70%;
  }

  .colors-container {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .style-guide-body-wrapper {
    width: 100%;
  }

  .top-style-spacing-mobile {
    top: 3%;
  }

  .middlr-style-spacing-mobile {
    top: 26%;
  }

  .bottom-style-spacing-mobile {
    bottom: 6%;
  }

  .nav-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu {
    background-color: var(--primary-dark);
    flex-direction: column;
    width: 320px;
    inset: 0% auto 0% 0%;
  }

  .menu-button {
    text-align: right;
    background-color: #fff;
    width: 30px;
    height: 30px;
    padding: 0;
    overflow: hidden;
  }

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

  .nav-link {
    width: 100%;
    padding: 15px 0;
  }

  .nav-dropdown {
    z-index: 5;
    flex-direction: column;
    width: 100%;
    transition: opacity .5s;
    display: flex;
    overflow: hidden;
  }

  .nav-dropdown-toggle {
    align-items: center;
    width: 100%;
    padding: 15px 0;
    display: flex;
  }

  .nav-dropdown-icon {
    margin-right: 1.5px;
    display: block;
    inset: 0% 0 0% auto;
  }

  .nav-dropdown-list {
    background-color: var(--white);
    border-style: none;
    flex-direction: column;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .nav-dropdown-list.w--open {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .nav-dropdown-list.megamenu {
    width: auto;
    max-width: 1440px;
    height: 270px;
    min-height: 270px;
    padding-left: 20px;
    padding-right: 40px;
    overflow: scroll;
  }

  .nav-dropdown-link-wrapper {
    flex-flow: wrap;
    padding-right: 0;
  }

  .nav-dropdown-link-wrapper:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-dropdown-link {
    color: var(--white);
    margin-left: 0;
  }

  .nav-dropdown-link:hover {
    opacity: .7;
    color: var(--white);
  }

  .nav-dropdown-link.w--current {
    color: var(--paragraph-gray);
  }

  .close-menu-button, .close-menu-button.w--open {
    background-color: #0000;
    padding: 0 20px 0 0;
  }

  .nav-close-icon {
    z-index: 15;
    filter: invert();
    align-self: stretch;
  }

  .licensing-grid, .licensing-grid.last-child, .licensing-grid.last-child {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-paragraph {
    width: 100%;
  }

  ._404-paragraph {
    margin-top: 0;
  }

  .coming-soon-paragraph {
    text-align: center;
    margin-bottom: 30px;
  }

  .coming-soon-page-wrap {
    background-image: linear-gradient(108deg, var(--primary-dark) 42%, var(--transparent) 90%), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a045197246_pexels-cottonbro-6533053%201%20(1).webp");
    background-position: 0 0, 57%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .blog-grid-collection-list {
    column-count: 2;
  }

  .blog-grid-content-wrapper {
    min-height: auto;
  }

  .blog-grid-item {
    width: 48.16%;
  }

  .nav-menu-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-template-image {
    height: 500px;
  }

  .blog-template-pagination {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 60px;
  }

  .footer-bottom-wrapper {
    grid-row-gap: 20px;
  }

  .footer-copyright {
    display: flex;
  }

  .section-title-wrapper {
    max-width: 580px;
  }

  .career-list-item-wrapper {
    grid-template-columns: 1fr;
    width: 48.9%;
    padding: 30px 20px;
  }

  .career-button-wrapper {
    margin-top: 10px;
  }

  .career-item-cell {
    border-bottom: 1px solid var(--white-opacity-10);
    border-right-style: none;
    width: 100%;
    padding: 5px 0 10px;
  }

  .career-item-cell.last-cell {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .career-item-cell.first-cell {
    border-bottom: 1px solid var(--white-opacity-10);
    padding-top: 0;
  }

  .banner-title-wrapper.services-1-banner, .banner-title-wrapper.services-3-banner {
    max-width: 420px;
  }

  .banner-title-wrapper.pricing-banner, .banner-title-wrapper.q-a-banner-copy {
    max-width: 450px;
  }

  .banner-title-wrapper.services-1-banner, .banner-title-wrapper.services-3-banner {
    max-width: 420px;
  }

  .banner-title-wrapper.services-template-banner {
    flex-flow: column;
    flex: 0 auto;
    max-width: none;
  }

  .banner-title-wrapper.q-a-banner {
    align-items: center;
    max-width: none;
  }

  .banner-title-wrapper.pricing-banner, .banner-title-wrapper.q-a-banner-copy {
    max-width: 450px;
  }

  .banner-title-wrapper.cases-2-banner {
    max-width: 500px;
  }

  .banner-title-wrapper.services-categoty {
    max-width: 98%;
  }

  .banner-title-wrapper.cases-category-banner {
    max-width: 500px;
  }

  .text-white {
    width: 100%;
  }

  .job-position-wrapper {
    flex-flow: column;
  }

  .job-position-content-wrapper {
    width: 100%;
    padding-right: 0;
  }

  .contacts-input {
    color: var(--paragraph-gray);
    font-size: 16px;
  }

  .contacts-input::placeholder {
    font-size: 16px;
  }

  .footer-social-icons-wrapper {
    margin-top: 0;
  }

  .footer-top-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .footer-brand-column {
    border-bottom: 1px solid var(--white-opacity-10);
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    width: 100%;
    padding-top: 0;
    display: flex;
  }

  .search-result-wrapper {
    width: 100%;
    margin-top: 30px;
  }

  .search-section {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .footer-brand-description {
    max-width: 340px;
  }

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

  .service-details-content-wrapper {
    width: 100%;
  }

  .service-details-sidebar-wrapper {
    width: 100%;
    margin-top: 40px;
    position: static;
    top: 90px;
  }

  .service-details-content {
    flex-flow: column;
  }

  .headings-container {
    flex-wrap: wrap;
  }

  .style-guide-content-wrapper {
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .style-guide-content-wrapper.no-wrap {
    flex-wrap: nowrap;
  }

  .landing-banner-image {
    max-width: 95%;
  }

  .landing-performance-grid {
    grid-column-gap: 80px;
    grid-row-gap: 60px;
  }

  .landing-features-grid, .landing-inner-pages-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .landing-inner-page-item.home-screen {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-banner-title-wrapper {
    max-width: 620px;
  }

  .landing-performance-item-title {
    max-width: 220px;
    font-size: 18px;
  }

  .nav-dropdown-column {
    justify-content: center;
    width: 180px;
  }

  .landing-home-pages-wrapper {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .landing-download-block-wrapper {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    padding: 40px;
  }

  .landing-download-block-wrap {
    text-align: center;
    margin-bottom: 30px;
  }

  .home-1-banner-section {
    height: 680px;
    min-height: auto;
  }

  .testimonials {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-section-title {
    margin-bottom: 60px;
  }

  .contacts-wrapper-grid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-title-center {
    margin-bottom: 60px;
  }

  .home-4-testimonials-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 20px;
  }

  .testimonials-wrapper-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 20px;
  }

  .about-img._1 {
    top: 7%;
    left: 15px;
  }

  .about-img._5 {
    top: 58%;
    bottom: 0;
    left: 60px;
  }

  .about-img._3 {
    width: 360px;
    top: 0%;
    right: 15px;
  }

  .about-img._4 {
    width: 240px;
    top: 57%;
    left: auto;
    right: 15px;
  }

  .about-img._2 {
    z-index: 5;
    top: 30%;
    left: 35%;
  }

  .subtitle {
    margin-bottom: 30px;
  }

  .content {
    margin-bottom: 0;
  }

  .industries-block-wrapper {
    max-width: 45vw;
  }

  .about-4-team-slide {
    width: 100%;
  }

  .nav-dropdown-dot {
    display: none;
  }

  .subtitle-2 {
    margin-bottom: 30px;
  }

  .dropdown-nav-link {
    color: #222;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Lato, sans-serif;
    font-weight: 700;
  }

  .dropdown-nav-link.w--current {
    color: #004ae2;
  }

  .menu-wrap {
    background-color: var(--primary-dark);
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .rich-text-style {
    color: var(--primary-dark);
  }

  .rich-text-style h2 {
    margin-top: 0;
  }

  .rich-text-style ol {
    padding-left: 30px;
  }

  .home-banner-left-arrow {
    inset: 20% auto auto 4%;
  }

  .button-wrap {
    flex: none;
  }

  .button-wrap.mobile-align-left {
    display: none;
  }

  .tablet-menu {
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    display: flex;
  }

  .brand-tablet {
    display: block;
  }

  .details-page-title {
    letter-spacing: -1.14px;
    font-size: 38px;
  }

  .coming-soon-form-main {
    justify-content: center;
  }

  .spacing-system-title {
    font-size: 25px;
  }

  .section-purchase {
    padding-top: 80px;
  }

  .licensing-icons {
    width: 80%;
  }

  .nav-button-wrap {
    margin-top: 15px;
    margin-left: 0;
  }

  .nav-info-wrap {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .footer-column {
    width: 48.5%;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .footer-column.last-child {
    flex-flow: row;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    display: block;
  }

  .footer-column.center {
    flex-flow: row;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .footer-bottom-text-wrap {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    width: auto;
    display: flex;
    overflow: hidden;
  }

  .footer-text-big {
    font-size: 62px;
  }

  .footer-text-big:lang(en) {
    font-size: 52px;
  }

  .left-banner-wrap {
    width: 54%;
  }

  .right-banner-wrap {
    width: 46%;
  }

  .head {
    font-size: 52px;
  }

  .head.margin-top {
    font-weight: 900;
  }

  .banner-content-left {
    width: 60%;
  }

  .banner-content-left.banner-home-2 {
    width: 100%;
    height: 100%;
  }

  .banner-content-left.banner-tesimonials {
    max-width: 380px;
  }

  .banner-description-wrap {
    flex-flow: row;
    width: 100%;
    max-width: 768px;
    display: block;
  }

  .manifesto-button-wrap {
    width: 100%;
  }

  .image-cover {
    opacity: 1;
    object-fit: fill;
    border-radius: 0;
    height: auto;
    max-height: none;
  }

  .image-cover.image-object-position {
    object-position: 65% 50%;
    object-position: 65% 50%;
  }

  .hero-banner-1-image {
    object-position: 20% 50%;
  }

  .banner-value-title {
    letter-spacing: -.84px;
    font-size: 28px;
  }

  .hero-image-overlay {
    background-image: linear-gradient(60deg, #0c0603, var(--transparent) 42%);
  }

  .about-left-column {
    width: 100%;
  }

  .about-flex-box {
    flex-flow: column;
  }

  .about-text-right-column {
    width: 80%;
  }

  .services-section-title-wrap {
    width: 100%;
  }

  .service-text-wrap {
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px;
  }

  .h3-heading-link {
    text-transform: uppercase;
  }

  .home-service-collection-item {
    width: 48.9%;
  }

  .tabs-wrap {
    max-width: 100%;
  }

  .value-tab-link {
    letter-spacing: -1.38px;
    font-size: 46px;
  }

  .values-tabs-content {
    width: 380px;
  }

  .values-section-title-wrap {
    width: 100%;
    max-width: 100%;
  }

  .top-values-section-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .text-big {
    letter-spacing: -1.38px;
    font-size: 46px;
  }

  .counter-info {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrapper-with-bg-image {
    height: 500px;
  }

  .content-wrap-small {
    width: 420px;
  }

  .team-item:hover {
    border-color: var(--white-opacity-10);
  }

  .team-item.glass-card {
    min-height: 700px;
    max-height: 700px;
  }

  .team-item.glass-card.team {
    min-height: auto;
    max-height: none;
  }

  .team-collection-grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .team-photo-link {
    width: 100%;
  }

  .grid-2-columns-gap-20, .grid-2-columns-gap-20.medium-grid, .grid-2-columns-gap-20.medium-grid {
    grid-template-columns: 1fr;
  }

  .team-button-wrap {
    width: 48.3%;
  }

  .cta-content-wrap {
    width: auto;
    margin-right: 0;
  }

  .hero-banner-1-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cta-image {
    object-position: 100% 50%;
  }

  .home-2-banner-section {
    margin-top: 0;
    padding-top: 200px;
  }

  .banner-clients-rate {
    width: 320px;
  }

  .hero-banner-2-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    flex-flow: column;
    flex: 0 auto;
    display: block;
  }

  .client-image-wrap {
    width: 52px;
    height: 52px;
  }

  .counter-content-right-wrap {
    width: 65%;
  }

  .counter-hero-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .counter-home-2-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .counter-info-item {
    width: 29%;
  }

  .counter-info-item.last-child {
    width: 34%;
  }

  .counter-about-wrap {
    max-width: 100%;
  }

  .counter-image-absolute {
    object-position: 40% 50%;
  }

  .services-home-2-section-title-wrap {
    padding-right: 40px;
  }

  .home-2-services-title-wrap {
    width: auto;
    max-width: none;
  }

  .services-slider-mask {
    max-width: 380px;
  }

  .home-2-services-collection-list {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .quote-block-img-wrap {
    width: 42%;
  }

  .quote-image {
    object-position: 30% 50%;
    height: 100%;
  }

  .quote-content-wrapper {
    width: 55%;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .light-color-overlay {
    min-height: 33px;
  }

  .light-color-overlay.row-2 {
    top: 64px;
  }

  .light-color-overlay.row-3 {
    top: 97px;
  }

  .light-color-overlay.row-4 {
    top: 130px;
  }

  .light-color-overlay.row-5 {
    top: 165px;
  }

  .light-color-overlay.row-6 {
    top: 198px;
  }

  .light-color-overlay.row-7 {
    top: 230px;
  }

  .light-color-overlay.row-8 {
    top: 263px;
  }

  .light-color-overlay.row-9 {
    display: block;
    top: 295px;
  }

  .light-color-overlay.row-10 {
    top: 348px;
  }

  .case-study-content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .h2-heading-link {
    letter-spacing: -1.14px;
    font-size: 38px;
  }

  .project-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .project-description-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .hero-reviews-wrapper {
    justify-content: center;
  }

  .reviews-info-block {
    width: 35%;
  }

  .reviews-text-content-block {
    width: 80%;
  }

  .review-content {
    text-align: center;
    letter-spacing: -1.14px;
    width: 100%;
    padding-right: 0;
    font-size: 32px;
  }

  .review-content.home-3-content, .review-content.testimonials-content {
    height: 300px;
  }

  .review-content.home-3-content, .review-content.testimonials-content {
    height: 300px;
  }

  .review-content.home-quote {
    text-align: center;
    padding-right: 0;
    line-height: 1.5em;
  }

  .review-author-wrap {
    text-align: center;
  }

  .image-logo-absolute {
    width: 540px;
  }

  .home-3-banner-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    min-height: auto;
    padding-top: 140px;
  }

  .banner-title-wrap {
    max-width: 500px;
  }

  .hero-banner-3-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .hero-heading-small {
    letter-spacing: -1.38px;
    font-size: 46px;
  }

  .about-home-3-title-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .map-wrap {
    margin-top: -100px;
  }

  .counter-wrapper-home-3 {
    margin-top: -40px;
  }

  .counter-info-wrap {
    padding-right: 20px;
  }

  .home-3-service-collection-item {
    width: 48.9%;
  }

  .home-3-services-collection-list {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .tab-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    min-height: auto;
  }

  .tab-image-cover {
    object-position: 0% 50%;
  }

  .left-tab-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .right-tab-content-wrap {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .reviews-divider.tablet-no-margin-top {
    margin-top: 0;
  }

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

  .clients-rate {
    width: 320px;
  }

  .banner-slider-mask {
    width: 300px;
  }

  .about-content-title-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .image-author-signature {
    left: 20px;
  }

  .pricing-wrapper-right {
    width: 100%;
    max-width: none;
    margin-top: 20px;
  }

  .hero-pricing-wrap {
    flex-flow: column;
    width: 48.6%;
  }

  .pricing-item-left-wrap.large-wrap {
    max-width: 460px;
  }

  .scroll-track {
    flex-flow: column;
    width: auto;
  }

  .scrolling-item {
    flex-flow: row;
    width: 100%;
    display: flex;
  }

  .scrolling-line {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;
    padding-right: 0;
  }

  .scroll-line {
    width: 1px;
    height: 100%;
  }

  .scrolling-details {
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .scrolling-details.last-item {
    padding-bottom: 0;
  }

  .scroll-details {
    max-width: 530px;
    margin-top: 0;
  }

  .container-sticky {
    position: static;
  }

  .about-timeline-title-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    margin-bottom: 50px;
  }

  .team-collection-grid-3-columns-copy {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .accordion-column {
    width: 100%;
  }

  .faq-accordion-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .banner-image-overlay.testimonials-overlay {
    background-image: linear-gradient(90deg, var(--primary-dark) 14%, #0b0b0bb3 43%, var(--transparent) 93%), linear-gradient(165deg, var(--primary-dark), var(--transparent));
    background-image: linear-gradient(90deg, var(--primary-dark) 14%, #0b0b0bb3 43%, var(--transparent) 93%), linear-gradient(165deg, var(--primary-dark), var(--transparent));
  }

  .info-row-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-columns: 1fr;
  }

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

  .team-member-info-row-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .about-team-member-info {
    margin-top: 20px;
    padding-left: 0;
  }

  .team-member-image-wrap {
    min-height: auto;
  }

  .team-info-content-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

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

  .collection-service-item {
    width: 48.9%;
  }

  .button-wrap-absolute {
    position: static;
    inset: auto auto 0% 52%;
  }

  .logo-background-image-wrap {
    background-position: 140% 0;
    background-size: 500px;
  }

  .logo-background-image-wrap.q-a-image {
    background-size: 460px;
  }

  .text-wrap-right {
    max-width: 540px;
  }

  .banner-bottom-image-wrap {
    min-height: 260px;
    margin-top: 40px;
    padding-bottom: 20px;
  }

  .banner-image-linear-overlay {
    background-image: linear-gradient(to bottom, #0b0b0b33, #0b0b0b33), linear-gradient(180deg, var(--primary-dark) 66%, #0b0b0bcc 78%, #0b0b0b66 93%, var(--transparent));
  }

  .hero-banner-wrap {
    text-align: center;
    justify-content: space-between;
    align-items: center;
  }

  .services-banner-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .collection-list-services-main {
    flex-flow: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .services-card {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .review-content-2 {
    letter-spacing: -1.14px;
    font-size: 38px;
  }

  .service-additional-image-wrap {
    color: var(--primary-dark);
    height: 320px;
  }

  .quote-image-icon {
    margin-bottom: 60px;
  }

  .hero-tabs-pricing-wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: stretch;
  }

  .hero-pricing-wrapper {
    flex-flow: column;
  }

  .contacts-wrap-right {
    max-width: 480px;
  }

  .form-textarea, .form-textarea::placeholder {
    font-size: 16px;
  }

  .contacts-image {
    display: none;
  }

  .contacts-links-wrapper {
    grid-template-columns: 1fr 1fr;
    height: 100%;
    margin-top: -40px;
  }

  .career-title-wrap {
    max-width: none;
  }

  .career-title-wrap-left {
    max-width: 440px;
  }

  .job-info-wrap {
    flex-flow: column;
  }

  .hot-job-label {
    top: 10px;
  }

  .job-position-banner-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .job-sidebar-content-wrap {
    width: 55%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .job-apply-button-wrap {
    flex: none;
  }

  .job-details-sidebar-wrapper {
    width: 100%;
    margin-top: 40px;
    display: flex;
    position: static;
    top: 90px;
  }

  .job-sidebar-image {
    object-position: 70% 50%;
    width: 45%;
  }

  .key-features-wrap {
    justify-content: center;
    align-items: flex-end;
    max-width: none;
    margin-top: 40px;
  }

  .right-blog-info-wrap {
    width: 25%;
    margin-top: 5px;
  }

  .blog-post-content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
  }

  .blog-post-social-icons-wrapper {
    margin-top: 0;
  }

  .blog-socials-wrap {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 99%;
    position: static;
  }

  .blog-post-rich-text h2 {
    margin-top: 0;
  }

  .blog-post-rich-text ol {
    padding-left: 30px;
  }

  .blog-post-conclusion-wrap {
    max-width: 99%;
  }

  .blog-conclusion-rich-text h2 {
    margin-top: 0;
  }

  .blog-conclusion-rich-text ol {
    padding-left: 30px;
  }

  .blog-title-wrap-left {
    max-width: none;
  }

  .cases-tabs-wrap {
    flex-flow: column;
  }

  .case-text-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .case-hero-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
  }

  .cases-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-right: 0;
    position: static;
  }

  .cases-tabs-content {
    width: 100%;
    margin-top: 40px;
  }

  .collection-case-studies-wrapper, .home-case-studies-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cases-title-wrap-left {
    max-width: none;
  }

  .case-link-wrap {
    height: 400px;
  }

  .right-collection-list {
    grid-column-gap: 230px;
    grid-row-gap: 230px;
  }

  .hero-cases-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .left-cases-collection-wrap {
    margin-top: 340px;
  }

  .left-collection-list {
    grid-column-gap: 230px;
    grid-row-gap: 230px;
  }

  .project-info-grid {
    grid-template-columns: 1fr 1fr;
  }

  .project-info-wrap-right {
    max-width: none;
  }

  .project-top-content-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .project-image-block {
    width: 100%;
    height: 460px;
  }

  .project-content-block {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .project-wrap-full-width {
    flex-flow: column-reverse;
  }

  .project-rich-text h2 {
    margin-top: 0;
  }

  .project-rich-text ol {
    padding-left: 30px;
  }

  .info-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .outcome-case-wrap {
    max-width: none;
  }

  .project-rich-text-wrap {
    max-width: none;
    padding-left: 0;
  }

  ._404-text {
    font-size: 190px;
  }

  .search-sidebar {
    width: 100%;
    position: static;
  }

  .search-content-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
  }

  .password-input, .password-input::placeholder, .search-input, .search-input::placeholder, .coming-soon-input, .coming-soon-input::placeholder {
    font-size: 16px;
  }

  .team-hero-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-hero-wrap.glass-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-heading {
    font-size: 52px;
  }

  .pricing-wrap {
    flex-flow: column;
  }

  .promotion-labels-wrapper-to-remove, .promotion-label-holder {
    display: none;
  }

  .promotion-label-left {
    max-width: 380px;
  }

  .counter-wrapper-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
  }

  .counter-item {
    width: 47.2%;
  }

  .counter-number-dark {
    letter-spacing: -1.5px;
    font-size: 50px;
  }

  .heading {
    width: 100%;
  }

  .primary-button-line-black.white.navb-c {
    font-size: 14px;
  }

  .heading-no-margin-copy {
    text-align: center;
  }

  .dropdown-overlay {
    z-index: 88;
  }

  .div-block {
    width: 100%;
  }

  .background-video {
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    top: auto;
  }

  .image-2 {
    padding: 0;
  }

  .dropdown-container {
    max-width: none;
    padding-right: 0;
  }

  .flex-block-17 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

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

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .uui-navbar02_dropdown-blog-item-wrapper {
    width: 100%;
  }

  .uui-navbar02_blog-image {
    width: 28%;
  }

  .uui-navbar02_dropdown-content {
    flex-direction: column;
  }

  .uui-navbar02_menu-button {
    float: right;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
  }

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

  .uui-navbar02_blog-content {
    max-width: none;
  }

  .uui-navbar02_dropdown-content-wrapper {
    justify-content: center;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .uui-navbar02_dropdown-content-left {
    width: auto;
    padding: 0;
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar02_dropdown-content-right {
    flex: 1;
    max-width: none;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
    display: block;
  }

  .uui-navbar02_container.black-line {
    flex: 0 auto;
    align-self: auto;
  }

  .uui-navbar02_logo-link {
    padding-top: 0;
  }

  .uui-navbar02_logo-link.w--current {
    padding-top: 0;
    display: block;
  }

  .uui-navbar02_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    justify-content: space-between;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar02_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar02_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 1em;
  }

  .uui-navbar02_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_link.first {
    font-size: 14px;
  }

  .uui-navbar02_menu-drop {
    width: 100%;
    position: relative;
  }

  .uui-navbar02_dropdown-toggle2 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar02_dropdown-toggle2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar02_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    width: 100vw;
    min-width: 0%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .uui-navbar02_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 0;
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-button-secondary-gray.show-tablet {
    display: block;
  }

  .uui-navbar02_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-logo_component {
    justify-content: center;
    width: 100%;
    max-width: 1180px;
    display: block;
  }

  .uui-logo_logotype {
    width: 400px;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .text-block-7 {
    font-family: Montserrat, sans-serif;
  }

  .uui-navbar02_dropdown-link-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link-copy:hover {
    background-color: #0000;
  }

  .hide-tablet-2 {
    display: none;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-section_heroheader {
    align-items: center;
    height: 90vh;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .uui-heroheader09_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 2rem;
  }

  .hide-tablet-3 {
    display: none;
  }

  .show-tablet-2 {
    display: block;
  }

  .uui-dropdown-icon-2 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

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

  .menu-icon_line-bottom-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .uui-navbar02_dropdown-content-2 {
    flex-direction: column;
  }

  .uui-navbar02_menu-button-2.w--open {
    background-color: #0000;
  }

  .uui-navbar02_blog-content-2 {
    max-width: none;
  }

  .uui-navbar02_dropdown-content-left-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-right-overlay-absolute-2 {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar02_dropdown-content-right-2 {
    max-width: 50rem;
    margin-bottom: 1rem;
  }

  .uui-navbar02_menu-2 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar02_menu-left-2 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar02_link-2 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar02_link-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_menu-dropdown-2 {
    width: 100%;
    margin-top: 20px;
    display: block;
    position: relative;
  }

  .uui-navbar02_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar02_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_dropdown-toggle.bubble {
    width: 100%;
    margin-right: 0;
  }

  .uui-navbar02_dropdown-list-2 {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar02_dropdown-list-2.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-navbar02_menu-right-2 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar02_dropdown-link-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link-2:hover {
    background-color: #0000;
  }

  .uui-button-secondary-gray-3.show-tablet-2 {
    display: block;
  }

  .uui-navbar02_button-wrapper-2 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar02_dropdown-content-button-wrapper-2 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .uui-navbar02_menu-dropdown2-copy {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar02_menu-dropdown2-copy:hover {
    color: var(--untitled-ui--gray900);
  }

  .hide-tablet-4 {
    display: none;
  }

  .show-tablet-3 {
    display: block;
  }

  .uui-dropdown-icon-3 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

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

  .menu-icon_line-bottom-3 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-3 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-3 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .uui-navbar02_dropdown-content-3 {
    flex-direction: column;
  }

  .uui-navbar02_menu-button-3.w--open {
    background-color: #0000;
  }

  .uui-navbar02_blog-content-3 {
    max-width: none;
  }

  .uui-navbar02_dropdown-content-left-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-right-overlay-absolute-3 {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar02_dropdown-content-right-3 {
    max-width: 50rem;
    margin-bottom: 1rem;
  }

  .uui-navbar02_menu-3 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar02_menu-left-3 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar02_link-3 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar02_link-3:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar02_dropdown-toggle-2 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar02_dropdown-toggle-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_dropdown-list-3 {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar02_dropdown-list-3.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-navbar02_menu-right-3 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar02_dropdown-link-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link-3:hover {
    background-color: #0000;
  }

  .uui-button-secondary-gray-4.show-tablet-3 {
    display: block;
  }

  .uui-navbar02_button-wrapper-3 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar02_dropdown-content-button-wrapper-3 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .link {
    width: 100%;
    margin-right: 0;
  }

  .pricing-group-button {
    margin-top: 30px;
  }

  .tabs-content {
    border-left-style: none;
    padding-top: 30px;
    padding-left: 0;
  }

  .tab-link {
    margin-bottom: 0;
    margin-right: 20px;
  }

  .rig-grid {
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
  }

  .tabs-menu {
    border-bottom: 1px solid #ffffff4d;
    flex-direction: row;
    padding-bottom: 30px;
    padding-right: 30px;
  }

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

  .bottom-info {
    margin-right: 30px;
  }

  .dynamicimage.slider-brand {
    height: 100%;
  }

  .fs-list_list {
    grid-template-columns: 1fr;
  }

  .fs-message_hide {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-list_tabs.helper {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .fs-list_menu {
    flex-flow: column;
  }

  .nav-overlay {
    z-index: auto;
    display: block;
    position: absolute;
  }

  .nav-overlay:lang(en) {
    display: none;
  }

  .image-5.bo-cie.hp {
    width: 30%;
  }

  .nav-bar-container {
    z-index: 20;
    flex-flow: column;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    width: 100%;
    max-width: none;
    display: inline-flex;
    position: relative;
    overflow: visible;
  }

  .navbar {
    min-height: 7rem;
    padding-left: 0;
  }

  .home-2-services-title-wrap-2 {
    width: auto;
    max-width: none;
  }

  .publications {
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    place-items: stretch start;
  }

  .heading-10.vertical-text {
    text-align: left;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .hide-tablet-5 {
    display: none;
  }

  .show-tablet-4 {
    display: block;
  }

  .uui-dropdown-icon-4 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

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

  .menu-icon_line-bottom-4 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-4 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-4 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .uui-navbar02_dropdown-content-4 {
    flex-direction: column;
  }

  .uui-navbar02_menu-button-4.w--open {
    background-color: #0000;
  }

  .uui-navbar02_blog-content-4 {
    max-width: none;
  }

  .uui-navbar02_dropdown-content-left-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-right-overlay-absolute-4 {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar02_dropdown-content-right-4 {
    max-width: 50rem;
    margin-bottom: 1rem;
  }

  .uui-navbar02_menu-4 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar02_menu-left-4 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar02_link-4 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar02_link-4:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_menu-dropdown-3 {
    width: 100%;
    position: relative;
  }

  .uui-navbar02_dropdown-toggle-3 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar02_dropdown-toggle-3:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar02_dropdown-list-4 {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar02_dropdown-list-4.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-navbar02_menu-right-4 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar02_dropdown-link-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar02_dropdown-link-4:hover {
    background-color: #0000;
  }

  .uui-button-secondary-gray-5.show-tablet-4 {
    display: block;
  }

  .uui-navbar02_button-wrapper-4 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar02_dropdown-content-button-wrapper-4 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-12, .heading-13, .heading-14 {
    width: 100%;
  }

  .div-block-13 {
    padding-right: 20px;
  }

  .credits {
    text-align: center;
  }

  .image-cover-2 {
    border-radius: 20px;
    height: auto;
    max-height: none;
    display: block;
  }

  .heading-18 {
    width: 100%;
  }

  .code-embed-4 {
    display: none;
  }

  .padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .hero_grid {
    flex-flow: column;
  }

  .hero_col2 {
    background-color: #000;
    flex: none;
    width: auto;
    min-height: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -1.26px;
    font-size: 42px;
  }

  h2 {
    letter-spacing: -1.02px;
    font-size: 34px;
  }

  h3 {
    letter-spacing: -.84px;
    font-size: 28px;
  }

  h4 {
    letter-spacing: -.66px;
    font-size: 22px;
  }

  blockquote {
    letter-spacing: -.72px;
    background-size: 30px;
    padding-top: 40px;
    font-size: 24px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.counter-section.klein, .section.counter-section.beige, .section.services-section {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.banner-our-team {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section.banner-our-team.mobile-no-bottom-spacing {
    padding-bottom: 0;
  }

  .section.banner-our-team.mobile-no-bottom-spacing.beige {
    margin-top: 8.2rem;
    padding-top: 0;
  }

  .section.banner-service-template {
    background-image: none;
    margin-top: 5.3rem;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.banner-q-a {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .section.about-us-banner.beige.approche {
    min-height: 200px;
  }

  .section.without-top-spacing {
    padding-top: 0;
  }

  .section.without-top-spacing.beige {
    padding: 80px 0 110px;
  }

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

  .section.cta-section {
    background-image: linear-gradient(to bottom, null, null);
    padding-top: 60px;
    padding-bottom: 110px;
  }

  .section.counter-section {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.counter-section.klein, .section.counter-section.beige, .section.counter-section.klein, .section.counter-section.beige, .section.services-section {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.services-section.is-dark-bg {
    padding: 110px 0;
  }

  .section.image-full-width {
    min-height: 360px;
  }

  .section.team-banner-template {
    padding: 0;
  }

  .section.banner-services-3 {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .section.template-section.beige {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.banner-clients {
    background-position: 50% -30%;
    background-size: 480px;
    padding-bottom: 50px;
  }

  .section.banner-clients.beige {
    background-image: none;
    min-height: 200px;
  }

  .section.banner-job-position-template {
    background-image: none;
  }

  .section.blog-post-section {
    padding-top: 100px;
  }

  .section.cases-3-banner {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section.banner-changelog {
    background-position: 50% -30%;
    background-size: 480px;
    padding-bottom: 50px;
  }

  .section.licensing-banner {
    background-position: 50% -4%;
    background-size: 300px;
    padding-bottom: 50px;
  }

  .section.banner-services-categoty {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section.black.actu {
    padding: 80px 0 110px;
  }

  .base-container.banner-container {
    justify-content: flex-end;
    align-items: center;
    max-width: 568px;
    padding-left: 15px;
    display: flex;
    top: auto;
    bottom: auto;
    right: 0%;
  }

  .base-container.black.glass-card {
    padding-top: 60px;
  }

  .grid-system-wrapper {
    flex-direction: row;
    margin-top: 15px;
  }

  .grid-system {
    border-left: 1px solid #7c7c7c;
    flex-direction: column;
  }

  .grid-title {
    border-bottom: 1px solid #7c7c7c;
    border-right-style: none;
    width: 100%;
  }

  .grid-title.first-grid {
    border-left-style: none;
    border-right-style: none;
    width: 100%;
  }

  .grid-description {
    border-top: 1px solid #a7a7a7;
    border-bottom-style: none;
    border-right-width: 1px;
    align-items: center;
    width: 100%;
  }

  .grid-description.first-description {
    border-width: 1px 1px .5px 0;
    border-top-style: none;
    border-top-color: #a7a7a7;
    border-bottom-style: none;
    border-left-style: none;
    width: 100%;
  }

  .grid-description.last-description {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
  }

  .spacing-system-column {
    margin-top: 20px;
  }

  .spacing-wrapper-mobile {
    margin-top: 30px;
  }

  .typography-wrapper {
    margin-top: 20px;
  }

  .spacing-columns {
    margin-top: 0;
  }

  .bottom-style-spacing-desktop {
    bottom: 10%;
  }

  .top-style-spacing-desktop {
    top: 10%;
  }

  .spacing-wrapper {
    margin-top: 30px;
  }

  .middle-style-spacing-desktop {
    top: 34%;
  }

  .colors-container {
    margin-top: 20px;
  }

  .headings-typography-wrapper {
    width: 100%;
  }

  .headers-wrapper {
    width: 100%;
    margin-top: 10px;
  }

  .style-guide-body-wrapper, .primary-button.full-width-mobile, .primary-button.search-button, .primary-button.submit-button, .primary-button.full-width-mobile, .primary-button.search-button, .primary-button.submit-button {
    width: 100%;
  }

  .style-guide-div {
    grid-row-gap: 40px;
  }

  .top-style-spacing-mobile {
    top: 7%;
  }

  .middlr-style-spacing-mobile {
    top: 31%;
  }

  .bottom-style-spacing-mobile {
    bottom: 9%;
  }

  .grid-header {
    width: 100%;
    margin-top: 20px;
  }

  .link-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }

  .menu-button {
    background-color: #fff;
  }

  .nav-link {
    margin-left: 0;
  }

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

  .licensing-title-wrapper {
    margin-bottom: 20px;
  }

  .licensing-images-wrapper {
    padding-top: 30px;
  }

  .licensing-grid {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
  }

  .licensing-grid.last-child {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-title {
    padding-bottom: 30px;
  }

  .licensing-fonts-wrapper {
    flex-wrap: wrap;
  }

  .licensing-paragraph {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .licensing-font-title {
    margin-bottom: 10px;
  }

  .licensing-icons-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .utility-page-content {
    width: 70%;
  }

  .password-image {
    width: 100px;
  }

  ._404-paragraph {
    margin-bottom: 30px;
  }

  ._404-logo-wrapper {
    top: 20px;
  }

  .coming-soon-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 400px;
  }

  .coming-soon-form {
    flex-flow: column;
  }

  .coming-soon-page-wrap {
    background-image: linear-gradient(108deg, var(--primary-dark), #0b0b0b80), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/682b1911bccf57a045197246_pexels-cottonbro-6533053%201%20(1).webp");
    background-position: 0 0, 58%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
  }

  .coming-soon-heading {
    font-size: 44px;
  }

  .blog-grid-collection-list {
    grid-row-gap: 40px;
    column-count: 1;
  }

  .blog-grid-content-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-grid-item {
    width: 100%;
  }

  .blog-template-image {
    height: 420px;
  }

  .blog-template-pagination {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .blog-template-pagination-icon {
    margin-top: 10px;
  }

  .blog-template-prev-button, .blog-template-next-button {
    width: 100%;
  }

  .footer {
    padding-bottom: 20px;
  }

  .footer-bottom-wrapper {
    grid-row-gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
  }

  .footer-copyright {
    flex-flow: column;
    display: block;
  }

  .section-title-wrapper {
    margin-bottom: 40px;
  }

  .section-title-wrapper.values-title-wrapper {
    width: auto;
  }

  .style-guide-buttons-wrapper {
    flex-wrap: wrap;
    margin-top: 35px;
  }

  .style-guide-button-wrapper {
    width: 100%;
  }

  .career-list-item-wrapper {
    flex-wrap: wrap;
    width: 100%;
  }

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

  .banner-title-wrapper.q-a-banner, .banner-title-wrapper.pricing-banner, .banner-title-wrapper.q-a-banner-copy {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .banner-title-wrapper.services-template-banner {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .banner-title-wrapper.q-a-banner, .banner-title-wrapper.pricing-banner, .banner-title-wrapper.q-a-banner-copy {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .banner-title-wrapper.services-categoty {
    max-width: 100%;
  }

  .pricing-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .job-position-wrapper {
    flex-wrap: wrap;
  }

  .job-position-content-wrapper {
    width: 100%;
  }

  .footer-social-icons-wrapper {
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }

  .footer-top-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
  }

  .footer-brand-column {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 20px;
  }

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

  .footer-social-icon {
    width: 45px;
    height: 45px;
    font-size: 16px;
  }

  .search-result-item {
    margin-bottom: 20px;
  }

  .search-section {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .footer-brand-description {
    text-align: center;
    width: 100%;
    max-width: none;
  }

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

  .customer-wrapper {
    height: 240px;
  }

  .service-details-content-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .service-details-content {
    flex-flow: column;
  }

  .headings-container {
    grid-row-gap: 30px;
  }

  .about-3-tab-link.w--current {
    font-size: 20px;
  }

  .landing-performance-grid {
    grid-column-gap: 80px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .landing-features-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .landing-inner-pages-wrapper {
    grid-template-columns: 1fr;
  }

  .landing-home-pages-wrapper {
    grid-row-gap: 40px;
  }

  .landing-download-block-wrap {
    margin-bottom: 30px;
  }

  .home-1-banner-section {
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    min-height: 900px;
    padding-top: 120px;
    padding-bottom: 20px;
  }

  .left-arrow {
    left: 0;
    right: auto;
  }

  .services-slider {
    flex-flow: column;
    margin-bottom: 80px;
    padding-right: 15px;
    overflow: visible;
  }

  .testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-section-title {
    margin-bottom: 40px;
  }

  .contacts-wrapper-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .section-title-center {
    margin-bottom: 40px;
  }

  .home-4-testimonials-wrapper {
    grid-row-gap: 30px;
    width: 100%;
  }

  .testimonials-wrapper-2 {
    width: 100%;
  }

  .about-img {
    width: 100%;
    max-height: 420px;
  }

  .about-img._1, .about-img._5, .about-img._3, .about-img._4, .about-img._2, .about-img._1, .about-img._5, .about-img._3, .about-img._4, .about-img._2 {
    width: 100%;
    position: static;
  }

  .subtitle {
    line-height: 16px;
  }

  .our-services-wrap {
    grid-row-gap: 10px;
    width: 100%;
  }

  .content-wrapper {
    flex-wrap: wrap;
    width: auto;
  }

  .industries-block-wrapper {
    max-width: none;
  }

  .home-9-team-item {
    width: 48%;
  }

  .search {
    flex-direction: column;
    margin-top: 10px;
  }

  .subtitle-2 {
    line-height: 16px;
  }

  .rich-text-style {
    color: var(--primary-dark);
  }

  .home-banner-left-arrow {
    top: 6%;
  }

  .home-23-team-item {
    width: 70%;
  }

  .button-wrap {
    justify-content: center;
    margin-top: 30px;
  }

  .button-wrap.mobile-align-left {
    justify-content: flex-start;
    align-items: center;
  }

  .brand-tablet {
    justify-content: flex-start;
    padding-left: 0;
  }

  .brand {
    padding-left: 0;
  }

  .details-page-title {
    letter-spacing: -1.02px;
    font-size: 34px;
  }

  .typography-hero-wrapper {
    grid-row-gap: 40px;
    margin-top: 20px;
  }

  .section-purchase {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .button-wrapper-sg {
    margin-top: 20px;
  }

  .license-link-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .licensing-icons {
    width: 100%;
  }

  .left-nav-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .footer-column {
    border-bottom: 1px solid var(--white-opacity-10);
    border-right-style: none;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-right: 0;
  }

  .footer-column.last-child {
    border-bottom-style: none;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-column.center {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .footer-contact-link {
    text-align: left;
    letter-spacing: -.66px;
    word-break: break-all;
    font-size: 22px;
  }

  .dual-contacts-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .column-contacts-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: center;
  }

  .footer-text-big {
    font-size: 47px;
  }

  .footer-text-big:lang(en) {
    font-size: 38px;
  }

  .left-banner-wrap {
    width: 100%;
    height: 51%;
  }

  .right-banner-wrap {
    width: 100%;
    height: 49%;
    inset: auto 0% 0%;
  }

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

  .subheading-wrap.mobile-align-left {
    text-align: center;
    text-align: center;
    flex-flow: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .head.margin-top {
    font-size: 78px;
    font-weight: 900;
  }

  .banner-content-left {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .banner-content-left.banner-home-2 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 0;
  }

  .banner-content-left.banner-tesimonials {
    width: 440px;
    margin-top: 0;
  }

  .manifesto-button-wrap {
    justify-content: center;
    width: 100%;
  }

  .manifesto-button-wrap.leftbtn, .manifesto-button-wrap.leftbtn.centerbtn {
    justify-content: center;
  }

  .manifesto-button-wrap.leftbtn, .manifesto-button-wrap.leftbtn.centerbtn, .manifesto-button-wrap.leftbtn.centerbtn {
    justify-content: center;
  }

  .manifesto-button-wrap.bocie {
    margin-right: 0;
  }

  .image-cover {
    object-fit: fill;
    border-radius: 0;
    height: auto;
    max-height: none;
  }

  .hero-banner-1-image {
    object-position: 50% 30%;
  }

  .banner-value-title {
    letter-spacing: -.72px;
    font-size: 24px;
  }

  .hero-image-overlay {
    background-image: linear-gradient(0deg, #0c0603 7%, var(--transparent) 42%);
  }

  .heading-no-margin {
    text-align: center;
  }

  .about-text-right-column {
    width: 100%;
  }

  .service-image {
    object-position: 50% 0%;
  }

  .service-text-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
  }

  .service-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .h3-heading-link {
    letter-spacing: -.84px;
    font-size: 28px;
  }

  .home-service-collection-item {
    width: 100%;
    height: 450px;
    min-height: auto;
  }

  .service-item-wrap {
    justify-content: center;
  }

  .section-line.mobile-hidden {
    display: none;
  }

  .tabs-wrap {
    flex-flow: column;
  }

  .value-tab-link {
    letter-spacing: -1.26px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 42px;
  }

  .value-tab-link.w--current {
    letter-spacing: -1.26px;
    font-size: 42px;
  }

  .value-tab {
    height: 420px;
  }

  .values-tabs-content {
    width: 100%;
    min-height: 420px;
    position: static;
  }

  .top-values-section-wrap {
    padding-top: 0;
  }

  .counter-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .text-big {
    letter-spacing: -1.26px;
    font-size: 42px;
  }

  .counter-info {
    width: 50%;
  }

  .home-values-title {
    width: 100%;
  }

  .content-wrap-small {
    width: 100%;
    max-width: none;
  }

  .team-item {
    height: 100%;
  }

  .team-item.glass-card {
    align-items: flex-start;
    min-height: 600px;
    max-height: 600px;
  }

  .team-item.glass-card.team {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    min-height: auto;
    max-height: none;
    padding-bottom: 0;
  }

  .team-photo-link {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .team-soc-icon {
    font-size: 16px;
  }

  .cta-content-wrap {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-right: auto;
  }

  .hero-banner-1-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }

  .home-2-banner-section {
    justify-content: space-between;
    align-items: stretch;
  }

  .banner-clients-rate {
    width: 400px;
    position: static;
  }

  .hero-banner-2-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 60px;
  }

  .black-linear-overlay {
    background-image: linear-gradient(#000000b3, #000000b3);
  }

  .counter-content-right-wrap {
    width: 100%;
    max-width: none;
  }

  .counter-hero-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }

  .counter-home-2-wrapper {
    margin-top: 30px;
  }

  .counter-info-item, .counter-info-item.last-child, .counter-info-item.last-child {
    width: 33%;
  }

  .services-home-2-section-title-wrap {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .home-2-services-title-wrap {
    text-align: center;
    width: 100%;
  }

  .services-slider-mask {
    max-width: 510px;
  }

  .services-slider-arrow {
    width: 55px;
    height: 55px;
    bottom: -80px;
    left: auto;
    right: 51%;
  }

  .services-slider-arrow.arrow-right {
    left: 51%;
    right: auto;
  }

  .services-slider-arrow.left-arrow {
    right: 70px;
  }

  .slider-dark-bg {
    display: none;
  }

  .quote-with-image-wrap {
    flex-flow: column-reverse;
    max-height: none;
  }

  .quote-block-img-wrap {
    width: auto;
    height: 560px;
    position: relative;
  }

  .quote-content-wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .light-color-overlay, .light-color-overlay.row-9, .light-color-overlay.row-10, .light-color-overlay.row-9, .light-color-overlay.row-10 {
    display: none;
  }

  .case-study-content-wrap {
    width: 100%;
  }

  .project-image-link {
    width: 100%;
    max-height: 500px;
  }

  .hero-reviews-wrapper {
    flex-flow: column-reverse;
  }

  .hero-reviews-wrapper.mobile-reverse {
    flex-flow: column;
  }

  .reviews-info-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .reviews-text-content-block {
    text-align: left;
    width: 100%;
  }

  .review-content {
    text-align: center;
    letter-spacing: -1.02px;
    font-size: 34px;
  }

  .review-content.testimonials-content {
    height: auto;
    padding-right: 0;
  }

  .review-content.home-quote {
    text-align: center;
  }

  .review-author-wrap {
    max-width: 100%;
  }

  .reviews-slider-arrow {
    width: 55px;
    height: 55px;
  }

  .reviews-slider-arrow.left-arrow {
    left: auto;
    right: 70px;
  }

  .image-logo-absolute {
    width: auto;
  }

  .image-logo-absolute.about-us, .image-logo-absolute.services, .image-logo-absolute.about-us, .image-logo-absolute.services {
    right: auto;
  }

  .home-3-banner-section {
    justify-content: space-between;
    align-items: stretch;
  }

  .about-title-wrap-left {
    max-width: none;
  }

  .map-wrap {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .map-wrap.contact-map {
    margin-top: 0;
  }

  .counter-wrapper-home-3 {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    margin-top: 0;
  }

  .counter-info-wrap {
    width: 50%;
  }

  .home-3-service-collection-item {
    width: 100%;
    min-height: auto;
  }

  .home-3-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tab-content-wrapper {
    padding-left: 15px;
  }

  .reviews-divider.tablet-no-margin-top {
    margin-top: 50px;
  }

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

  .clients-rate {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: auto;
    height: auto;
    position: static;
  }

  .clients-rate-wrapper {
    flex-flow: column;
  }

  .banner-slider {
    padding-left: 150px;
  }

  .banner-slider-arrow {
    width: 55px;
    height: 55px;
    left: 65px;
  }

  .image-author-signature {
    top: auto;
    left: 60px;
  }

  .pricing-title {
    margin-bottom: 40px;
  }

  .pricing-item-wrap {
    justify-content: space-between;
    align-items: center;
  }

  .pricing-item-wrap.mobile-vertical {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .current-price {
    letter-spacing: -.84px;
    font-size: 28px;
  }

  .pricing-list-wrapper {
    margin-bottom: 30px;
  }

  .hero-pricing-wrap {
    width: 100%;
    max-width: 450px;
  }

  .pricing-item-left-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .pricing-item-left-wrap.large-wrap {
    max-width: 100%;
  }

  .scrolling-details {
    padding-right: 0;
  }

  .about-timeline-title-wrap {
    margin-bottom: 40px;
  }

  .history-title-wrap-left {
    max-width: none;
  }

  .team-collection-grid-3-columns-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .accordion-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-accordion-item {
    padding-bottom: 15px;
  }

  .faq-accordion-wrapper {
    flex-wrap: wrap;
  }

  .faq-accordion-wrapper.direction-vertical {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .banner-image {
    display: none;
  }

  .banner-image-overlay.testimonials-overlay {
    background-image: linear-gradient(180deg, var(--primary-dark) 19%, #0b0b0bcc 35%, var(--transparent) 73%), linear-gradient(24deg, var(--primary-dark), var(--transparent));
    background-image: linear-gradient(180deg, var(--primary-dark) 19%, #0b0b0bcc 35%, var(--transparent) 73%), linear-gradient(24deg, var(--primary-dark), var(--transparent));
  }

  .info-row-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .person-item-info {
    max-width: none;
  }

  .team-member-image-wrap {
    width: 100%;
    min-height: 440px;
  }

  .team-info-content-left {
    width: 100%;
  }

  .collection-service-item {
    width: 100%;
    min-height: 400px;
  }

  .team-wrap-relative {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .button-wrap-absolute {
    position: static;
  }

  .service-collection-image-link {
    height: 240px;
  }

  .top-service-item-wrap {
    max-width: 400px;
  }

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

  .value-tab-content {
    min-height: 420px;
  }

  .logo-background-image-wrap {
    background-position: 50% 0;
    background-size: cover;
    height: 70%;
  }

  .logo-background-image-wrap.q-a-image {
    background-size: 440px;
  }

  .collection-list-services-main {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .service-card-description {
    min-height: auto;
  }

  .review-content-2 {
    letter-spacing: -1.02px;
    font-size: 34px;
  }

  .reviews-slider-arrow-2 {
    width: 55px;
    height: 55px;
  }

  .service-additional-image-wrap {
    color: var(--primary-dark);
  }

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

  .reviews-text-description {
    margin-bottom: 20px;
  }

  .faq-bottom-line {
    background-image: linear-gradient(90deg, #8e8e8e66 70%, var(--transparent));
  }

  .contacts-hero-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .contacts-wrap-right, .contacts-wrap-left {
    max-width: none;
  }

  .form-wrapper {
    margin-top: 30px;
  }

  .contacts-links-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .top-info-title {
    margin-bottom: 5px;
  }

  .career-title-wrap-left {
    max-width: none;
  }

  .hot-job-label {
    top: 15px;
  }

  .job-position-banner-wrap {
    justify-content: space-between;
    align-items: center;
  }

  .job-sidebar-content-wrap {
    width: 100%;
  }

  .job-apply-button-wrap {
    justify-content: center;
    margin-top: 30px;
  }

  .tabs-overlay {
    background-color: #16322ce6;
  }

  .job-details-sidebar-wrapper {
    flex-flow: column;
    margin-top: 20px;
  }

  .job-sidebar-image {
    width: 100%;
  }

  .left-blog-title-wrap {
    max-width: 100%;
  }

  .right-blog-info-wrap {
    width: auto;
  }

  .top-blog-post-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column-reverse;
  }

  .blog-post-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .blog-post-short-description {
    margin-top: 10px;
  }

  .blog-post-content-wrap {
    margin-top: 40px;
  }

  .blog-post-conclusion-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 20px;
  }

  .blog-title-wrap-left {
    max-width: none;
  }

  .case-image-link {
    width: 100%;
    max-width: none;
    max-height: 500px;
  }

  .case-text-wrap {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .case-hero-wrap {
    flex-flow: column-reverse;
  }

  .cases-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .case-card-button-wrap {
    margin-top: 30px;
  }

  .collection-case-studies-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }

  .home-case-studies-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .cases-title-wrap-left {
    max-width: none;
  }

  .case-link-wrap {
    height: 450px;
  }

  .case-item-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .left-cases-column, .right-cases-wrap {
    width: 100%;
  }

  .right-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hero-cases-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .left-cases-collection-wrap {
    margin-top: 40px;
  }

  .left-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .project-title-wrap-left {
    max-width: none;
  }

  .project-info-grid {
    margin-top: 30px;
  }

  .project-info-wrap-right {
    margin-top: 0;
  }

  .project-content-block {
    padding: 30px 20px 10px;
  }

  .info-grid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .outcome-case-wrap {
    margin-bottom: 40px;
  }

  .cases-collection-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  ._404-text {
    font-size: 140px;
  }

  .licensing-social-icon {
    width: 45px;
    height: 45px;
    font-size: 16px;
  }

  .team-hero-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .pricing-wrap {
    width: 100%;
    max-width: 450px;
  }

  .promotion-label-left {
    max-width: 300px;
  }

  .counter-item {
    width: 46.5%;
  }

  .counter-number-dark {
    letter-spacing: -1.3px;
    font-size: 44px;
  }

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

  .primary-button-line-black.full-width-mobile, .primary-button-line-black.search-button, .primary-button-line-black.submit-button {
    width: 100%;
  }

  .primary-button-line-black.full-width-mobile, .primary-button-line-black.search-button, .primary-button-line-black.submit-button {
    width: 100%;
  }

  .primary-button-line-black.white.navb-c {
    font-size: 14px;
  }

  .heading-no-margin-copy {
    text-align: center;
  }

  .background-video {
    min-width: auto;
    height: 100%;
    min-height: 60vh;
    margin-top: 0;
  }

  .image-2 {
    padding: 0;
  }

  .flex-block-17 {
    text-align: center;
  }

  .uui-text-size-small.hide-mobile-landscape, .hide-mobile-landscape {
    display: none;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-navbar02_dropdown-link-list {
    grid-row-gap: 0rem;
    max-width: none;
  }

  .uui-navbar02_blog-image {
    width: 32%;
  }

  .uui-navbar02_blog-item {
    padding: 0;
  }

  .uui-navbar02_blog-item:hover {
    background-color: #0000;
  }

  .uui-navbar02_menu-button {
    flex-flow: column;
    width: auto;
    display: flex;
  }

  .uui-navbar02_dropdown-content-left {
    grid-row-gap: 0rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .uui-navbar02_dropdown-content-right {
    margin-bottom: 0;
    padding: 0;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-navbar02_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_container.black-line {
    width: 100vw;
  }

  .uui-navbar02_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_link {
    font-size: 14px;
  }

  .uui-navbar02_dropdown-toggle2 {
    font-size: 1rem;
  }

  .uui-navbar02_dropdown-list.w--open {
    min-width: 100%;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-link-gray {
    font-size: 1rem;
  }

  .uui-button-link-gray:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-logo_component {
    justify-content: center;
    max-width: none;
  }

  .uui-styleguide_logomark-bg {
    background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/68501616c9a5d6564178e54f_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-logo_logotype {
    width: 400px;
    padding-right: 0;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

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

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-2.is-button-large {
    grid-column-gap: .5rem;
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-button-row-2.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-2.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-section_heroheader {
    background-image: linear-gradient(#ffffff4d, #ffffff4d), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/68e8d8d516e66efa6b46eeb3_B_mobile.webp");
    height: 90vh;
    padding-top: 0;
  }

  .uui-heroheader09_component {
    align-items: start;
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray-2.is-button-large {
    grid-column-gap: .5rem;
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .uui-text-size-small-2.hide-mobile-landscape-3, .hide-mobile-landscape-3 {
    display: none;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-3 {
    align-self: stretch;
  }

  .uui-navbar02_dropdown-link-list-2 {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar02_blog-item-2 {
    padding: 0;
  }

  .uui-navbar02_blog-item-2:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-left-2 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right-2 {
    padding: 2rem 1rem;
  }

  .uui-button-link-2 {
    font-size: 1rem;
  }

  .uui-button-link-2:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-navbar02_component-2 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_link-2 {
    font-size: 1rem;
  }

  .uui-navbar02_menu-dropdown-2 {
    display: block;
  }

  .uui-navbar02_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray-2:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-link-gray-2 {
    font-size: 1rem;
  }

  .uui-button-link-gray-2:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-styleguide_logomark-bg-2 {
    background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/68501616c9a5d6564178e54f_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success-2 {
    padding: .125rem .5rem;
  }

  .uui-navbar02_menu-dropdown2-copy {
    font-size: 1rem;
  }

  .uui-text-size-small-3.hide-mobile-landscape-4, .hide-mobile-landscape-4 {
    display: none;
  }

  .uui-button-4 {
    font-size: 1rem;
  }

  .uui-button-4:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-4 {
    align-self: stretch;
  }

  .uui-navbar02_dropdown-link-list-3 {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar02_blog-item-3 {
    padding: 0;
  }

  .uui-navbar02_blog-item-3:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-left-3 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right-3 {
    padding: 2rem 1rem;
  }

  .uui-button-link-3 {
    font-size: 1rem;
  }

  .uui-button-link-3:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-navbar02_component-3 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_menu-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_link-3, .uui-navbar02_dropdown-toggle-2 {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray-3:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-link-gray-3 {
    font-size: 1rem;
  }

  .uui-button-link-gray-3:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-styleguide_logomark-bg-3 {
    background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/68501616c9a5d6564178e54f_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success-3 {
    padding: .125rem .5rem;
  }

  .link {
    width: 100%;
    margin-right: 0;
  }

  .flex-block-18 {
    justify-content: center;
    align-items: center;
  }

  .tab-link {
    font-size: 18px;
    line-height: 18px;
  }

  .text-block-9.uui-navbar02_item-heading {
    font-weight: 400;
  }

  .what-we-do-tabs {
    justify-content: space-between;
  }

  .wwd-tabs-content {
    width: 75%;
    margin-left: 1%;
  }

  .wwd-tabs-menu {
    width: 20%;
  }

  .image-5.bo-cie.hp {
    width: 30%;
  }

  .nav-bar-container {
    width: 100%;
  }

  .navbar {
    border-bottom-style: none;
    min-height: 7rem;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-8 {
    flex-flow: column;
  }

  .uui-text-size-small-4.hide-mobile-landscape-5, .hide-mobile-landscape-5 {
    display: none;
  }

  .uui-button-5 {
    font-size: 1rem;
  }

  .uui-button-5:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-5 {
    align-self: stretch;
  }

  .uui-navbar02_dropdown-link-list-4 {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar02_blog-item-4 {
    padding: 0;
  }

  .uui-navbar02_blog-item-4:hover {
    background-color: #0000;
  }

  .uui-navbar02_dropdown-content-left-4 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right-4 {
    padding: 2rem 1rem;
  }

  .uui-button-link-4 {
    font-size: 1rem;
  }

  .uui-button-link-4:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-navbar02_component-4 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_menu-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar02_link-4, .uui-navbar02_dropdown-toggle-3 {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-5 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-5:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray-4:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-link-gray-4 {
    font-size: 1rem;
  }

  .uui-button-link-gray-4:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-styleguide_logomark-bg-4 {
    background-image: url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/68501616c9a5d6564178e54f_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success-4 {
    padding: .125rem .5rem;
  }

  .dropdown {
    width: 100%;
    margin-right: 0;
  }

  .heading-12, .heading-14 {
    text-align: center;
    width: 100%;
  }

  .div-block-13 {
    padding-right: 20px;
  }

  .credits {
    text-align: center;
  }

  .image-cover-2 {
    border-radius: 20px;
    height: auto;
    max-height: none;
    display: block;
  }

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

  .flex-block-19, .flex-block-20, .flex-block-21, .flex-block-22, .flex-block-23, .flex-block-24, .flex-block-25, .flex-block-27 {
    justify-content: center;
    align-items: center;
  }

  .link-4 {
    margin-top: 20px;
  }

  .code-embed-4 {
    display: none;
  }

  .section-4 {
    padding-top: 80px;
  }

  .padding-global {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .fs-cc_modal {
    background-color: #000;
  }

  .fs-cc_close-button {
    margin-right: 1.25rem;
  }

  .hero_col2 {
    min-height: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .fs-cc_modal-buttons {
    padding: 1.5rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding: 80px 0 110px;
  }

  .section.banner-our-team.mobile-no-bottom-spacing.beige {
    margin-top: 7rem;
  }

  .section.banner-service-template {
    background-color: var(--white);
    background-image: none;
    margin-top: 5.3rem;
    padding-top: 60px;
  }

  .section.about-us-banner.beige {
    margin-top: 7rem;
  }

  .section.about-us-banner.beige.approche {
    background-image: none;
    min-height: 200px;
    margin-top: 7rem;
  }

  .section.without-top-spacing {
    padding-top: 80px;
  }

  .section.without-top-spacing.black {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.without-top-spacing.beige {
    padding: 80px 0 110px;
  }

  .section.cta-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 110px;
    display: block;
  }

  .section.counter-section.klein {
    padding: 80px 0 110px;
    display: block;
  }

  .section.counter-section.beige {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.services-section {
    background-color: var(--primary-dark);
    padding-top: 0;
    padding-bottom: 110px;
  }

  .section.services-section.is-dark-bg {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.image-full-width {
    min-height: auto;
  }

  .section.expand.black {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.team-banner-template {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .section.template-section.beige {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .section.banner-clients.beige {
    background-image: none;
    min-height: 200px;
    margin-top: 7rem;
  }

  .section.contact-banner {
    padding-top: 10px;
  }

  .section.licensing-banner {
    flex-flow: column;
    margin-top: 7rem;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.black.actu {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .base-container {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .base-container.banner-container {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    position: static;
    overflow: visible;
  }

  .base-container.black.glass-card {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 60px;
  }

  .base-container.footer.no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .base-container.foo {
    height: 140px;
  }

  .grid-system-wrapper {
    flex-direction: row;
  }

  .grid-system {
    flex-direction: column;
    width: 50%;
  }

  .grid-title {
    align-items: center;
  }

  .grid-title.first-grid {
    text-align: center;
    text-align: center;
    flex: 1;
    width: 100%;
  }

  .grid-description {
    border-bottom-width: 1px;
    border-bottom-color: #fff3;
  }

  .grid-description.first-description {
    border-bottom: 1px #fff3;
    border-left-style: none;
    border-right-style: solid;
  }

  .grid-description.last-description {
    border-bottom-color: #a7a7a7;
  }

  .typography-wrapper {
    font-size: 20px;
  }

  .bottom-style-spacing-desktop {
    bottom: 8%;
  }

  .top-style-spacing-desktop {
    top: 7%;
  }

  .middle-style-spacing-desktop {
    top: 32%;
  }

  .primary-button {
    width: auto;
    font-size: 14px;
    display: block;
  }

  .primary-button.full-width-mobile {
    width: 100%;
  }

  .top-style-spacing-mobile {
    top: 5%;
  }

  .middlr-style-spacing-mobile {
    top: 28%;
  }

  .bottom-style-spacing-mobile {
    bottom: 8%;
  }

  .nav-menu {
    background-color: var(--white);
    width: 100%;
    margin-top: auto;
  }

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

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

  .nav-dropdown {
    flex-flow: column;
    display: block;
  }

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

  .nav-dropdown-icon {
    display: none;
  }

  .nav-dropdown-list {
    background-color: var(--white);
    display: none;
  }

  .nav-dropdown-list.megamenu {
    background-color: var(--white);
    background-color: var(--white);
    flex-flow: row;
    max-width: 320px;
    height: 0;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
    display: none;
    overflow: hidden;
  }

  .nav-dropdown-link-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    overflow: visible;
  }

  .nav-dropdown-link-wrapper.bridge {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-dropdown-link {
    color: var(--primary-dark);
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
  }

  .nav-close-icon {
    border: 1px solid #fff;
  }

  .licensing-title-wrapper {
    grid-column-gap: 20px;
    flex-wrap: wrap;
  }

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

  .utility-page-content {
    width: 100%;
  }

  ._404-content-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .coming-soon-form {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .coming-soon-paragraph {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .coming-soon-page-wrap {
    background-position: 0 0, 62%;
  }

  .coming-soon-heading {
    font-size: 32px;
  }

  .nav-menu-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-template-image {
    height: 360px;
  }

  .blog-template-prev-button, .blog-template-next-button {
    flex: none;
    width: 100%;
  }

  .footer {
    text-align: left;
    width: auto;
    padding-bottom: 0;
  }

  .footer-bottom-wrapper {
    flex-flow: row;
    margin-bottom: 20px;
    display: flex;
  }

  .footer-rights {
    text-align: center;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-copyright {
    text-align: center;
    flex-flow: column wrap;
    display: block;
  }

  .section-title-wrapper.team-section {
    max-width: 400px;
  }

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

  .career-item-cell {
    margin-bottom: 0;
  }

  .banner-title-wrapper.about-us-banner, .banner-title-wrapper.team-banner, .banner-title-wrapper.services-1-banner, .banner-title-wrapper.services-3-banner {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .banner-title-wrapper.pricing-banner, .banner-title-wrapper.blog-category-banner, .banner-title-wrapper.cases-2-banner, .banner-title-wrapper.services-categoty, .banner-title-wrapper.cases-category-banner, .banner-title-wrapper.about-us-banner, .banner-title-wrapper.team-banner, .banner-title-wrapper.services-1-banner, .banner-title-wrapper.services-3-banner {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .banner-title-wrapper.q-a-banner {
    flex-flow: column;
  }

  .banner-title-wrapper.pricing-banner, .banner-title-wrapper.blog-category-banner, .banner-title-wrapper.cases-2-banner, .banner-title-wrapper.services-categoty, .banner-title-wrapper.cases-category-banner {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .text-white {
    color: var(--white);
    text-align: center;
    font-size: 18px;
    line-height: 1.4em;
  }

  .text-white.paragraph-no-margin.gray {
    text-align: left;
    text-align: left;
    text-align: left;
    margin-bottom: 0;
  }

  .pricing-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contacts-input {
    font-size: 16px;
  }

  .footer-social-icons-wrapper {
    margin-top: 0;
  }

  .footer-top-wrapper {
    flex-flow: column;
    width: auto;
    height: auto;
  }

  .footer-brand-column {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .footer-social-icon {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .footer-logo {
    max-width: 96%;
    padding-left: 0;
  }

  .footer-brand-description {
    text-align: center;
  }

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

  .service-details-content-wrapper {
    padding-top: 0;
  }

  .service-details-content {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .style-guide-content-wrapper.no-wrap {
    flex-wrap: wrap;
  }

  .about-3-tab-link {
    font-size: 16px;
  }

  .about-3-tab-link.w--current {
    font-size: 18px;
  }

  .landing-features-grid {
    grid-template-columns: 1fr;
  }

  .landing-feature-icon {
    margin-bottom: 10px;
  }

  .nav-dropdown-column.klein {
    width: 100%;
  }

  .landing-download-block-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-1-banner-section {
    height: auto;
    padding-top: 120px;
  }

  .section-title-center {
    margin-bottom: 20px;
  }

  .our-services-wrap, .home-9-team-item {
    width: 100%;
  }

  .nav-dropdown-dot {
    color: var(--primary-dark);
    display: block;
  }

  .menu-wrap {
    background-color: var(--white);
    flex-flow: column;
    width: 100%;
    padding-top: 0;
    display: flex;
  }

  .rich-text-style {
    color: var(--primary-dark);
  }

  .rich-text-style h4 {
    margin-bottom: 20px;
  }

  .rich-text-style ol {
    padding-left: 20px;
  }

  .rich-text-style.black {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .rich-text-style.grey {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 18px;
    line-height: 1.5em;
  }

  .rich-text-style.grey.js-truncate {
    font-size: 16px;
  }

  .home-23-team-item {
    width: 100%;
  }

  .button-wrap.mobile-align-left {
    justify-content: center;
  }

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

  .tablet-menu {
    display: flex;
  }

  .brand-tablet {
    padding-left: 0;
  }

  .brand.w--current {
    flex: 1;
    padding-top: 10px;
  }

  .footer-rights-wrapper {
    grid-row-gap: 5px;
    justify-content: center;
  }

  .position-relative {
    padding-left: 0;
    padding-right: 0;
  }

  .coming-soon-form-main {
    width: 100%;
  }

  .footer-licensing-link {
    text-align: center;
    justify-content: center;
    line-height: 1.6em;
  }

  .nav-info-text {
    display: none;
  }

  .nav-info-text.mobile-visible {
    display: block;
  }

  .nav-info-wrap {
    display: flex;
  }

  .footer-column {
    border-bottom: 1px solid var(--white-opacity-10);
    border-right-style: none;
  }

  .footer-column.last-child {
    text-align: center;
    flex-flow: row;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .footer-column.center {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .footer-links-wrap {
    grid-row-gap: 30px;
    flex-flow: wrap;
    align-items: center;
  }

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

  .footer-contact-link {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    font-size: 16px;
    display: flex;
  }

  .footer-contatct-wrap {
    outline-offset: 0px;
    border: 1px #000;
    outline: 0 #0b0b0b;
    width: 100%;
  }

  .dual-contacts-wrap {
    text-align: center;
    align-self: auto;
    width: 100%;
  }

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

  .footer-bottom-text-wrap {
    flex-flow: row;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .footer-text-big {
    font-size: 23px;
  }

  .footer-text-big:lang(en) {
    font-size: 20px;
  }

  .left-banner-wrap {
    height: 57%;
  }

  .right-banner-wrap {
    height: 43%;
  }

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

  .subheading-wrap.mobile-align-left {
    flex: none;
    justify-content: flex-start;
    align-items: center;
  }

  .head {
    letter-spacing: -1.44px;
    font-size: 34px;
  }

  .head.margin-top {
    flex-flow: column;
    align-items: flex-start;
    width: auto;
    min-width: 0%;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2em;
    display: flex;
    overflow: visible;
  }

  .head.cgu {
    font-size: 32px;
  }

  .banner-content-left.banner-home-2, .banner-content-left.banner-tesimonials, .banner-content-left.banner-home-2, .banner-content-left.banner-tesimonials {
    width: 100%;
  }

  .manifesto-button-wrap {
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
  }

  .manifesto-button-wrap.leftbtn, .manifesto-button-wrap.leftbtn.centerbtn {
    justify-content: center;
    margin-bottom: 10px;
  }

  .manifesto-button-wrap.leftbtn, .manifesto-button-wrap.leftbtn.centerbtn, .manifesto-button-wrap.leftbtn.centerbtn {
    justify-content: center;
    margin-bottom: 10px;
  }

  .manifesto-button-wrap.bocie {
    flex-flow: column;
    align-items: center;
    margin-right: 0;
  }

  .manifesto-button-wrap.center {
    align-self: center;
  }

  .image-cover {
    object-fit: fill;
    border-radius: 32px;
    height: auto;
    max-height: none;
  }

  .hero-banner-1-image {
    object-position: 40% 30%;
  }

  .heading-no-margin {
    text-align: left;
    padding-top: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
  }

  .heading-no-margin.center {
    text-align: left;
  }

  .heading-no-margin.center-title {
    text-align: center;
  }

  .heading-no-margin.center-title.left-title {
    text-align: center;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
  }

  .services-section-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .service-image {
    width: auto;
  }

  .service-text-wrap {
    justify-content: space-between;
    align-items: center;
    margin: 15px;
    padding-bottom: 0;
  }

  .service-title-wrap {
    text-align: center;
  }

  .h3-heading-link {
    text-transform: uppercase;
    font-size: 22px;
  }

  .h3-heading-link.black {
    line-height: 1.4em;
  }

  .h3-heading-link.team {
    font-size: 22px;
  }

  .service-item-wrap {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
  }

  .values-section-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .text-big {
    font-size: 26px;
  }

  .counter-info {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .counter-info.services-counter-item {
    text-align: center;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-absolute.services-image {
    object-position: 80% 50%;
    object-position: 80% 50%;
  }

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

  .team-item.glass-card {
    width: auto;
    min-height: 600px;
    max-height: 600px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
  }

  .team-item.glass-card.team {
    flex-flow: column;
    margin: 0;
    padding: 20px;
  }

  .team-collection-grid-3-columns {
    grid-template-columns: 1fr;
  }

  .team-photo-link {
    max-height: none;
  }

  .team {
    text-transform: none;
  }

  .team.maj, .team.maj.nomgbtm {
    font-size: 18px;
  }

  .team.sepc {
    text-align: center;
    width: 100%;
    font-size: 17px;
  }

  .team.maj, .team.maj.nomgbtm, .team.maj.nomgbtm {
    font-size: 18px;
  }

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

  .team-button-wrap {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 40px;
    display: flex;
  }

  .team-info-wrap {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    display: flex;
  }

  .cta-content-wrap {
    width: 100%;
    max-width: none;
  }

  .hero-banner-1-content {
    justify-content: space-between;
    align-items: flex-start;
  }

  .cta-image {
    vertical-align: middle;
    min-height: auto;
  }

  .cta-overlay {
    display: flex;
  }

  .home-2-banner-section {
    height: auto;
    padding-top: 160px;
  }

  .primary-button-with-icon.uui-button-2.is-button-large {
    width: 100%;
    font-size: 14px;
  }

  .button-arrow {
    display: none;
  }

  .banner-clients-rate {
    width: 100%;
    max-width: 400px;
  }

  .banner-clients-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .counter-content-right-wrap {
    align-items: flex-start;
  }

  .counter-hero-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .counter-home-2-wrapper {
    flex-flow: wrap;
  }

  .counter-info-item {
    width: 47%;
  }

  .counter-info-item.last-child {
    width: 100%;
  }

  .counter-about-wrap {
    width: auto;
  }

  .services-home-2-section-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .home-2-services-title-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .services-slider-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .home-2-services-collection-list {
    grid-template-columns: 1fr;
  }

  .services-slider-arrow.left-arrow {
    margin-bottom: -75px;
    right: 51%;
  }

  .quote-block-img-wrap {
    height: auto;
  }

  .section-title-flex-between-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .case-study-content-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-reviews-wrapper {
    flex-flow: column wrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .reviews-info-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    order: 0;
    align-self: auto;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .review-slider {
    margin-bottom: 85px;
    display: flex;
  }

  .review-content {
    text-align: center;
    margin-top: 40px;
    padding-top: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .review-content.home-3-content, .review-content.testimonials-content {
    height: auto;
  }

  .review-content.home-3-content, .review-content.testimonials-content {
    height: auto;
  }

  .review-content.home-quote {
    padding-right: 0;
    font-size: 18px;
    line-height: 1.5em;
  }

  .review-author-wrap {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: 0;
  }

  .reviews-slider-arrow {
    margin-bottom: -75px;
    left: 51.5%;
    right: auto;
  }

  .reviews-slider-arrow.left-arrow {
    right: 51.5%;
  }

  .image-logo-absolute {
    min-height: 400px;
  }

  .image-logo-absolute.about-us, .image-logo-absolute.services, .image-logo-absolute.about-us, .image-logo-absolute.services {
    height: 400px;
  }

  .home-3-banner-section {
    padding-top: 120px;
  }

  .hero-heading-small {
    letter-spacing: -1.44px;
    font-size: 48px;
  }

  .counter-info-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .margin-top-20 {
    font-size: 50px;
  }

  .home-3-services-collection-list {
    grid-template-columns: 1fr;
  }

  .home-3-tabs-menu {
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .home-3-value-tab-link.w--current {
    justify-content: flex-start;
    align-items: center;
  }

  .home-3-value-tab-link.mobile-text-center {
    text-align: center;
    text-align: center;
  }

  .tab-content-wrapper {
    padding-right: 15px;
  }

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

  .clients-rate {
    width: 100%;
  }

  .bottom-banner-slider {
    margin-bottom: 120px;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-slider {
    padding-left: 0;
  }

  .banner-slider-mask {
    width: 100%;
    height: 240px;
  }

  .text-info-wrap {
    max-width: 85%;
  }

  .banner-slide {
    width: 100%;
  }

  .banner-slider-arrow {
    margin-bottom: -75px;
    left: 70px;
  }

  .banner-slider-arrow.arrow-left {
    left: 0;
  }

  .counter-line._01.mobile-hidden, .counter-line._02.mobile-hidden, .counter-line._03.mobile-hidden, .counter-line._04.mobile-hidden, .counter-line._01.mobile-hidden, .counter-line._01.mobile-hidden, .counter-line._02.mobile-hidden, .counter-line._02.mobile-hidden, .counter-line._03.mobile-hidden, .counter-line._03.mobile-hidden, .counter-line._04.mobile-hidden, .counter-line._04.mobile-hidden {
    display: none;
  }

  .author-wrap {
    flex-flow: wrap;
  }

  .image-author-signature {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .pricing-wrapper-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .pricing-item-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    padding-bottom: 20px;
  }

  .price-wrap {
    margin-left: 0;
  }

  .pricing-list-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-pricing-wrap {
    width: 100%;
  }

  .pricing-item-left-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .scroll-item-header {
    text-overflow: clip;
    overflow-wrap: break-word;
    flex-flow: column;
    flex: 0 auto;
    width: 240px;
    display: block;
  }

  .scroll-details {
    text-transform: none;
    padding-right: 20px;
    font-size: 18px;
  }

  .team-collection-grid-3-columns-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .accordion-column {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .text-info-title {
    font-size: 18px;
  }

  .text-info-title.formation {
    padding-top: 0;
  }

  .info-row-wrap {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .team-member-info-row-wrap {
    margin-top: 20px;
  }

  .about-team-member-info {
    display: block;
  }

  .team-member-image-wrap {
    flex-flow: column;
    min-height: 0;
    display: block;
  }

  .team-img {
    aspect-ratio: auto;
    object-fit: fill;
    padding-bottom: 20px;
  }

  .team-info-content-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

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

  .button-wrap-absolute {
    text-align: center;
    order: -1;
    position: static;
  }

  .service-item-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .service-collection-image-link {
    height: 280px;
  }

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

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

  .logo-background-image-wrap {
    background-size: cover;
    height: 50%;
  }

  .hero-banner-wrap {
    text-align: center;
  }

  .review-content-2 {
    padding-right: 0;
  }

  .reviews-slider-arrow-2 {
    margin-bottom: -75px;
    left: 51.5%;
    right: auto;
  }

  .template-banner-title.heading-no-margin {
    font-size: 34px;
  }

  .service-additional-image-wrap {
    color: var(--primary-dark);
  }

  .hero-tabs-menu {
    justify-content: center;
  }

  .faq-bottom-line {
    background-image: linear-gradient(90deg, #8e8e8e66 100%, var(--transparent));
  }

  .form-fields-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .hot-job-label {
    top: 10px;
  }

  .sidebar-info-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .job-sidebar-content-wrap {
    padding: 30px 20px;
  }

  .job-apply-button-wrap {
    margin-top: 20px;
  }

  .career-card-title-wrap {
    flex-flow: wrap-reverse;
  }

  .flex-block-15 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-socials-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .bottom-author-wrap {
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-post-rich-text h4 {
    margin-bottom: 20px;
  }

  .blog-post-rich-text ol {
    padding-left: 20px;
  }

  .blog-conclusion-rich-text h4 {
    margin-bottom: 20px;
  }

  .blog-conclusion-rich-text ol {
    padding-left: 20px;
  }

  .case-image-link {
    min-width: auto;
  }

  .case-hero-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cases-tabs-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: space-between;
    align-items: center;
  }

  .collection-case-studies-wrapper, .home-case-studies-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .case-link-wrap {
    height: 380px;
  }

  .project-info-grid {
    grid-template-columns: 1fr;
  }

  .project-rich-text h4 {
    margin-bottom: 20px;
  }

  .project-rich-text ol {
    padding-left: 20px;
  }

  ._404-text {
    font-size: 120px;
  }

  ._404-brand-link {
    width: 100%;
  }

  .coming-soon-input {
    width: 100%;
    min-width: auto;
  }

  .team-hero-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .team-hero-wrap.glass-card {
    margin-bottom: 40px;
  }

  .landing-heading {
    letter-spacing: -1.44px;
    font-size: 48px;
  }

  .pricing-wrap {
    width: 100%;
  }

  .promotion-label-left {
    bottom: 90px;
    left: auto;
    right: 12px;
  }

  .heading {
    text-align: center;
    font-size: 16px;
  }

  .primary-button-line-black {
    width: auto;
    font-size: 14px;
  }

  .primary-button-line-black.full-width-mobile {
    width: 100%;
  }

  .primary-button-line-black.white.navb-c {
    font-size: 14px;
  }

  .primary-button-line-black.white.bo-cie {
    width: 40%;
    margin-top: 10px;
    margin-right: 0;
    font-size: 14px;
  }

  .bold-text.light.white {
    font-size: 30px;
  }

  .heading-no-margin-copy {
    text-align: center;
    font-size: 20px;
  }

  .div-block {
    height: 40vh;
  }

  .background-video {
    min-width: 0;
    height: 100%;
    min-height: 60vh;
    margin-top: 0;
  }

  .image-2 {
    border-width: 20px;
    border-radius: 20px;
    margin-top: 20px;
    padding: 0;
    position: static;
  }

  .svg-elem-1 {
    padding-bottom: 10px;
  }

  .dropdown-container {
    width: 100%;
    display: block;
  }

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

  .container {
    color: var(--primary-dark);
    width: auto;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 10px;
  }

  .image-4 {
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    overflow: clip;
  }

  .paragraph {
    text-align: center;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    font-size: 18px;
  }

  .paragraph.approche {
    max-width: 341px;
    font-size: 18px;
    line-height: 1.4em;
  }

  .italic-text-2 {
    text-align: center;
    font-size: 16px;
  }

  .uui-button {
    font-family: Montserrat, sans-serif;
  }

  .uui-button:hover {
    border-color: var(--dark-gray);
    background-color: var(--dark-gray);
  }

  .uui-navbar02_dropdown-blog-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar02_blog-image {
    width: 32%;
  }

  .uui-navbar02_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar02_menu-button {
    text-align: left;
    flex-flow: column;
    align-self: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    left: auto;
    right: auto;
  }

  .uui-navbar02_blog-content {
    margin-top: .5rem;
  }

  .uui-navbar02_dropdown-content-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .uui-navbar02_dropdown-content-left {
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right {
    max-width: none;
    margin-bottom: 0;
    padding: 0;
  }

  .uui-navbar02_logo-link.w--current {
    padding-top: 0;
  }

  .uui-navbar02_link {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 1em;
  }

  .uui-navbar02_link.first {
    font-family: Montserrat, sans-serif;
    line-height: 1em;
  }

  .uui-navbar02_dropdown-toggle2 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .uui-navbar02_dropdown-list.w--open {
    margin-top: 0;
  }

  .uui-navbar02_dropdown-link {
    grid-column-gap: 0rem;
    padding-left: 0;
  }

  .uui-logo_component {
    justify-content: center;
    height: 2.8rem;
  }

  .uui-logo_logotype {
    width: 400px;
    padding-right: 0;
  }

  .heading-2 {
    text-align: center;
    font-size: 26px;
    line-height: 1.4em;
  }

  .paragraph-2 {
    text-align: center;
    font-size: 18px;
  }

  .uui-navbar02_dropdown-link-copy {
    padding-left: 0;
  }

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

  .uui-container-large {
    width: auto;
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .uui-page-padding {
    flex-flow: row;
    justify-content: center;
    align-items: baseline;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .uui-button-row-2.is-reverse-mobile-landscape {
    width: 100%;
  }

  .uui-section_heroheader {
    background-image: linear-gradient(#ffffff4d, #ffffff4d), url("https://cdn.prod.website-files.com/682b1911bccf57a045196f0c/68e8d8d516e66efa6b46eeb3_B_mobile.webp");
    background-size: auto, cover;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 100%;
    height: 90vh;
    margin-top: 0;
    padding-top: 0;
    display: flex;
    overflow: hidden;
  }

  .uui-heroheader09_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    justify-items: stretch;
    width: 100%;
    display: block;
  }

  .uui-heroheader09_content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .uui-heroheader09_image-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge {
    flex-flow: row;
    align-items: stretch;
    width: auto;
    padding-bottom: 2rem;
    display: flex;
    position: static;
  }

  .uui-navbar02_dropdown-blog-item-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar02_blog-item-2 {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar02_blog-content-2 {
    margin-top: .5rem;
  }

  .uui-navbar02_dropdown-content-wrapper-2 {
    width: 100%;
  }

  .uui-navbar02_dropdown-content-left-2 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right-2 {
    max-width: none;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .uui-navbar02_menu-dropdown-2 {
    display: block;
  }

  .uui-navbar02_dropdown-toggle.bubble {
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
  }

  .uui-navbar02_dropdown-link-2 {
    padding-left: 0;
  }

  .uui-navbar02_dropdown-blog-item-wrapper-3 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar02_blog-item-3 {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar02_blog-content-3 {
    margin-top: .5rem;
  }

  .uui-navbar02_dropdown-content-wrapper-3 {
    width: 100%;
  }

  .uui-navbar02_dropdown-content-left-3 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right-3 {
    max-width: none;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .uui-navbar02_dropdown-link-3 {
    padding-left: 0;
  }

  .link {
    width: 100%;
    margin-right: 0;
  }

  .link.w--current {
    width: 100%;
    font-size: 14px;
    line-height: 1em;
  }

  .text-block-8 {
    font-size: 14px;
    font-weight: 600;
  }

  .heading-6.extrabold {
    font-size: 30px;
    font-weight: 700;
  }

  .locale, .locales-list {
    width: 100%;
  }

  .flex-block-18 {
    justify-content: flex-end;
    align-items: stretch;
    padding-top: 0;
  }

  .pricing-group-button {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }

  .tab-link {
    margin-bottom: 16px;
    margin-right: 30px;
  }

  .check-list {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .tabs {
    grid-template-rows: auto auto;
  }

  .text-block-9.uui-navbar02_item-heading {
    color: var(--primary-dark);
    padding-left: 10px;
    font-weight: 400;
  }

  .dropdown-list.lang {
    width: 100%;
  }

  .section-3.dark {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .what-we-do-tabs {
    flex-wrap: wrap;
  }

  .wwd-tabs-content {
    width: 100%;
  }

  .branding-nav {
    width: 48%;
  }

  .dynamicimage.slider-brand {
    width: 100%;
  }

  .innerwrapper {
    padding-bottom: 0;
  }

  .wwd-tabs-menu {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .fs-list_list {
    padding: 1rem;
  }

  .fs-list_content {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-example_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
    margin: 40px 0;
    padding: 0;
  }

  .fs-message_hide {
    padding: 1rem;
  }

  .fs-list_tabs.helper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fs-list_menu {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-overlay {
    display: block;
  }

  .glass-card {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .glass-card.expert {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-5 {
    width: 50%;
  }

  .image-5.bo-cie.hp {
    width: 36%;
  }

  .nav-bar-container {
    flex: 0 auto;
    align-self: auto;
  }

  .navbar {
    min-height: 7rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mentions {
    font-size: 20px;
  }

  .paragraph-3.manifesto {
    width: auto;
    margin-top: 0;
    font-size: 18px;
    line-height: 1.5em;
  }

  .paragraph-3.manifesto.bold {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
  }

  .klein {
    font-size: 18px;
    line-height: 1.5em;
  }

  .home-2-services-title-wrap-2 {
    margin-top: 40px;
    padding-bottom: 0;
  }

  .heading-no-margin-2 {
    font-size: 26px;
    line-height: 1.5em;
  }

  .heading-7 {
    font-size: 32px;
  }

  .paragraph-4 {
    font-size: 18px;
  }

  .heading-8 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0;
    font-size: 26px;
  }

  .heading-9 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-8 {
    flex-flow: column;
    width: auto;
    max-width: none;
  }

  .publications {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    display: grid;
  }

  .heading-10 {
    font-size: 18px;
  }

  .heading-11 {
    text-transform: none;
    font-size: 18px;
  }

  .uui-navbar02_dropdown-blog-item-wrapper-4 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-navbar02_blog-item-4 {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar02_blog-content-4 {
    margin-top: .5rem;
  }

  .uui-navbar02_dropdown-content-wrapper-4 {
    width: 100%;
  }

  .uui-navbar02_dropdown-content-left-4 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar02_dropdown-content-right-4 {
    max-width: none;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .uui-navbar02_dropdown-link-4 {
    padding-left: 0;
  }

  .dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-12, .heading-13 {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .heading-14 {
    text-align: center;
    font-size: 16px;
  }

  .div-block-13 {
    margin-top: 0;
    padding-top: 20px;
    padding-right: 20px;
  }

  .bio-richtext {
    font-size: 18px;
  }

  .credits {
    text-align: center;
    font-size: 20px;
  }

  .image-cover-2 {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-bottom: 10px;
    display: block;
    overflow: clip;
  }

  .heading-18 {
    text-align: center;
    font-size: 16px;
  }

  .flex-block-19, .flex-block-20, .flex-block-21, .flex-block-22, .flex-block-23, .flex-block-24, .flex-block-25, .flex-block-26, .flex-block-27 {
    justify-content: center;
    align-items: stretch;
  }

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

  .bold-text-3.serv {
    text-align: center;
  }

  .bold-text-3.center-title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1em;
  }

  .bold-text-3.center-title.left-title {
    text-align: center;
    text-align: center;
    font-size: 22px;
    line-height: 1.2em;
  }

  .link-5, .link-6, .link-7, .link-8, .link-9, .link-10, .link-11, .link-12 {
    text-transform: none;
    font-size: 18px;
  }

  .link-13 {
    font-size: 18px;
  }

  .link-14 {
    text-transform: none;
    font-size: 18px;
  }

  .bold-text-4 {
    font-weight: 500;
  }

  .bold-text-5 {
    font-weight: 500;
    line-height: 1.4em;
    display: block;
  }

  .link-15 {
    text-transform: none;
    font-size: 18px;
  }

  .italic-text-4, .italic-text-5 {
    font-size: 18px;
  }

  .link-16, .link-17 {
    text-transform: none;
    font-size: 18px;
  }

  .link-18 {
    text-transform: none;
    font-size: 18px;
    text-decoration: none;
  }

  .link-19 {
    text-transform: none;
    font-size: 18px;
  }

  .bold-text-6 {
    width: auto;
    font-size: 26px;
    font-weight: 600;
    line-height: 1em;
  }

  .bold-text-7 {
    font-size: 30px;
  }

  .heading-19 {
    color: var(--primary-dark);
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 600;
  }

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

  .link-20, .link-21, .link-22, .link-23, .link-24, .link-25, .link-26, .link-27, .link-28, .link-29, .link-30 {
    text-transform: none;
    font-size: 18px;
  }

  .link-31 {
    text-transform: none;
    font-size: 16px;
  }

  .link-32, .link-33, .link-34 {
    text-transform: none;
    font-size: 18px;
  }

  .link-35 {
    text-transform: none;
    font-size: 16px;
  }

  .link-36, .link-37, .link-38, .link-39, .link-40, .link-41 {
    text-transform: none;
    font-size: 18px;
  }

  .bold-text-8 {
    font-size: 16px;
  }

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

  .fs-cc_button {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 10px;
  }

  .fs-cc_button.is-secondary {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .fs-cc_modal {
    background-color: #000000de;
    max-width: 100%;
  }

  .fs-cc_close-button {
    margin-top: 0;
    margin-bottom: -6rem;
    margin-right: 1rem;
  }

  .fs-cc_link {
    font-size: 9px;
  }

  .fs-cc_preference-buttons {
    bottom: 0;
  }

  .hero_col2 {
    background-color: #0000;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
  }

  .fs-cc_preference-component {
    align-items: flex-end;
  }

  .fs-cc_modal-buttons {
    padding: .5rem;
  }

  .fs_cc-modal-content {
    padding: 4rem 4rem 1rem 1rem;
  }

  .fs-cc_cookie-component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .fs-cc_description {
    text-align: left;
    font-size: 9px;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-14 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
  }

  .image-6 {
    width: auto;
    height: auto;
  }

  .image-7 {
    width: 200px;
  }
}

#w-node-_80861299-9a93-2785-6d0d-7b8cb30722d4-45197046 {
  place-self: end start;
}

@media screen and (max-width: 479px) {
  #w-node-_80861299-9a93-2785-6d0d-7b8cb30722d4-45197046 {
    place-self: end start;
  }
}