:root {
  --black: black;
  --gray-200: #ebebeb;
  --primary--500: #008afc;
  --white: white;
  --primary--300: #aad8fe;
  --primary--900: #003b6b;
  --gray-300: #dedede;
  --gray-400: #afafb0;
  --shadow-color: #c4c4c433;
  --gray-700: #545454;
  --gray-800: #393939;
  --gray-600: #7e7e7e;
  --gray-500: #818182;
  --gray-100: #f3f4f6;
  --gray-50-501: #f9fafb;
  --gray-900: #2d2d2d;
  --primary--faded: #008afc33;
}

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

.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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.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-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 1.9em;
  font-weight: 700;
  line-height: 1.5;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.5;
}

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

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
  font-size: 1.25em;
  line-height: 1.5;
}

a {
  text-decoration: underline;
}

img {
  border: 1px solid var(--gray-200);
  object-fit: cover;
  border-radius: 1em;
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 3px solid var(--primary--500);
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1em;
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
  font-style: italic;
  line-height: 1.5;
}

.page-wrapper {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.main-wrapper {
  flex: 1;
}

.main-wrapper.padded {
  padding-top: 4em;
}

.styleguide_divider {
  background-color: var(--black);
  color: var(--white);
  border-radius: 1em;
  padding: 1.5em 2em;
}

.global {
  position: fixed;
  inset: 0% auto auto 0%;
}

.section {
  padding-top: 8em;
  padding-bottom: 8em;
  position: relative;
  overflow: hidden;
}

.section.small-pad {
  padding-top: 3em;
  padding-bottom: 3em;
}

.section.big-pad {
  padding-top: 12em;
  padding-bottom: 12em;
}

.section.small-pad-top {
  padding-top: 3em;
}

.section.small-pad-bottom {
  padding-bottom: 3em;
}

.section.big-pad-top {
  padding-top: 7em;
}

.section.big-pad-bottom {
  padding-bottom: 10em;
}

.section.no-pad {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.no-pad-top {
  padding-top: 0;
}

.section.no-pad-bottom {
  padding-bottom: 0;
}

.section.footer {
  background-color: var(--black);
  color: var(--white);
  padding-top: 3em;
  padding-bottom: 2em;
  box-shadow: 0 -1px 5px #0003;
}

.section.home-hero {
  align-items: stretch;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.section.cta {
  background-image: linear-gradient(45deg, var(--primary--300), var(--primary--500) 61%);
  color: var(--white);
  padding-top: 12em;
  padding-bottom: 8em;
  overflow: visible;
}

.section.overflow {
  overflow: visible;
}

.section.hero, .section.hero-blog {
  padding-top: 12em;
}

.section.hero-about {
  background-color: var(--primary--500);
  color: var(--white);
  margin-top: 8em;
  padding-top: 8em;
}

.section.hero-projects {
  background-image: linear-gradient(270deg, #0000, #fff 51%), url('../images/Past-projects-hero-min.webp');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 60%;
  padding-top: 14em;
}

.section.primary-dark {
  background-color: var(--primary--900);
  color: var(--white);
}

.section.hero-pricing {
  background-image: linear-gradient(270deg, var(--primary--500) 45%, transparent);
  color: var(--white);
  margin-top: 8em;
  padding-top: 12em;
  padding-bottom: 12em;
  overflow: visible;
}

.section.hero-testimonials {
  background-image: linear-gradient(270deg, #0000, #fff 51%), url('../images/hero-image-min.jpeg');
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 60%;
  margin-top: 8em;
  padding-top: 8em;
}

.container {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  padding-right: 4em;
}

.container.small-pad-left {
  padding-left: 2em;
}

.container.smal-pad {
  padding-left: 2em;
  padding-right: 2em;
}

.container.small-pad-right {
  padding-right: 2em;
}

.container.big-pad {
  padding-left: 6em;
  padding-right: 6em;
}

.container.big-pad-right {
  padding-right: 6em;
}

.container.big-pad-left {
  padding-left: 6em;
}

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

.container.no-pad.full-width {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.container.no-pad-right {
  padding-right: 0;
}

.container.no-pad-right.full-width {
  max-width: none;
  margin-right: 0;
}

.container.no-pad-left {
  padding-left: 0;
}

.container.no-pad-left.full-width {
  max-width: none;
  margin-left: 0;
}

.container.navbar {
  justify-content: space-between;
  align-items: center;
  padding-left: 3em;
  padding-right: 3em;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.container.marquee {
  width: 100vw;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.styleguide_item {
  grid-column-gap: 5em;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: grid;
}

.styleguide_grid {
  grid-column-gap: 1em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  min-height: 4em;
}

.styleguide_grid.colors {
  align-items: stretch;
}

.styleguide_grid.colors.gray {
  grid-row-gap: 1em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

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

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

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

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

.styleguide_space {
  background-color: #dfdfdf;
  justify-content: center;
  align-items: center;
  min-width: 1em;
  height: 4em;
  display: flex;
}

.styleguide_border {
  border: 1px solid #a8a8a8;
}

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

.txt-primary {
  color: var(--primary--500);
  padding-right: .1em;
}

.button {
  border: 2px solid var(--primary--500);
  background-color: var(--primary--500);
  color: var(--white);
  border-radius: .5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 1em;
  font-family: Montserrat, sans-serif;
  font-size: 1em;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button.outlined {
  border: 2px solid var(--primary--500);
  background-color: var(--white);
  color: var(--primary--500);
}

.button.white {
  border-style: none;
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black);
}

.button.black {
  border-style: solid;
  border-color: var(--black);
  background-color: var(--black);
}

.style {
  position: fixed;
  inset: 0% auto auto 0%;
}

.style.show {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 4em;
  margin-top: 1em;
  display: flex;
  position: static;
}

.button-bg {
  z-index: 10;
  background-color: var(--primary--500);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.button-bg.bottom {
  background-color: var(--white);
  inset: auto 0% 0%;
}

.button-bg.center {
  background-color: var(--white);
  border-radius: 50%;
  top: auto;
  bottom: auto;
  left: auto;
}

.button-bg.center.black {
  background-color: var(--black);
}

.button-text {
  z-index: 11;
  position: relative;
}

.capitalize {
  text-transform: uppercase;
}

.bold {
  font-weight: 700;
}

.italize {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.p-small {
  font-size: 1.1em;
}

.p-big {
  font-size: 1.5em;
  line-height: 1.5;
}

.h1 {
  letter-spacing: -.05em;
  font-family: Montserrat, sans-serif;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1.4;
}

.h1-small {
  font-size: 3em;
  font-weight: 700;
  line-height: 1.4;
}

.h2 {
  letter-spacing: -.05em;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1.2;
}

.h2-small {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.2;
}

.h3 {
  font-size: 2.19em;
  font-weight: 600;
  line-height: 1.3;
}

.h4 {
  font-size: 1.88em;
  font-weight: 700;
  line-height: 1.3;
}

.h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1.2;
}

.h6 {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2;
}

.styleguide_page {
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: flex;
}

.styleguide_menu {
  grid-row-gap: 1.5em;
  border: 3px solid #000;
  border-radius: 1em;
  flex-direction: column;
  margin-left: 1em;
  padding: 2em;
  display: flex;
  position: sticky;
  top: 5em;
}

.richtext a {
  text-decoration: underline;
}

.richtext li {
  font-size: 1.25em;
}

.form {
  margin-bottom: 0;
}

.wrap.flex {
  display: flex;
}

.form_input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--gray-300);
  margin-bottom: 0;
  padding: .5em 1em .3em 0;
  font-size: 1.25em;
}

.form_input::placeholder {
  color: var(--black);
  font-size: 1em;
  line-height: 1.2;
}

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

.form_input.area {
  min-width: 100%;
  max-width: 100%;
  min-height: 10em;
}

.form_input.newsletter {
  background-color: #0000;
}

.form_input.newsletter::placeholder {
  color: var(--white);
}

.form_label {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2;
}

.form_success {
  background-color: var(--white);
  text-align: center;
  border-radius: 1em;
  height: 100%;
  padding: 1.25em;
}

.form_error {
  background-color: #ff8585;
  border-radius: .5em;
  margin-top: .625em;
  padding: .625em;
}

.form_check-wrap {
  grid-column-gap: .5em;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.form_checkbox {
  border-color: var(--gray-400);
  border-radius: .2em;
  width: 1em;
  height: 1em;
  margin-top: 0;
  margin-left: 0;
  margin-right: .25em;
}

.form_checkbox.w--redirected-checked {
  border: 1px solid var(--primary--500);
  background-color: var(--primary--500);
  background-size: 80% 80%;
  border-radius: .2em;
}

.form_radio {
  margin-top: 0;
  margin-left: 0;
  margin-right: .25em;
}

.spaced-letters {
  letter-spacing: .2em;
}

.strikethrough {
  text-decoration: line-through;
}

.overline {
  text-decoration: overline;
}

.p {
  font-size: 1.25em;
  line-height: 1.5;
  overflow: hidden;
}

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

.form_submit {
  background-color: var(--black);
  border-radius: .5em;
  min-height: 44px;
  font-size: 1.25em;
  transition: background-color .2s;
}

.form_submit:hover {
  background-color: var(--primary--500);
}

.utility-page {
  grid-row-gap: 1.5em;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.error-page_title {
  font-size: 10em;
  line-height: 1;
}

.password-page {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.block_navbar {
  z-index: 9999;
  color: var(--black);
  background-color: #0000;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  position: fixed;
  inset: 1em 0% auto;
}

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

.navbar_link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .25em;
  font-size: .9em;
  font-weight: 600;
  transition: color .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.navbar_link.w--current {
  color: var(--primary--500);
}

.navbar_brand {
  align-items: center;
  height: 3em;
  display: flex;
}

.navbar_menu {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  padding-top: .75em;
  padding-bottom: .75em;
  display: flex;
}

.navbar-link_line {
  background-color: var(--black);
  border-radius: 100px;
  width: 0%;
  height: 2px;
}

.navbar-link_text {
  font-size: 1em;
}

.block_footer {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sticky-menu {
  grid-row-gap: 1.5em;
  background-color: var(--primary--300);
  border-radius: 1em;
  flex-direction: column;
  padding: 1.5em;
  display: flex;
  position: sticky;
  top: 10em;
}

.block_sticky-menu {
  grid-column-gap: 8.125em;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.richtext-legals a {
  text-decoration: underline;
}

.richtext-legals li {
  font-size: 1.25em;
}

.richtext-legals h1 {
  color: var(--primary--500);
  margin-bottom: .4em;
  font-size: 4em;
  line-height: 1.5;
}

.richtext-legals p {
  margin-bottom: 3em;
}

.richtext-legals h2 {
  margin-bottom: .5em;
}

.block_legal {
  grid-row-gap: 5em;
  flex-direction: column;
  display: flex;
}

.block_form {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border: 1px solid #000;
  border-radius: 1em;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2em 2em 1em;
  display: flex;
}

.footer-credits {
  grid-column-gap: 2em;
  border-top: 1px solid var(--white);
  color: #ffffff80;
  justify-content: flex-end;
  align-items: center;
  padding-top: 1em;
  display: flex;
}

.grid_2col {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid_2col.small-gap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.testimonials_author {
  grid-column-gap: .625em;
  align-items: center;
  display: flex;
}

.author_img {
  border-radius: 50%;
  width: 3.5em;
  height: 3.5em;
}

.author_img.big {
  width: 10em;
  height: 10em;
}

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

.author_details.centered {
  align-items: center;
}

.testimonials_star {
  width: 1.25em;
  height: 1.25em;
}

.testimonials_item {
  grid-row-gap: 2em;
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 3em;
  display: flex;
}

.testimonials_stars {
  grid-column-gap: .25em;
  align-items: center;
  display: flex;
}

.block_testimonials {
  grid-row-gap: 5em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.block_faq {
  grid-column-gap: 4em;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.faq_answer {
  overflow: hidden;
}

.faq_trigger {
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  transition: color .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.faq_trigger:hover {
  color: var(--primary--500);
}

.faq_title {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq_item {
  width: 100%;
}

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

.txt-gray-700 {
  color: var(--gray-700);
}

.txt-gray-800 {
  color: var(--gray-800);
}

.txt-gray-600 {
  color: var(--gray-600);
}

.txt-gray-500 {
  color: var(--gray-500);
}

.txt-gray-400 {
  color: var(--gray-400);
}

.txt-gray-300 {
  color: var(--gray-300);
}

.gray-800 {
  background-color: var(--gray-800);
}

.gray-700 {
  background-color: var(--gray-700);
}

.gray-600 {
  background-color: var(--gray-600);
}

.gray-500 {
  background-color: var(--gray-500);
}

.gray-400 {
  background-color: var(--gray-400);
}

.gray-300 {
  background-color: var(--gray-300);
}

.gray-200 {
  background-color: var(--gray-200);
}

.gray-100 {
  background-color: var(--gray-100);
}

.gray-50 {
  background-color: var(--gray-50-501);
}

.gray-900 {
  background-color: var(--gray-900);
}

.txt-primary-light {
  color: var(--primary--300);
}

.brand-name {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 1.4em;
}

.brand-name.txt-white {
  color: var(--white);
}

.codelius-credit {
  font-size: .8em;
}

.tagline {
  color: var(--primary--500);
  font-family: Montserrat, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
}

.space_button-side {
  width: 1em;
  height: 1em;
}

.space_heading {
  width: 3em;
  height: 3em;
}

.space_paragraph {
  height: 2em;
}

.faq_line {
  background-color: var(--primary--500);
  border-radius: 100px;
  height: 2px;
}

.icon {
  border-style: none;
  flex: none;
  width: 1.5em;
  height: 1.5em;
}

.icon.big {
  color: var(--white);
  width: 4em;
  height: 4em;
}

.icon.small {
  width: 1em;
  height: 1em;
}

.icon.txt-primary-light {
  margin-top: .3em;
}

.block_home-hero {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.home-hero_text {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 75ch;
  padding-bottom: 8em;
  display: flex;
}

.block_key-numbers {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.block_cta {
  grid-row-gap: 2em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.cta_bottom-shape {
  z-index: 10;
  margin-top: 3em;
  display: flex;
  position: absolute;
  inset: auto 0% -5px;
}

.cta_text {
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.cta_img {
  object-fit: contain;
  object-position: 50% 27%;
  border-style: none;
  align-items: center;
  display: flex;
}

.cta_button-wrap {
  position: relative;
}

.cta_top-shape {
  z-index: 10;
  height: 5em;
  position: absolute;
  inset: 0% 0% auto;
}

.home-hero_img {
  object-fit: contain;
  border-style: none;
  width: 50%;
  max-width: 50vw;
  max-height: 80vh;
  margin-top: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.key-numbers_grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 3.5em;
}

.key-numbers_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 2em;
  display: flex;
}

.key-number_digit {
  color: var(--black);
  letter-spacing: -.05em;
  margin-bottom: .5em;
  font-family: Montserrat, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.1;
}

.key-number_digit.counter {
  font-size: 2.8em;
}

.counter {
  padding-right: .05em;
  font-size: 2em;
}

.block_services {
  grid-row-gap: 3em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.services_line {
  grid-column-gap: 6em;
  grid-row-gap: 2em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.service_card {
  grid-row-gap: 1.5em;
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  border-radius: 1em;
  flex-direction: column;
  flex: none;
  width: 25em;
  padding: 2em 2em 1em;
  transition: border-width .2s, border-color .2s, transform .2s;
  display: flex;
}

.service_card:hover {
  transform: scale(1.05);
}

.service_card.about-us {
  background-color: var(--primary--900);
  color: var(--white);
  text-align: center;
  align-items: center;
  width: 100%;
  padding-bottom: 3em;
}

.service_card.about-us:hover {
  transform: none;
}

.service_img {
  object-fit: cover;
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.service_img.filtered {
  object-fit: contain;
}

.block_what-we-do {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.card-title {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.2;
}

.what-we-do_wrap {
  grid-column-gap: 2vw;
  justify-content: space-between;
  width: 100%;
  margin-top: 2em;
  display: flex;
}

.what-we-do_card {
  grid-row-gap: 1.5em;
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  color: var(--black);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  width: 29%;
  padding: 2vw;
  transition: transform .2s;
  display: flex;
}

.what-we-do_icon {
  border: 1px solid var(--primary--500);
  background-image: linear-gradient(225deg, var(--primary--300), var(--primary--500));
  color: var(--primary--500);
  border-radius: 50%;
  padding: 1em;
}

.service_text {
  grid-row-gap: .5em;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.what-we-do_divider {
  color: var(--primary--500);
  width: 20em;
  display: none;
}

.block_latest-work {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.project_item {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: stretch;
  width: 40em;
  padding-right: 4em;
  display: flex;
}

.project_item.slide-bottom-1 {
  width: 40em;
  padding-right: 4em;
}

.project_img-wrap {
  object-fit: cover;
  border-radius: 50%;
  width: 20em;
  height: 20em;
  padding-bottom: 1em;
  padding-left: 1em;
  position: absolute;
  inset: -3em -3em auto auto;
  overflow: hidden;
}

.project_text {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.tag {
  background-image: linear-gradient(135deg, var(--primary--500) 39%, var(--primary--300));
  color: var(--white);
  border-radius: 100px;
  padding: .5em 1em;
  font-size: 1em;
  font-weight: 500;
}

.tag.black {
  background-image: none;
}

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

.project_tags {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.services_lottie {
  z-index: -1;
  width: 100%;
  position: absolute;
}

.marquee_root {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.marquee_wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.marquee_content {
  grid-column-gap: 4.5em;
  flex: none;
  align-items: flex-end;
  padding-right: 6em;
  display: flex;
}

.marquee_content.tools {
  padding-right: 4em;
}

.marquee_subwrap {
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  left: 100%;
}

.grid_3col {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.grid_3col.scrollable {
  grid-column-gap: 0em;
  grid-template-columns: 40em;
  grid-auto-columns: 40em;
  grid-auto-flow: column;
  padding-top: 1em;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

.grid_3col.small-gap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.scrollable-content {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.project_thumbnail {
  border: 1px solid var(--gray-200);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  border-radius: 10em 2em 10em 1em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 25em;
  padding-top: 4em;
  padding-left: 3em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.what-we-do_lottie {
  z-index: -1;
  width: 36em;
  margin-left: -3em;
  margin-right: -3em;
}

.what-we-do_lottie.reverse {
  transform: rotate(180deg);
}

.home-hero_buttons {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.button-link {
  grid-column-gap: .75em;
  align-items: center;
  padding-top: .5em;
  padding-bottom: .5em;
  transition: all .2s;
  display: flex;
}

.button-link:hover {
  grid-column-gap: .75em;
}

.button-link.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

.button-text-2 {
  z-index: 11;
  padding-top: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.button-arrow_icon {
  align-items: center;
  margin-top: .1em;
  display: flex;
}

.arrow_line {
  background-color: #000;
  width: 0;
  height: 1px;
  margin-right: -.4em;
}

.button-link_icon {
  justify-content: flex-end;
  align-items: center;
  width: .7em;
  height: .7em;
  display: flex;
}

.button-link_icon.left {
  transform: rotate(180deg);
}

.flex-spacer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.service_img-wrap {
  border: 1px solid var(--white);
  background-color: var(--white);
  color: var(--primary--900);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  padding: .8em;
  display: flex;
}

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

.home-hero_bg {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.bg-gradient {
  z-index: 100;
  background-image: linear-gradient(to bottom, var(--white) 5%, transparent 32%), linear-gradient(51deg, white 2%, white 37%, transparent);
  position: absolute;
  inset: 0%;
}

.bg-images {
  z-index: 50;
  grid-column-gap: 4em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-home_line {
  grid-row-gap: 4em;
  flex-direction: column;
  padding-bottom: 4em;
  display: flex;
}

.hero-home-bg_img {
  max-width: 30vw;
}

.hero-home_marquee_root {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33vw;
  height: 150%;
  display: flex;
  overflow: hidden;
  transform: rotate(25deg);
}

.hero-home_marquee_root.middle {
  align-items: center;
}

.hero-home_marquee_subwrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 100%;
}

.hero-home_marquee_subwrap.middle {
  justify-content: flex-end;
}

.project_name {
  grid-row-gap: 1em;
  flex-direction: column;
  max-width: 55%;
  display: flex;
}

.project_img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.project_coming-soon {
  z-index: 100;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tools_line {
  grid-column-gap: 4em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 5em;
  grid-auto-columns: 5em;
  grid-auto-flow: column;
  display: grid;
}

.tools-icon {
  background-color: var(--white);
  object-fit: cover;
  border-radius: .5em;
  width: 5em;
  height: 5em;
  padding: .4em;
}

.marquee_title {
  z-index: 100;
  background-image: linear-gradient(270deg, transparent, var(--gray-100) 16%, var(--gray-100) 81%, transparent);
  align-items: center;
  height: 100%;
  margin-left: -4em;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: absolute;
}

.tools-marquee {
  position: relative;
}

.cta-wrap {
  flex-direction: row-reverse;
  justify-content: space-between;
  display: flex;
}

.swiper-button {
  background-color: var(--white);
  outline-color: var(--black);
  outline-offset: 0px;
  color: var(--black);
  cursor: pointer;
  border-radius: 50%;
  outline-width: 1px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.swiper-button:hover {
  outline-offset: .5em;
  outline: 1px solid #363f38;
}

.slider_buttons {
  grid-column-gap: 1em;
  justify-content: flex-end;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 4em 1em;
  display: flex;
}

.block_hero {
  grid-row-gap: 3em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.block_hero.blog {
  grid-row-gap: 1em;
}

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

.hero_text {
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.hero_text.right {
  text-align: right;
  align-items: flex-end;
  width: 100%;
}

.hero_img {
  border-style: none;
  width: 40%;
  min-height: 25em;
}

.bock_mission {
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3em;
  display: flex;
}

.mission_icon {
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.missino_icon-wrap {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  padding: 1em;
  display: flex;
}

.block_great-partners {
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3em;
  display: flex;
}

.great-partner_item {
  z-index: 11;
  grid-row-gap: 1em;
  border: 1px solid var(--gray-200);
  background-color: var(--white);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  min-height: 20em;
  padding: 3em 2em;
  display: flex;
  position: sticky;
  top: 10em;
}

.great-partner_item._1 {
  margin-bottom: 3em;
  margin-left: 25%;
  margin-right: auto;
}

.great-partner_item._2 {
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: 19%;
  top: 11em;
}

.great-partner_item.left-2 {
  margin-bottom: 2em;
  margin-left: 18%;
  margin-right: auto;
  top: 12em;
}

.great-partner_item._4 {
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  top: 13em;
}

.great-partner_item._5 {
  margin-left: 20em;
  margin-right: auto;
  top: 14em;
}

.great-partner_item._6 {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  top: 16em;
}

.block_hero-with-img {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.block_hero-with-img.inverted {
  justify-content: space-between;
}

.block_similar {
  grid-row-gap: 4em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.heading-row {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.block_project {
  grid-column-gap: 3em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.project_identity {
  grid-row-gap: 1.5em;
  border: 1px solid var(--gray-200);
  background-color: var(--primary--900);
  color: var(--white);
  border-radius: 1em;
  flex-direction: column;
  padding: 2em;
  display: flex;
  position: sticky;
  top: 10em;
}

.project_details {
  grid-row-gap: 8em;
  flex-direction: column;
  padding-top: 2em;
  display: flex;
}

.block_content {
  grid-row-gap: 2em;
  flex-direction: column;
  display: flex;
}

.block_content.left {
  align-items: flex-start;
}

.project-number_grid {
  grid-column-gap: 2vw;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: start;
  padding-top: 4em;
  display: grid;
}

.project_gallery {
  padding-top: 2em;
}

.project_number {
  border: 1px solid var(--gray-200);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 2em;
  display: flex;
}

.project_line {
  grid-column-gap: 2em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.project_divider {
  background-color: var(--gray-200);
  width: 100%;
  height: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.project_tools {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.project_tools-wrap {
  max-width: 70%;
}

.project_txt-holder {
  max-width: 25ch;
  overflow: hidden;
}

.blog_card {
  border: 1px solid var(--gray-200);
  border-radius: 1em;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.blog-card_img {
  object-fit: cover;
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 20em;
}

.blog-card_content {
  grid-row-gap: 1em;
  background-color: var(--white);
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  margin-top: -3em;
  padding: 2em 2em 1em;
  display: flex;
  position: relative;
}

.blog_infos {
  grid-column-gap: 1em;
  display: flex;
}

.infos_img {
  object-fit: cover;
  border-radius: 50%;
  width: 3em;
  height: 3em;
}

.composed-sentence {
  grid-column-gap: .5em;
  align-items: center;
  display: flex;
}

.composed-sentence.vertical-mobile {
  flex-wrap: wrap;
}

.blog-hero_bg-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  min-width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.blog-hero_bg-filter {
  background-image: linear-gradient(#0000, #fff), linear-gradient(270deg, #0000, #fff);
  position: absolute;
  inset: 0%;
}

.blog_content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.richtext-article h2 {
  color: var(--primary--500);
  margin-top: 2em;
  margin-bottom: .4em;
}

.richtext-article p {
  margin-bottom: 1em;
}

.blog_other {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2em;
  padding-bottom: 2em;
  display: flex;
}

.blog_share {
  border-top: 1px solid var(--gray-200);
  justify-content: space-between;
  margin-top: 5em;
  padding-top: 3em;
  display: flex;
}

.blog_social-links {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.blog_hero-infos {
  grid-column-gap: 1em;
  padding-top: 3em;
  display: flex;
}

.footer_title {
  border-bottom: 1px solid var(--gray-50-501);
  margin-bottom: 1em;
  padding-top: 3em;
  padding-bottom: 1em;
  font-weight: 600;
}

.footer_link {
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 1em;
  transition: opacity .2s;
  display: block;
}

.footer_link:hover {
  opacity: .7;
}

.footer_col {
  flex-direction: column;
  display: flex;
}

.footer_social {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  padding-top: 4em;
  display: flex;
}

.calendly {
  background-color: #0000;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 600px;
  display: flex;
}

.block_contact {
  grid-column-gap: 5em;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contact_text {
  grid-row-gap: 3em;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
  position: sticky;
  top: 8em;
  overflow: hidden;
}

.contact_form {
  flex: 1;
  width: 50%;
}

.form_wrap {
  grid-row-gap: .5em;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form_wrap.radios {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.form_wrap.horizontal {
  grid-column-gap: .5em;
  flex-direction: row;
}

.form-sucess_content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.block_scale {
  padding-bottom: 3em;
}

.pricing_menu {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2em;
  display: flex;
}

.pricing_tab {
  grid-row-gap: 1em;
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 0;
  display: flex;
}

.pricing_tab.w--current {
  background-color: #0000;
}

.pricing_timeline {
  background-color: var(--primary--500);
  background-image: linear-gradient(270deg, var(--primary--300), var(--primary--500));
  color: var(--white);
  border-radius: .5em;
  padding: .5em .9em;
  font-weight: 300;
  transition: background-color .2s;
}

.pricing_dot {
  z-index: 100;
  border: 1px solid var(--gray-200);
  background-color: var(--white);
  border-radius: 50%;
  width: 2em;
  height: 2em;
  padding: .6em;
  position: relative;
}

.pricing_inner-dot {
  background-color: var(--gray-400);
  border-radius: 50px;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
}

.pricing_graph-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-line_right {
  background-color: var(--gray-300);
  width: 50%;
  height: 1em;
  position: absolute;
  left: 50%;
}

.pricing-line_left {
  background-color: var(--gray-300);
  width: 50%;
  height: 1em;
  position: absolute;
  right: 50%;
}

.tab-pane_content {
  grid-row-gap: 1em;
  border: 1px solid var(--gray-200);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  border-radius: 1em;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 3em;
  display: flex;
}

.tab-pane_content._5 {
  margin-right: 0;
}

.tab-pane_content._1 {
  margin-left: 0;
}

.tab-pane_content._2 {
  margin-left: 12.5%;
}

.tab-pane_content._4 {
  margin-right: 12.5%;
}

.pricing_section-title {
  grid-column-gap: 1em;
  align-items: center;
  padding-top: 1em;
  display: flex;
}

.pricing_projects-list {
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
}

.pricing_project-item {
  grid-column-gap: .5em;
  align-items: center;
  transition: color .2s;
  display: flex;
}

.pricing_project-item:hover {
  color: var(--primary--500);
}

.pricing-projects_dash {
  background-color: var(--black);
  width: 1em;
  height: 1px;
}

.project_lightbox, .project_gallery-img {
  width: 100%;
}

.pricing_card {
  grid-row-gap: 3em;
  border: 1px solid var(--gray-200);
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  max-width: 45%;
  padding: 3em;
  display: flex;
}

.pricing_card.blue {
  background-color: var(--primary--500);
  color: var(--white);
}

.block_listing-project {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.listing-project_info {
  grid-row-gap: 2em;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2em 1.5em;
  display: flex;
}

.listing-testimonials_item {
  grid-row-gap: 0em;
  border: 1px solid var(--gray-300);
  background-color: var(--white);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  display: flex;
  overflow: hidden;
}

.listing-testimonials_details {
  grid-row-gap: .5em;
  text-align: left;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.great-partner_line {
  z-index: 10;
  border-right: 2px dashed var(--primary--500);
  position: absolute;
  top: 30em;
  bottom: 12em;
}

.card-bg {
  z-index: -1;
  opacity: .05;
  background-image: url('../images/compass-03.svg');
  background-position: 50%;
  background-size: auto 70px;
  display: none;
  position: absolute;
  inset: 0%;
}

.card-bg._2 {
  background-image: url('../images/lightbulb-02.svg');
}

.card-bg._1 {
  background-image: url('../images/Icon.svg');
}

.card-bg._3 {
  background-image: url('../images/package.svg');
}

.card-bg._4 {
  background-image: url('../images/dataflow-03.svg');
}

.block_experience {
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3em;
  display: flex;
}

.block_team {
  grid-row-gap: 2em;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.team_grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 3em;
  display: grid;
}

.team_card {
  grid-row-gap: 1em;
  border: 1px solid var(--gray-200);
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  padding: 3em;
  display: flex;
}

.team_img {
  object-fit: cover;
  border-radius: 50%;
  width: 15em;
  height: 15em;
}

.expertise_grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.block_get {
  grid-row-gap: 5em;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3em;
  display: flex;
}

.get_line {
  grid-column-gap: 5em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.get_line.invert {
  flex-direction: row-reverse;
}

.get_img {
  object-fit: contain;
  border-style: none;
  border-radius: 0;
  width: 100%;
}

.get_img.para-neg-1.slide-left-1 {
  object-fit: contain;
}

.get_img.shadow {
  border-radius: 1em;
  box-shadow: 0 0 11px #c4c4c4b3;
}

.get_text-wrap {
  grid-row-gap: 1em;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.get_text-wrap.right {
  text-align: right;
  align-items: flex-end;
}

.block_pricing {
  justify-content: space-around;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.scale_title {
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3em;
  display: flex;
}

.pricing_line {
  grid-column-gap: 1em;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing_lines {
  grid-row-gap: .5em;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pricing_price {
  opacity: .75;
  filter: blur(6px);
  text-align: center;
  font-size: 3em;
  font-weight: 600;
}

.pricing_small {
  font-size: .5em;
}

.listing-project_img {
  box-shadow: 0 0 11px 0 var(--shadow-color);
  object-fit: cover;
  border-style: none;
  width: 100%;
  height: 20em;
}

.listing-project_item {
  border: 1px solid var(--gray-100);
  box-shadow: 0 0 11px 0 var(--shadow-color);
  border-radius: 1em;
  flex-direction: column;
  display: flex;
}

.project_text-wrap {
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.listing-testimonials_author {
  grid-column-gap: .625em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.listing-testimonials_img {
  object-fit: cover;
  border-style: none;
  width: 100%;
  height: 20em;
}

.listing-testimonials_text-wrap {
  z-index: 15;
  grid-row-gap: 2em;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 0 2em 2em;
  display: flex;
  position: relative;
}

.listing-testimonials_img-wrap {
  background-color: var(--gray-200);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16em;
  margin-bottom: -4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.listing-testimonials_img-filter {
  background-image: linear-gradient(#0000 58%, #fff);
  position: absolute;
  inset: 0%;
}

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

.pricing_blur {
  white-space: nowrap;
  position: relative;
}

.pricing-blur_hover {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.pricing-blur_hover:hover {
  opacity: 1;
}

.project_lines {
  grid-column-gap: 2em;
  grid-row-gap: .5em;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 2em;
  display: grid;
}

.project_breadcrumb {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 4em;
  display: flex;
}

.project_tool-item {
  flex: none;
}

.get_img-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.listing-project_suggest {
  grid-row-gap: 3em;
  background-image: linear-gradient(to bottom, var(--primary--500), white);
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2em;
  padding: 2em 2em 4em;
  display: flex;
}

.listing-project_suggest.hidden {
  display: none;
}

.active-filters_wrap {
  grid-column-gap: .5em;
  flex-wrap: wrap;
  display: flex;
}

.filter_item {
  border-radius: .375em;
  width: 100%;
  padding: 1em;
  font-size: 1.25em;
}

.filter_item.current {
  background-color: #f3f4f6;
  background-image: url('../images/check.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
}

.filter_item.tools {
  max-width: 14em;
  overflow: hidden;
}

.filter_toggle {
  grid-column-gap: 1em;
  align-items: center;
  min-width: 15em;
  padding: .625em 1.5em .625em 1em;
  display: flex;
}

.txt-16px {
  font-size: 1em;
  line-height: 1.5;
}

.listing-project_filters {
  grid-row-gap: 2em;
  flex-direction: column;
  padding-bottom: 2em;
  display: flex;
}

.list_content {
  grid-row-gap: .5em;
  background-color: #f9fafb;
  border: 1px solid #ebebeb;
  border-radius: .5em;
  flex-direction: column;
  align-items: stretch;
  max-height: 39em;
  padding: .5em;
  display: flex;
  overflow: auto;
}

.flex-spacer-2 {
  flex: 1;
  padding-bottom: 0;
  padding-right: 0;
}

.filter_list {
  background-color: #0000;
  border-radius: .5em;
  padding-top: 1em;
  position: absolute;
  overflow: hidden;
}

.filter_dropdown {
  border: 1px solid var(--gray-200);
  background-color: var(--gray-100);
  border-radius: .5em;
}

.tag-bubble {
  grid-column-gap: .5em;
  background-image: linear-gradient(135deg, var(--primary--500) 39%, var(--primary--300));
  color: var(--white);
  cursor: pointer;
  border-radius: 100px;
  align-items: center;
  padding: .5em 1em;
  font-weight: 500;
  display: flex;
}

.filters_wrap {
  grid-column-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.txt-14px {
  font-size: .875em;
}

.formation-nav-link_line {
  background-color: #f3f4f6;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

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

.listing-project_suggest-master, .hidden {
  display: none;
}

.mission_wrap {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 2em;
  display: flex;
}

.hero_bg-img {
  border-style: none;
  border-radius: 0;
}

.hero_bg-img.pricing {
  z-index: -1;
  object-fit: cover;
  width: 55%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.mobile-menu {
  display: none;
}

.filters_subwrap {
  grid-column-gap: 1em;
  display: flex;
}

.button-wrap {
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.button-wrap.flex {
  display: flex;
}

.faq_content {
  flex-direction: column;
  align-items: flex-end;
  width: 75%;
  max-width: 46em;
  display: flex;
}

.faq_content.flex {
  display: flex;
}

.great-partner_quote {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.home-hero_img-mobile {
  display: none;
}

.newsletter_submit {
  background-color: var(--white);
  color: var(--black);
  border-radius: .5em;
  transition: color .2s, background-color .2s;
}

.newsletter_submit:hover {
  background-color: var(--primary--500);
  color: var(--white);
}

.newsletter_form, .form-2 {
  grid-row-gap: 1em;
  flex-direction: column;
  padding-top: 2em;
  display: flex;
}

.hero_subtitle {
  max-width: 48ch;
}

.clutch {
  margin-bottom: 0;
}

.get_quote {
  margin-top: 1em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.get_quote.invert {
  border-right: 3px solid var(--primary--500);
  text-align: right;
  border-left-style: none;
}

.what-we-do_quote {
  border-left-style: solid;
  border-left-width: 3px;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0;
  padding: 0 0 0 1em;
}

.what-we-do_quote.invert {
  border-right: 3px solid var(--primary--500);
  text-align: right;
  border-left-style: none;
}

.testimonial_wrap {
  flex-direction: column;
  padding-right: 4em;
  display: flex;
}

.testimonial_wrap.flex {
  display: flex;
}

.newsletter_success {
  background-color: var(--primary--500);
  margin-top: 3em;
  padding: 1em;
}

.social-link {
  transition: color .2s;
}

.social-link:hover {
  color: var(--primary--500);
}

.social-link.flex {
  display: flex;
}

.cta_line-remover-bottom {
  z-index: 20;
  background-color: var(--white);
  height: 13px;
  margin-bottom: -10px;
  position: absolute;
  inset: auto 0% 0%;
}

.cta_line-remover-top {
  z-index: 20;
  background-color: var(--white);
  height: 13px;
  margin-top: -10px;
  position: absolute;
  inset: 0% 0% auto;
}

.cta_img-wrap {
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.image, .image-2 {
  border-style: none;
  border-radius: 0;
}

.code-for-count-up {
  display: none;
}

.image-3 {
  border-width: 0;
  border-radius: 0;
  max-height: 49px;
  margin-left: 8px;
}

@media screen and (max-width: 991px) {
  .section.hero-projects {
    background-size: auto, auto 100%;
  }

  .section.hero-pricing {
    margin-top: 0;
  }

  .section.hero-testimonials {
    background-position: 0 0, 100% 0;
    background-size: auto, auto 100%;
    margin-top: 0;
  }

  .container {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .container.small-pad-left {
    padding-left: 2vw;
  }

  .container.smal-pad {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .container.small-pad-right {
    padding-right: 2vw;
  }

  .container.big-pad {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .container.big-pad-right {
    padding-right: 6vw;
  }

  .container.big-pad-left {
    padding-left: 6vw;
  }

  .container.navbar {
    height: 5em;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .h1 {
    font-size: 2.5em;
  }

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

  .styleguide_menu {
    display: none;
  }

  .menu-button_line {
    background-color: #000;
    width: 100%;
    height: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button_line._3 {
    height: .3vh;
    position: relative;
  }

  .menu-button_line._2 {
    height: .3vh;
    position: absolute;
    inset: 0%;
  }

  .menu-button_line._1 {
    height: .3vh;
  }

  .block_navbar {
    background-color: var(--white);
    box-shadow: 0 0 11px 0 var(--shadow-color);
    top: 0;
  }

  .navbar_link {
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .navbar_brand {
    padding-left: 0;
  }

  .navbar_menu-button {
    width: 1em;
    height: 1em;
    padding: 0;
  }

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

  .menu-button_icon {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .navbar_menu {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    padding-left: 4vw;
    padding-right: 4vw;
    display: flex;
    box-shadow: 0 9px 11px #0000001a;
  }

  .block_faq {
    grid-row-gap: 5em;
    flex-direction: column;
  }

  .faq_item {
    width: 100%;
  }

  .navbar_dropdown {
    flex-direction: column;
    height: auto;
  }

  .key-numbers_grid {
    text-align: center;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }

  .services_line {
    grid-column-gap: 4vw;
  }

  .what-we-do_card {
    width: 100%;
  }

  .marquee_content {
    padding-right: 4vw;
  }

  .grid_3col.scrollable {
    grid-column-gap: 0vw;
  }

  .grid_3col.small-gap {
    grid-template-columns: 1fr;
  }

  .tools-icon {
    width: 5em;
    height: 5em;
  }

  .slider_buttons {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .hero_img {
    width: 40%;
  }

  .great-partner_item {
    max-width: 80%;
  }

  .great-partner_item._1 {
    max-width: 90%;
    margin-left: 10%;
  }

  .great-partner_item._5 {
    margin-left: 5%;
  }

  .great-partner_item._6 {
    max-width: 100%;
  }

  .block_project {
    flex-direction: column;
    display: flex;
  }

  .project_identity {
    width: 100%;
    position: static;
  }

  .form_wrap.radios {
    flex-direction: column;
    align-items: flex-start;
  }

  .tab-pane_content {
    max-width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .tab-pane_content._2 {
    margin-left: 0%;
  }

  .tab-pane_content._4 {
    margin-right: 0%;
  }

  .pricing_card {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .block_listing-project {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-columns: 1fr 1fr;
  }

  .listing-project_info {
    grid-row-gap: 1em;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .team_card {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .team_img {
    width: 20vw;
    height: 20vw;
  }

  .listing-testimonials_text-wrap {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .project_lines {
    padding-top: 1em;
  }

  .mission_wrap {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: wrap;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .mobile-menu {
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    padding-right: 2em;
    display: flex;
  }

  .filters_subwrap {
    grid-column-gap: 1em;
    display: flex;
  }

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

@media screen and (max-width: 767px) {
  .section.home-hero {
    height: auto;
  }

  .section.cta {
    background-image: linear-gradient(45deg, var(--white), var(--primary--300) 6%, var(--primary--500) 44%);
    padding-top: 5em;
  }

  .section.hero {
    padding-top: 9em;
  }

  .section.hero-pricing {
    background-image: linear-gradient(315deg, var(--primary--900) 45%, transparent);
  }

  .styleguide_grid {
    grid-row-gap: 1em;
    grid-auto-flow: row;
  }

  .h3 {
    font-size: 1.8em;
  }

  .h4 {
    font-size: 1.6em;
  }

  .p.hidden-mobile {
    display: none;
  }

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

  .sticky-menu {
    position: static;
  }

  .block_sticky-menu {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .block_form {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .grid_2col, .grid_2col.small-gap {
    grid-template-columns: 1fr;
  }

  .grid_2col.small-gap.scrollable-mobile, .grid_2col.small-gap.scrollable-mobile-big {
    grid-template-columns: 50vw;
    grid-auto-columns: 50vw;
    grid-auto-flow: column;
    width: 100vw;
    margin-left: -4vw;
    padding-left: 4vw;
    padding-right: 4vw;
    overflow: auto;
  }

  .testimonials_item {
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .testimonials_item.slide-bottom-1 {
    width: 80vw;
  }

  .block_faq {
    grid-row-gap: 4em;
    flex-direction: column;
  }

  .faq_trigger {
    padding-right: 1em;
  }

  .faq_item {
    width: 100%;
  }

  .block_home-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-hero_text {
    width: 100%;
  }

  .block_key-numbers {
    grid-row-gap: 1em;
  }

  .block_cta {
    position: static;
  }

  .cta_text {
    max-width: 100%;
    padding-top: 4em;
  }

  .cta_img {
    object-fit: cover;
  }

  .cta_top-shape {
    height: 2em;
  }

  .home-hero_img {
    display: none;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .key-numbers_grid {
    grid-column-gap: 5vw;
    grid-auto-columns: 40vw;
    width: 100vw;
    padding: 1em 4vw;
    overflow: auto;
  }

  .key-numbers_item {
    width: 100%;
    padding: 3vw;
  }

  .key-number_digit {
    font-size: 1.7em;
  }

  .service_card.about-us {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .what-we-do_wrap {
    grid-row-gap: 3em;
    flex-direction: column;
  }

  .what-we-do_card {
    width: 100%;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .project_item, .project_item.slide-bottom-1 {
    width: 80vw;
    padding-right: 4vw;
  }

  .grid_3col.scrollable {
    grid-column-gap: 0vw;
  }

  .grid_3col.small-gap {
    grid-template-columns: 1fr;
  }

  .what-we-do_lottie {
    display: none;
  }

  .project_coming-soon {
    bottom: 1em;
    left: 1em;
  }

  .marquee_title {
    padding-bottom: 1em;
    position: static;
  }

  .cta-wrap {
    flex-direction: column-reverse;
  }

  .swiper-button {
    outline-offset: 0px;
    border: 1px solid #363f38;
    outline: 1px #363f38;
  }

  .swiper-button:hover {
    outline-offset: .5em;
    outline: 1px #363f38;
  }

  .slider_buttons {
    justify-content: center;
    align-items: center;
    padding-top: 2em;
  }

  .hero_text, .hero_img {
    width: 100%;
  }

  .great-partner_item {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .great-partner_item._1 {
    max-width: 100%;
    margin-left: 0%;
  }

  .great-partner_item._2 {
    max-width: 100%;
    margin-right: 0%;
  }

  .great-partner_item.left-2 {
    max-width: 100%;
    margin-left: 0%;
  }

  .great-partner_item._4 {
    max-width: 100%;
  }

  .great-partner_item._5 {
    max-width: 100%;
    margin-left: 0%;
  }

  .block_hero-with-img {
    grid-row-gap: 2em;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .composed-sentence.vertical-mobile {
    flex-direction: column;
    align-items: flex-start;
  }

  .block_contact {
    grid-row-gap: 4em;
    flex-direction: column;
  }

  .contact_text {
    max-width: 100%;
    position: static;
  }

  .contact_form {
    width: 100%;
  }

  .pricing_card {
    max-width: 100%;
  }

  .block_listing-project {
    grid-template-columns: 1fr;
  }

  .team_grid {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 40vw;
    width: 100%;
  }

  .expertise_grid {
    grid-template-columns: 1fr;
    grid-auto-columns: 70vw;
    justify-content: start;
    max-width: 100vw;
    padding-top: 1em;
    padding-bottom: 1em;
    overflow: auto;
  }

  .block_get {
    padding-bottom: 0;
  }

  .get_line {
    grid-row-gap: 2em;
    flex-direction: column;
    padding-bottom: 5em;
  }

  .get_line.invert {
    flex-direction: column;
  }

  .get_img {
    height: auto;
  }

  .get_text-wrap {
    text-align: center;
    align-items: center;
    width: 75%;
  }

  .get_text-wrap.right {
    text-align: center;
    align-items: center;
  }

  .block_pricing {
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .get_img-wrap {
    width: 100%;
  }

  .filters_wrap {
    grid-row-gap: 1em;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .hero_bg-img.pricing {
    width: 100%;
  }

  .filters_subwrap {
    grid-column-gap: 0em;
    justify-content: space-between;
    width: 100%;
  }

  .home-hero_img-mobile {
    border-style: none;
    border-radius: 0;
    max-height: 40vh;
    display: block;
  }

  .testimonial_wrap {
    width: 80vw;
    padding-right: 5vw;
  }

  .cta_img-wrap {
    width: 100%;
  }

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

@media screen and (max-width: 479px) {
  .section {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .section.home-hero {
    padding-top: 8em;
  }

  .section.hero-about {
    margin-top: 0;
    padding-top: 7em;
  }

  .section.hero-projects {
    background-image: linear-gradient(270deg, transparent, white 86%), linear-gradient(162deg, var(--white) 53%, transparent 100%, transparent), url('../images/Past-projects-hero-min.webp');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 100%;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .section.hero-pricing {
    padding-top: 8em;
    padding-bottom: 5em;
  }

  .section.hero-testimonials {
    background-image: linear-gradient(270deg, transparent, white 86%), linear-gradient(162deg, var(--white) 53%, transparent 100%, transparent), url('../images/hero-image-min.jpeg');
    background-position: 0 0, 0 0, 50% 120%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, 100%;
    padding-bottom: 10em;
  }

  .p-big {
    font-size: 1.3em;
  }

  .h1 {
    font-size: 2.6em;
  }

  .h2 {
    font-size: 2em;
  }

  .h4 {
    font-size: 1.5em;
  }

  .p.hidden-mobile {
    display: none;
  }

  .block_navbar {
    max-width: 100vw;
  }

  .menu-button_icon {
    max-height: 20px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .block_footer {
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .richtext-legals h1 {
    font-size: 2.5em;
  }

  .footer-credits {
    grid-row-gap: 1em;
    flex-direction: column;
    align-items: flex-start;
  }

  .grid_2col.small-gap.scrollable-mobile {
    grid-column-gap: 4vw;
  }

  .grid_2col.small-gap.scrollable-mobile-big {
    grid-column-gap: 4vw;
    grid-template-columns: 110vw;
    grid-auto-columns: 110vw;
  }

  .author_img.big {
    width: 5em;
    height: 5em;
  }

  .author_details {
    font-size: .8em;
  }

  .faq_title {
    text-align: left;
  }

  .navbar_dropdown {
    height: auto;
  }

  .home-hero_img {
    display: none;
  }

  .key-numbers_grid {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
    grid-auto-columns: 60vw;
  }

  .card-title.hidden-mobile {
    display: none;
  }

  .project_img-wrap {
    border-radius: 0%;
    width: 100%;
    padding-bottom: 2em;
    padding-left: 0;
    position: relative;
    top: 0;
    right: 0;
  }

  .tag {
    font-size: .8em;
  }

  .grid_3col.scrollable {
    grid-template-columns: 80vw;
    grid-auto-columns: 80vw;
  }

  .project_thumbnail {
    border-bottom-right-radius: 5em;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 2em;
    padding-left: 0;
  }

  .project_name {
    max-width: 100%;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .project_img {
    border-radius: 1em;
  }

  .project_coming-soon {
    border-radius: 0%;
    left: 0;
  }

  .tools_line {
    grid-column-gap: 4vw;
    grid-template-columns: 3em;
    grid-auto-columns: 3em;
  }

  .tools-icon {
    width: 3em;
    height: 3em;
  }

  .slider_buttons {
    justify-content: center;
  }

  .block_hero {
    max-width: 100%;
  }

  .hero_text {
    grid-row-gap: 2em;
    width: 100%;
    padding-top: 2em;
  }

  .hero_img {
    width: 100%;
  }

  .block_hero-with-img.inverted {
    flex-direction: column;
    align-items: flex-start;
  }

  .block_project {
    flex-direction: column;
    grid-template-columns: .5fr;
    align-items: flex-start;
    display: flex;
  }

  .project_identity {
    grid-row-gap: 1em;
    width: 100%;
    padding: 1em 4vw;
  }

  .project_details {
    grid-row-gap: 4em;
  }

  .block_content.left {
    padding-right: 4vw;
  }

  .project-number_grid {
    grid-template-columns: 1fr;
    padding-right: 4vw;
  }

  .project_line {
    grid-row-gap: .5em;
    flex-direction: column;
    align-items: flex-start;
  }

  .project_tools {
    justify-content: flex-start;
  }

  .project_tools-wrap {
    justify-content: flex-start;
    max-width: 100%;
    display: flex;
  }

  .blog-card_content {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .infos_text {
    font-size: .8em;
  }

  .composed-sentence {
    grid-column-gap: .3em;
  }

  .composed-sentence.vertical-mobile {
    grid-row-gap: .5em;
    align-items: flex-start;
    margin-top: .5em;
  }

  .blog-hero_bg-img {
    z-index: -1;
    min-height: 50%;
    inset: 0% 0% auto;
  }

  .blog_social-links {
    flex-wrap: nowrap;
    flex: 1;
  }

  .blog_hero-infos {
    padding-top: 2em;
  }

  .footer_social {
    flex-wrap: nowrap;
    flex: 1;
  }

  .block_contact {
    grid-row-gap: 4em;
    flex-direction: column;
  }

  .pricing_tab {
    max-width: 18.5vw;
  }

  .pricing_timeline {
    white-space: nowrap;
    font-size: .9em;
    transform: rotate(-35deg);
  }

  .block_listing-project {
    grid-row-gap: 6vw;
  }

  .team_grid {
    grid-template-columns: 1fr;
    grid-auto-columns: 60vw;
    padding-bottom: 1em;
  }

  .team_card {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .team_img {
    width: 8.5em;
    height: 8.5em;
  }

  .expertise_grid {
    grid-column-gap: 4vw;
    grid-template-columns: 80vw;
    grid-auto-columns: 80vw;
  }

  .get_text-wrap {
    width: 100%;
  }

  .listing-testimonials_img-wrap {
    height: 10em;
  }

  .project_breadcrumb {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .filter_dropdown {
    width: 100%;
    margin-bottom: 1em;
  }

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

  .mobile-menu {
    display: none;
  }

  .filters_subwrap {
    grid-column-gap: 1em;
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial_wrap {
    width: 90vw;
  }

  .image-3 {
    margin-left: 8px;
  }
}

#w-node-_99d2759a-df5a-4c03-8027-d82ff8a0f524-3d9a4284, #w-node-_99d2759a-df5a-4c03-8027-d82ff8a0f532-3d9a4284, #w-node-_99d2759a-df5a-4c03-8027-d82ff8a0f52b-3d9a4284, #w-node-_744ba495-3183-5668-ef2a-c7d702b78c23-3d9a4284, #w-node-db3eb6d8-6e21-058b-9b57-8e9252a34681-52a34680, #w-node-_30690f79-473a-aa6d-41c7-390ea2c68eb7-52a34680, #w-node-aa536759-5f40-3aea-711f-f42394706018-52a34680, #w-node-cdf0a3a2-6d56-dc9b-c5bc-b02788dcbfac-52a34680 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_87a00d66-2338-1f96-adb3-a12ff8429805-52a34680 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-d2674ed7-dba9-3fcc-f03f-02171307ca1c-1307ca1c, #w-node-_261d42db-99e8-71b4-5a5c-95d20edca7bf-0edca7bf, #w-node-_3e138dfd-c6a9-7eb5-a335-d47770a19194-70a19194, #w-node-b11fa4ee-e182-1a8a-8a37-d138a3423555-a3423555, #w-node-b11fa4ee-e182-1a8a-8a37-d138a3423560-a3423555, #w-node-_7eaa3e4f-1d93-538f-14ec-35805bbea1eb-5bbea1eb, #w-node-_6d4ac97f-ef4c-4599-df2e-ed996ad929e6-3d9a42bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_088a4ea2-3f6f-cb49-d0c6-f1c67d1af967-3d9a42d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_70df5a8d-65de-9fbb-94ca-9ffe29237c41-3d9a42d8, #w-node-_98b35d26-ce69-2c81-7687-f6b7a4fa4154-3d9a42d8, #w-node-d4311f4d-d694-0e71-fe3d-fa86d7b3ab56-3d9a42d8, #w-node-d4311f4d-d694-0e71-fe3d-fa86d7b3ab59-3d9a42d8, #w-node-d4311f4d-d694-0e71-fe3d-fa86d7b3ab5c-3d9a42d8, #w-node-_37116259-35c2-5a1d-ccfc-7f05b6475ed1-3d9a42eb, #w-node-_37116259-35c2-5a1d-ccfc-7f05b6475ea4-3d9a42eb, #w-node-ff312b1d-83f7-b57c-f872-5c64478dd4b7-3d9a42ed, #w-node-_7f48499d-68b4-9a41-809d-2217de464a47-3d9a42ed, #w-node-_433d02c4-6b15-5143-b7aa-1cd938dc1265-3d9a42ed, #w-node-_86eb928a-a97e-8d28-ede9-a4082fc8da91-3d9a42ed, #w-node-e8ab8b7d-d283-9bcf-d9e9-43bb537eb380-3d9a42ed, #w-node-e8ab8b7d-d283-9bcf-d9e9-43bb537eb381-3d9a42ed, #w-node-_85e630d3-61a3-9f25-4f1e-06989bc4d189-3d9a42ed, #w-node-dc840b9c-f141-c286-4503-4dcd12f3268a-3d9a42ed, #w-node-a241fa38-8a76-24f2-9b77-7ca53b9ce864-3d9a42ed, #w-node-a241fa38-8a76-24f2-9b77-7ca53b9ce865-3d9a42ed, #w-node-b58ce024-f41d-24c9-d2e2-b25e8e6a3688-3d9a42ed, #w-node-ef7a4b9d-3a53-cc58-4c5a-ecdc783f4c66-3d9a42ed, #w-node-_76d9acee-fb7c-1828-7e68-a06fa3fc8251-3d9a42ed, #w-node-_8656f4e9-6ae8-a76b-e1b0-1650659ff061-3d9a42ed, #w-node-d7e3d9ed-2de7-384b-b3e0-f378e059f807-3d9a42ed, #w-node-f84e16f2-7fa5-b9b7-8695-110f890828f7-3d9a42ed, #w-node-_300348a2-80a3-1ed6-ca31-ccd52398d371-3d9a42ed, #w-node-_911df955-322c-1034-d07c-1b532aef5b48-3d9a42ed, #w-node-fb833fe3-cfa2-33dd-7e84-2ab42b73023c-3d9a42ed, #w-node-d6fc6c5e-4f6b-9b05-a877-0412434ac381-3d9a42ed, #w-node-_259cc30f-3944-a4a3-ab5d-0e652c1c5caa-3d9a42ed, #w-node-_125b4fe1-ca04-630c-6319-45fc814db976-3d9a42ed, #w-node-da3b93df-d908-5b74-8115-2fcabe2fa9eb-3d9a42ed, #w-node-_09a2b544-ee59-2577-f03a-198bb7fc362f-3d9a42ed, #w-node-_09a2b544-ee59-2577-f03a-198bb7fc3630-3d9a42ed, #w-node-_0df76392-0b2c-a1ae-ba72-61eb6131299e-3d9a42ed, #w-node-_2698eb2c-0d6d-2483-8a14-f324f7cb37e0-3d9a42ed, #w-node-_2698eb2c-0d6d-2483-8a14-f324f7cb37e1-3d9a42ed, #w-node-_91758b02-2cb1-2a1f-4b39-5d50e350254e-3d9a42ed, #w-node-_91758b02-2cb1-2a1f-4b39-5d50e350254f-3d9a42ed, #w-node-b8e2f1a9-fa75-7064-6783-3eb218ae39d3-3d9a42ed, #w-node-b8e2f1a9-fa75-7064-6783-3eb218ae39d4-3d9a42ed, #w-node-_01df693d-886a-26d5-2d61-bef9cbab2887-3d9a42ed, #w-node-_01df693d-886a-26d5-2d61-bef9cbab2888-3d9a42ed, #w-node-_77d7ee47-d083-d0d7-e702-78a312f66e05-3d9a42ed, #w-node-_2346e56f-b9d1-6735-7291-2ccb99ee61ff-3d9a42ed, #w-node-_98f417db-9554-f133-c837-ca8f8a2e1956-3d9a42ed, #w-node-cd05b38d-65bd-be7e-9d68-dadc2d9fff04-3d9a42ed, #w-node-c2ff7888-5ed8-c516-b47c-5dfd9251a4db-3d9a42ed, #w-node-c2ff7888-5ed8-c516-b47c-5dfd9251a4dc-3d9a42ed, #w-node-_9a0b4100-d0bf-a095-0239-c1bc83b75a23-3d9a42ed, #w-node-_9a0b4100-d0bf-a095-0239-c1bc83b75a24-3d9a42ed, #w-node-d1a4940f-47ca-9176-426e-c380b79d6f54-3d9a42ed, #w-node-_9c6cd7f6-114f-33a0-019b-433789f50ad7-3d9a42ed, #w-node-d1a4940f-47ca-9176-426e-c380b79d6f59-3d9a42ed, #w-node-d1a4940f-47ca-9176-426e-c380b79d6f5a-3d9a42ed, #w-node-d1a4940f-47ca-9176-426e-c380b79d6f5e-3d9a42ed, #w-node-_243e4f87-e76b-f9b6-d0c2-554caf697373-3d9a42ed, #w-node-_029c0698-e42f-6085-9ddb-0d92fbc7cc74-3d9a42ed, #w-node-_029c0698-e42f-6085-9ddb-0d92fbc7cc75-3d9a42ed, #w-node-_95169e1d-5d21-5174-500c-f97988a21445-3d9a42ed, #w-node-_95169e1d-5d21-5174-500c-f97988a21446-3d9a42ed, #w-node-eca372ed-465a-6664-46d0-f3c9907a573f-3d9a42ed, #w-node-eca372ed-465a-6664-46d0-f3c9907a5740-3d9a42ed, #w-node-_28b3d5ff-1379-6f49-18d7-5e35a60d7ca5-3d9a42ed, #w-node-_28b3d5ff-1379-6f49-18d7-5e35a60d7ca6-3d9a42ed, #w-node-dd8e293b-85a8-1778-62f9-561ebf4d64a1-3d9a42ed, #w-node-dd8e293b-85a8-1778-62f9-561ebf4d64a2-3d9a42ed, #w-node-e809909f-a6dd-d989-7c9b-8dd38a280b7a-3d9a42ed, #w-node-e809909f-a6dd-d989-7c9b-8dd38a280b7b-3d9a42ed, #w-node-d44ddcfc-6bfa-fd08-c11a-945e2a07be61-3d9a42ed, #w-node-d44ddcfc-6bfa-fd08-c11a-945e2a07be62-3d9a42ed, #w-node-_9a56c7f8-8f33-faa3-54c6-69652dfa3fd4-3d9a42ed, #w-node-_7faace15-6c98-5a4c-4b75-6bc41e93abcd-3d9a42ed, #w-node-_60224ec9-a8ab-c1d3-f8bf-494ce1a23314-3d9a42ed, #w-node-_877a3e64-747c-c6fb-7c2b-4d7a1d1b62a4-3d9a42ed, #w-node-_048d63c7-ea6e-7511-79ac-f24894da0157-3d9a42ed, #w-node-f2df6e8b-ab70-7fa1-216e-3f193d9b9e8e-3d9a42ed, #w-node-_53ac10bb-7c1a-c654-1b4f-18814f22a1e0-3d9a42ed, #field.w-node-_4f590748-7ee0-b32d-d5ea-d7d74893e68c-3d9a42ed, #w-node-_4b3546ce-2522-9a91-c8e0-1f6f4005c520-3d9a42ed, #field-2.w-node-_03411c04-41f1-2557-f1c4-2bc6584c5edd-3d9a42ed, #w-node-_89af32e5-5a81-2969-1fb8-7637b56b9b52-3d9a42ed, #field-3.w-node-ba83721f-3f82-d01c-6cc1-1bbcc29ceeb0-3d9a42ed, #w-node-fbed0576-5096-a152-611d-293bbe97f300-3d9a42ed, #w-node-_5707ffa7-f786-8332-5e1a-b8267d34a7b2-3d9a42ed, #w-node-b548bdd3-4574-bcad-53e5-95e4aa6270e0-3d9a42ed, #w-node-ebfb16ce-f8cb-a4ac-c36d-27671b936d63-3d9a42ed, #w-node-_00021f45-462a-8e9a-5502-fcd1acb1a9a7-3d9a42ed, #w-node-ee727ca3-8c03-d58a-3daf-392ea2283ba8-3d9a42ed, #w-node-cf435faa-2912-d399-30cc-afe754e8132b-3d9a42ed, #w-node-bfce10d3-d141-55c9-2a34-3d31f26c9ac1-3d9a42ed, #w-node-_0906eee0-0b4b-efa4-493b-082f1e97eaad-3d9a42ed, #w-node-_517b96d9-37eb-b485-87d2-f19b1960f481-3d9a42ed, #w-node-_56334045-1290-325f-57d5-9ec93e99136e-3d9a42ed, #w-node-_157b1b72-1f11-ab56-0e10-ff2dbbfd2030-3d9a42ed, #w-node-f61611cf-d4b3-c1ca-f0c0-804d67d6250c-3d9a42ed, #w-node-_1cfe1d98-b25f-8a32-2c19-94672837db33-3d9a42ed, #w-node-_3d6af2fc-4c28-5149-113b-3aca0c604ce7-3d9a42ed, #w-node-_3d6af2fc-4c28-5149-113b-3aca0c604cf4-3d9a42ed, #w-node-_3d6af2fc-4c28-5149-113b-3aca0c604d01-3d9a42ed, #w-node-_9a953328-495e-a713-7ece-0e93d361ec3e-3d9a42ed, #w-node-c2ecd528-5b93-4ff6-3c00-81d5a06b94d1-3d9a42ed, #w-node-f97b828b-4ac1-ac4a-6bf5-703d76dee0e6-3d9a42ed, #w-node-_6f7df9a7-0736-9872-fb20-d7ff711ff70c-3d9a42ed, #w-node-_03b684ed-f6a0-e5a8-1fbc-ca61ccb987ff-3d9a42ed, #w-node-c24a191a-d110-d4e5-8b63-d10555fb0e85-3d9a42ed, #w-node-acaadf21-bc6e-a364-d121-c2c1970ec5cc-3d9a42ed, #w-node-_236b51e8-8cb5-f8b2-642d-8adf748e5c90-3d9a42ed, #w-node-_9af9852c-b9b1-b837-9a7b-69eca5cb8d41-3d9a42ed, #w-node-_9af9852c-b9b1-b837-9a7b-69eca5cb8d42-3d9a42ed, #w-node-f39137ee-00fa-5388-a4b0-d86f170fa3f2-3d9a42ed, #w-node-def650f8-0587-fcfb-6579-0499f8d35f12-3d9a42ed, #w-node-_140cabb0-d55a-3cdf-6786-6a1347f6d40b-3d9a42ed, #w-node-_140cabb0-d55a-3cdf-6786-6a1347f6d40c-3d9a42ed, #w-node-c9bb2ab2-eb66-7272-edc3-6ab5222e2e78-3d9a42ed, #w-node-_62833518-d4d5-fe48-6bae-4a8684491306-3d9a42ed, #w-node-b2162d21-f4ea-89aa-3389-9b50ace7ae36-3d9a42ed, #w-node-b2162d21-f4ea-89aa-3389-9b50ace7ae37-3d9a42ed, #w-node-_7a53b45e-3cd7-0258-fce5-23ce4dbade72-3d9a42ed, #w-node-_89f2f321-61aa-84d4-59b5-c63e40ca6309-3d9a42ed, #w-node-_0a931d67-73df-af28-316d-13baf90d79a7-3d9a42ed, #w-node-b2162d21-f4ea-89aa-3389-9b50ace7ae40-3d9a42ed, #w-node-b2162d21-f4ea-89aa-3389-9b50ace7ae41-3d9a42ed, #w-node-cb5fa909-624d-0c2b-38d0-08cd060012d4-3d9a42ed, #w-node-c7f5977b-9406-e65d-e942-45631b1fa555-3d9a42ed, #w-node-fd600d55-b4ad-cfe0-5a99-55712826a474-3d9a42ed, #w-node-b27b11c2-f6f7-11a2-2c58-5fd8dcffd6b4-3d9a42ef, #w-node-_17baf72f-eff6-93f6-5527-f0c29fb6e1c2-3d9a42ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_87a00d66-2338-1f96-adb3-a12ff8429805-52a34680 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_87a00d66-2338-1f96-adb3-a12ff8429805-52a34680 {
    grid-column: span 1 / span 1;
  }
}


